Commit @4614698360f59faf34261cb3aa7740253ee0dc53

2f88ac1

4614698

client/resources/css/user/sub.css

--- client/resources/css/user/sub.css

+++ client/resources/css/user/sub.css


     height: 25px;
     background-image: url(../../images/downbtn_bg_sm.png);
   }
+ 
   .select-down {
     color: #333;
     background-image: url(../../images/downbtn_border.png);
+    
   }
 }
-
+.btn_excel {
+  border: 1px solid #b5c3bb;
+  border-radius: 5px;
+  padding: 4px 5px;
+  p{
+    color: #333 !important;
+}
+}
 .btn-sm {
   color: inherit;
   font-size: 14px;

2f88ac1

4614698

client/views/pages/bbsDcryPhoto/PicHistorySearch.vue

--- client/views/pages/bbsDcryPhoto/PicHistorySearch.vue

+++ client/views/pages/bbsDcryPhoto/PicHistorySearch.vue


             <p>총 <b>{{ searchReqDTO.totalRecordCount }}개</b>의 사진 기록물이 검색되었습니다. </p>
           </div>
           <div class="flex">
-            <div v-if="searchResult.length > 0" class="download-btn" style="margin-right: 2rem;">
-              <button type="button" @click="fnDownload" class=" btn_sm "></button>
-            </div>
             <ul class="tab-box mb-20">
+              <li v-if="searchResult.length > 0" class="tab-title btn_excel" >
+                <img :src="excelicon" alt="">
+                <button type="button" @click="fnDownload" class="  "><p>엑셀 다운로드</p></button>
+              </li>
               <li v-for="(tab, idx) in tabs" :key="idx" class="tab-title" :class="{ active: selectedTabId === tab.id }"
                 @click="selectTab(tab.id)">
                 <img :src="selectedTabId === tab.id ? tab.activeImage : tab.inactiveImage" :alt="tab.title"

       // ICON
       nosearch: "client/resources/images/no_search.png",
       resulticon: "client/resources/images/icon/r-check.png",
+      excelicon: "client/resources/images/icon/excelicon.png",
       homeicon: 'client/resources/images/icon/home.png',
       righticon: 'client/resources/images/icon/right.png',
 

2f88ac1

4614698

client/views/pages/bbsDcryVideo/VideoHistorySearch.vue

--- client/views/pages/bbsDcryVideo/VideoHistorySearch.vue

+++ client/views/pages/bbsDcryVideo/VideoHistorySearch.vue


             <p>총 <b>{{ searchReqDTO.totalRecordCount }}개</b>의 영상 기록물이 검색되었습니다. </p>
           </div>
           <div class="flex">
-            <div v-if="searchResult.length > 0" class="download-btn" style="margin-right: 2rem;">
-              <button type="button" @click="fnDownload" class=" btn_sm "></button>
-            </div>
             <ul class="tab-box mb-20">
+              <li v-if="searchResult.length > 0" class="tab-title btn_excel" >
+                <img :src="excelicon" alt="">
+                <button type="button" @click="fnDownload" class="  "><p>엑셀 다운로드</p></button>
+              </li>
               <li v-for="(tab, idx) in tabs" :key="idx" class="tab-title" :class="{ active: selectedTabId === tab.id }"
                 @click="selectTab(tab.id)">
                 <img :src="selectedTabId === tab.id ? tab.activeImage : tab.inactiveImage" :alt="tab.title"

     return {
       // ICON
       resulticon: "client/resources/images/icon/r-check.png",
+      excelicon: "client/resources/images/icon/excelicon.png",
       nosearch: "client/resources/images/no_search.png",
       homeicon: 'client/resources/images/icon/home.png',
       righticon: 'client/resources/images/icon/right.png',

2f88ac1

4614698

client/views/pages/bbsMediaVido/MediaVideoSearch.vue

--- client/views/pages/bbsMediaVido/MediaVideoSearch.vue

+++ client/views/pages/bbsMediaVido/MediaVideoSearch.vue


             <p>총 <b>{{ searchReqDTO.totalRecordCount }}개</b>의 미디어 영상이 검색되었습니다. </p>
           </div>
           <div class="flex">
-            <div v-if="searchResult.length > 0" >
-              <button type="button" @click="fnDownload" ></button>
-            </div>
             <ul class="tab-box mb-20">
+              <li v-if="searchResult.length > 0" class="tab-title btn_excel" >
+                <img :src="excelicon" alt="">
+                <button type="button" @click="fnDownload" class="  "><p>엑셀 다운로드</p></button>
+              </li>
               <li v-for="(tab, idx) in tabs" :key="idx" class="tab-title" :class="{ active: selectedTabId === tab.id }" @click="selectTab(tab.id)">
                 <img :src="selectedTabId === tab.id ? tab.activeImage : tab.inactiveImage" :alt="tab.title" class="tab-icon" />
                 <p><b>{{ tab.title }}</b></p>

   data() {
     return {
       // ICON
+      excelicon: "client/resources/images/icon/excelicon.png",
       nosearch: "client/resources/images/no_search.png",
       resulticon: "client/resources/images/icon/r-check.png",
       homeicon: 'client/resources/images/icon/home.png',

2f88ac1

4614698

client/views/pages/bbsNesDta/NewsReleaseSearch.vue

--- client/views/pages/bbsNesDta/NewsReleaseSearch.vue

+++ client/views/pages/bbsNesDta/NewsReleaseSearch.vue


             <p>총 <b>{{ searchReqDTO.totalRecordCount }}개</b>의 스크랩 자료가 검색되었습니다. </p>
           </div>
           <div class="flex">
-            <div v-if="searchResult.length > 0" class="download-btn" style="margin-right: 2rem;">
-              <button type="button" @click="fnDownload" class=" btn_sm "></button>
-            </div>
             <ul class="tab-box mb-20">
+              <li v-if="searchResult.length > 0" class="tab-title btn_excel" >
+                <img :src="excelicon" alt="">
+                <button type="button" @click="fnDownload" class="  "><p>엑셀 다운로드</p></button>
+              </li>
               <li v-for="(tab, idx) in tabs" :key="idx" class="tab-title" :class="{ active: selectedTabId === tab.id }" @click="selectTab(tab.id)">
                 <img :src="selectedTabId === tab.id ? tab.activeImage : tab.inactiveImage" :alt="tab.title" class="tab-icon" />
                 <p><b>{{ tab.title }}</b></p>

       // ICON
       nosearch: "client/resources/images/no_search.png",
       resulticon: "client/resources/images/icon/r-check.png",
+      excelicon: "client/resources/images/icon/excelicon.png",
       homeicon: 'client/resources/images/icon/home.png',
       righticon: 'client/resources/images/icon/right.png',
 

...	...	@@ -1676,12 +1676,21 @@
1676	1676	height: 25px;
1677	1677	background-image: url(../../images/downbtn_bg_sm.png);
1678	1678	}
	1679	+
1679	1680	.select-down {
1680	1681	color: #333;
1681	1682	background-image: url(../../images/downbtn_border.png);
	1683	+
1682	1684	}
1683	1685	}
1684		-
	1686	+.btn_excel {
	1687	+ border: 1px solid #b5c3bb;
	1688	+ border-radius: 5px;
	1689	+ padding: 4px 5px;
	1690	+ p{
	1691	+ color: #333 !important;
	1692	+}
	1693	+}
1685	1694	.btn-sm {
1686	1695	color: inherit;
1687	1696	font-size: 14px;

...	...	@@ -23,10 +23,11 @@
23	23	<p>총 <b>{{ searchReqDTO.totalRecordCount }}개</b>의 사진 기록물이 검색되었습니다. </p>
24	24	</div>
25	25	<div class="flex">
26		- <div v-if="searchResult.length > 0" class="download-btn" style="margin-right: 2rem;">
27		- <button type="button" @click="fnDownload" class=" btn_sm "></button>
28		- </div>
29	26	<ul class="tab-box mb-20">
	27	+ <li v-if="searchResult.length > 0" class="tab-title btn_excel" >
	28	+ <img :src="excelicon" alt="">
	29	+ <button type="button" @click="fnDownload" class=" "><p>엑셀 다운로드</p></button>
	30	+ </li>
30	31	<li v-for="(tab, idx) in tabs" :key="idx" class="tab-title" :class="{ active: selectedTabId === tab.id }"
31	32	@click="selectTab(tab.id)">
32	33	<img :src="selectedTabId === tab.id ? tab.activeImage : tab.inactiveImage" :alt="tab.title"
...	...	@@ -93,6 +94,7 @@
93	94	// ICON
94	95	nosearch: "client/resources/images/no_search.png",
95	96	resulticon: "client/resources/images/icon/r-check.png",
	97	+ excelicon: "client/resources/images/icon/excelicon.png",
96	98	homeicon: 'client/resources/images/icon/home.png',
97	99	righticon: 'client/resources/images/icon/right.png',
98	100

...	...	@@ -23,10 +23,11 @@
23	23	<p>총 <b>{{ searchReqDTO.totalRecordCount }}개</b>의 영상 기록물이 검색되었습니다. </p>
24	24	</div>
25	25	<div class="flex">
26		- <div v-if="searchResult.length > 0" class="download-btn" style="margin-right: 2rem;">
27		- <button type="button" @click="fnDownload" class=" btn_sm "></button>
28		- </div>
29	26	<ul class="tab-box mb-20">
	27	+ <li v-if="searchResult.length > 0" class="tab-title btn_excel" >
	28	+ <img :src="excelicon" alt="">
	29	+ <button type="button" @click="fnDownload" class=" "><p>엑셀 다운로드</p></button>
	30	+ </li>
30	31	<li v-for="(tab, idx) in tabs" :key="idx" class="tab-title" :class="{ active: selectedTabId === tab.id }"
31	32	@click="selectTab(tab.id)">
32	33	<img :src="selectedTabId === tab.id ? tab.activeImage : tab.inactiveImage" :alt="tab.title"
...	...	@@ -91,6 +92,7 @@
91	92	return {
92	93	// ICON
93	94	resulticon: "client/resources/images/icon/r-check.png",
	95	+ excelicon: "client/resources/images/icon/excelicon.png",
94	96	nosearch: "client/resources/images/no_search.png",
95	97	homeicon: 'client/resources/images/icon/home.png',
96	98	righticon: 'client/resources/images/icon/right.png',

...	...	@@ -22,10 +22,11 @@
22	22	<p>총 <b>{{ searchReqDTO.totalRecordCount }}개</b>의 미디어 영상이 검색되었습니다. </p>
23	23	</div>
24	24	<div class="flex">
25		- <div v-if="searchResult.length > 0" >
26		- <button type="button" @click="fnDownload" ></button>
27		- </div>
28	25	<ul class="tab-box mb-20">
	26	+ <li v-if="searchResult.length > 0" class="tab-title btn_excel" >
	27	+ <img :src="excelicon" alt="">
	28	+ <button type="button" @click="fnDownload" class=" "><p>엑셀 다운로드</p></button>
	29	+ </li>
29	30	<li v-for="(tab, idx) in tabs" :key="idx" class="tab-title" :class="{ active: selectedTabId === tab.id }" @click="selectTab(tab.id)">
30	31	<img :src="selectedTabId === tab.id ? tab.activeImage : tab.inactiveImage" :alt="tab.title" class="tab-icon" />
31	32	<p><b>{{ tab.title }}</b></p>
...	...	@@ -86,6 +87,7 @@
86	87	data() {
87	88	return {
88	89	// ICON
	90	+ excelicon: "client/resources/images/icon/excelicon.png",
89	91	nosearch: "client/resources/images/no_search.png",
90	92	resulticon: "client/resources/images/icon/r-check.png",
91	93	homeicon: 'client/resources/images/icon/home.png',

...	...	@@ -23,10 +23,11 @@
23	23	<p>총 <b>{{ searchReqDTO.totalRecordCount }}개</b>의 스크랩 자료가 검색되었습니다. </p>
24	24	</div>
25	25	<div class="flex">
26		- <div v-if="searchResult.length > 0" class="download-btn" style="margin-right: 2rem;">
27		- <button type="button" @click="fnDownload" class=" btn_sm "></button>
28		- </div>
29	26	<ul class="tab-box mb-20">
	27	+ <li v-if="searchResult.length > 0" class="tab-title btn_excel" >
	28	+ <img :src="excelicon" alt="">
	29	+ <button type="button" @click="fnDownload" class=" "><p>엑셀 다운로드</p></button>
	30	+ </li>
30	31	<li v-for="(tab, idx) in tabs" :key="idx" class="tab-title" :class="{ active: selectedTabId === tab.id }" @click="selectTab(tab.id)">
31	32	<img :src="selectedTabId === tab.id ? tab.activeImage : tab.inactiveImage" :alt="tab.title" class="tab-icon" />
32	33	<p><b>{{ tab.title }}</b></p>
...	...	@@ -89,6 +90,7 @@
89	90	// ICON
90	91	nosearch: "client/resources/images/no_search.png",
91	92	resulticon: "client/resources/images/icon/r-check.png",
	93	+ excelicon: "client/resources/images/icon/excelicon.png",
92	94	homeicon: 'client/resources/images/icon/home.png',
93	95	righticon: 'client/resources/images/icon/right.png',
94	96

Delete comment