yjryu / KERIS star
류윤주 류윤주 2023-12-05
231205 류윤주 css 수정
@55559efb29135375e39f4e25c1e94a553930b95a
client/resources/css/admin.css
--- client/resources/css/admin.css
+++ client/resources/css/admin.css
@@ -425,6 +425,7 @@
   font-size: 1.3rem;
 }
 
+
 /* mailselectone */
 .mail-table {
   border-top: 3px solid #ddd;
@@ -434,6 +435,17 @@
 
 .mail-table tr:nth-last-of-type(1) {
   border-top: 1px solid #eee;
+}
+
+.mail-sender{
+  text-align: left;
+  height: 30px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  white-space: normal;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
 }
 
 /* NetworkingSelectList */
@@ -707,8 +719,10 @@
   text-align: left;
 }
 .select-table td:nth-child(2),
-.statistics-table td:nth-child(1),
-.statistics-table td:nth-child(2){
+.select-category-table td:nth-child(3),
+.statistics-view-table td:nth-child(1),
+.statistics-down-table td:nth-child(1),
+.statistics-down-table td:nth-child(2){
   text-align: left;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -876,42 +890,51 @@
   height: 100%;
 }
 
-.layout-wrap-small .login-box{
+.layout-wrap-small .login-box,
+.layout-wrap-medium .login-box{
   width: 50%;
 }
 
-.layout-wrap-small .login-box .logo{
+.layout-wrap-small .login-box .logo,
+.layout-wrap-medium .login-box .logo{
   margin-bottom: 30px;
 }
 
-.layout-wrap-small .login-box .logo h1{
+.layout-wrap-small .login-box .logo h1,
+.layout-wrap-medium .login-box .logo h1{
   font-size: 2rem;
 }
 
-.layout-wrap-small .login-box .logo p{
+.layout-wrap-small .login-box .logo p,
+.layout-wrap-medium .login-box .logo p{
   font-size: 1.6rem;
 }
 
-.layout-wrap-small .logo-wrap .adm-logo i{
+.layout-wrap-small .logo-wrap .adm-logo i,
+.layout-wrap-medium .logo-wrap .adm-logo i{
   display: block;
 }
 
-.layout-wrap-small .amain-menu{
+.layout-wrap-small .amain-menu,
+.layout-wrap-medium .amain-menu{
   height: auto;
 }
-.layout-wrap-small  .amain-menu>ul{
+.layout-wrap-small  .amain-menu>ul,
+.layout-wrap-medium .amain-menu>ul{ 
   max-height: 0;
   overflow: hidden;
   padding: 0px 0 0px 30px;
   transition:all 0.3s ease-in-out;
 }
 
-.layout-wrap-small  .amain-menu>ul.active{
+.layout-wrap-small  .amain-menu>ul.active,
+.layout-wrap-medium .amain-menu>ul.active{
   max-height: fit-content;
   overflow: visible;
   padding: 30px 0 30px 30px
 }
-.layout-wrap-small .content-box{
+.layout-wrap-small .content-box,
+.layout-wrap-medium .content-box{
   padding: 30px;
 }
 .layout-wrap-small .content-wrap{
@@ -925,9 +948,14 @@
   grid-template-columns: repeat(2,1fr);
 }
 
+.layout-wrap-medium .menu-grid{
+  grid-template-columns: repeat(4,1fr);
+}
+
 
 .layout-wrap-small  .news-list{
-  grid-template-columns: repeat(3,1fr);
+  grid-template-columns: repeat(2,1fr);
+  gap: 30px;
 }
 
 .layout-wrap-small .top-bar > div{
@@ -947,3 +975,18 @@
 .layout-wrap-small .modal-container{
   width: 65%;
 }
+.layout-wrap-small .title-zone .detail-title,
+.layout-wrap-small .title-zone .write-info{
+  flex-direction: initial;
+}
+
+.layout-wrap-small  .date-zone,
+.layout-wrap-medium .date-zone{
+  width:75%;
+  flex-direction:initial
+}
+
+.layout-wrap-small  .date-check,
+.layout-wrap-medium .date-check{
+width: 25%;
+}
(No newline at end of file)
client/views/layout/AdminMenu.vue
--- client/views/layout/AdminMenu.vue
+++ client/views/layout/AdminMenu.vue
@@ -108,25 +108,22 @@
       }
     },
     // url에 따른 메뉴
-    // updateActiveMenu(currentPath) {
-    //   this.menuList.forEach((item) => {
-    //     // 주요 메뉴의 path와 현재 경로를 비교
-    //     if (item.path === currentPath) {
-    //       item.isActive = true;
-    //     } else {
-    //       // 하위 메뉴가 있는 경우, 하위 메뉴의 path와 현재 경로를 비교
-    //       if (item.subMenu && item.subMenu.some(sub => sub.path === currentPath)) {
-    //         item.isActive = true;
-    //       } else {
-    //         item.isActive = false;
-    //       }
-    //     }
-    //   });
-    // },
-    // 하위메뉴 클릭 시 메뉴 닫힘 방지
-    stopToggleSubMenuClick(event) {
-      event.stopPropagation();
+    updateActiveMenu(currentPath) {
+      this.menuList.forEach((item) => {
+        // 주요 메뉴의 path와 현재 경로를 비교
+        if (item.path === currentPath) {
+          item.isActive = true;
+        } else {
+          // 하위 메뉴가 있는 경우, 하위 메뉴의 path와 현재 경로를 비교
+          if (item.subMenu && item.subMenu.some(sub => sub.path === currentPath)) {
+            item.isActive = true;
+          } else {
+            item.isActive = false;
+          }
+        }
+      });
     },
+
   },
   watch: {},
   computed: {},
client/views/pages/App.vue
--- client/views/pages/App.vue
+++ client/views/pages/App.vue
@@ -140,7 +140,7 @@
       // 반응형을 위한 핸들러
       handleResize: function () {
          const screenWidth = window.innerWidth;
-         if (screenWidth < 769) {
+         if (screenWidth < 821) {
             this.screenType = 'small';
          } else if (screenWidth <= 1366) {
             this.screenType = 'medium';
client/views/pages/admin/databook/DataSelectList.vue
--- client/views/pages/admin/databook/DataSelectList.vue
+++ client/views/pages/admin/databook/DataSelectList.vue
@@ -57,21 +57,21 @@
                         </li>
                     </ul>
                 </div>
-                <table class="select-table user-table-list">
+                <table class="select-category-table">
                     <thead>
                         <tr>
                             <th style="width:5%">no</th>
-                            <th style="width:10%">카테고리</th>
-                            <th style="width:55%">제목</th>
+                            <th style="width:15%">카테고리</th>
+                            <th style="width:45%">제목</th>
                             <th style="width:10%">작성자</th>
-                            <th style="width:10%">작성일자</th>
+                            <th style="width:15%">작성일자</th>
                             <th style="width:10%">조회수</th>
                         </tr>
                     </thead>
                     <tbody>
                         <tr v-for="(notice, nIdx) in postNoticeList" :key="nIdx" @click="postSelectOnePage(notice)">
-                            <td class="board-title pen-nib-icon  notice-box" :class="{ 'first-row': notice.notice_yn === 'Y' }" style="text-align: center; padding-left: 2.5rem;">
-                                <i class="fas fa-thumbtack" v-if="notice.notice_yn === 'Y'"></i>
+                            <td class=" pen-nib-icon  notice-box" :class="{ 'first-row': notice.notice_yn === 'Y' }" style="text-align: center;">
+                                <i class="fas fa-thumbtack" v-if="notice.notice_yn === 'Y'" style="margin:0 auto;"></i>
                             </td>
                             <td :class="{ 'first-row': notice.notice_yn === 'Y' }" v-if="notice.ctgry_nm === 'policy'"><span
                                     class="category-zone">정책자료</span></td>
@@ -80,7 +80,7 @@
                             <td :class="{ 'first-row': notice.notice_yn === 'Y' }" v-else><span
                                     class="category-zone">가이드라인</span></td>
                             <td :class="{ 'first-row': notice.notice_yn === 'Y' }">
-                                <p class="board-title">{{ notice.post_title }} </p>
+                            {{ notice.post_title }}
                             </td>
                             <td :class="{ 'first-row': notice.notice_yn === 'Y' }">{{ notice.rgtr_id }}</td>
                             <td :class="{ 'first-row': notice.notice_yn === 'Y' }">{{ yyyymmdd(notice.reg_dt) }}</td>
@@ -92,7 +92,7 @@
                             <td v-else-if="post.ctgry_nm === 'research'"><span class="category-zone">연구자료</span></td>
                             <td v-else><span class="category-zone">가이드라인</span></td>
                             <td>
-                                <p class="board-title">{{ post.post_title }} </p>
+                            {{ post.post_title }} 
                             </td>
                             <td>{{ post.rgtr_id }}</td>
                             <td>{{ yyyymmdd(post.reg_dt) }}</td>
client/views/pages/admin/databook/DataSelectOne.vue
--- client/views/pages/admin/databook/DataSelectOne.vue
+++ client/views/pages/admin/databook/DataSelectOne.vue
@@ -10,8 +10,8 @@
             <div class="content-wrap DataSelectOne">
                 <table class="selectone-table ">
                     <colgroup>
-                        <col width="10%" />
-                         <col width="90%" />
+                        <col width="15%" />
+                         <col width="85%" />
                     </colgroup>
                     <tbody>
                         <tr>
client/views/pages/admin/networking/NetworkingSelectList.vue
--- client/views/pages/admin/networking/NetworkingSelectList.vue
+++ client/views/pages/admin/networking/NetworkingSelectList.vue
@@ -36,8 +36,8 @@
                     <thead>
                         <tr>
                             <th style="width:10%">순위</th>
-                            <th style="width:50%">기업명</th>
-                            <th style="width:10%">가입일자</th>
+                            <th style="width:45%">기업명</th>
+                            <th style="width:15%">가입일자</th>
                             <th style="width:10%">조회수</th>
                             <th style="width:20%">pick 받은 수</th>
                         </tr>
client/views/pages/admin/networking/NetworkingSelectOne.vue
--- client/views/pages/admin/networking/NetworkingSelectOne.vue
+++ client/views/pages/admin/networking/NetworkingSelectOne.vue
@@ -17,7 +17,7 @@
                         <tr>
                             <td class="title-zone" colspan="2">
                                 <p class="post-title">{{ company.company_nm }}</p>
-                                <div class="flex">
+                                <div class="flex write-info">
                                     <p class="write-info">
                                         <span><i class="fa fa-heart fa-lg" style="color: #d41515;"></i></span>
                                         <span>{{ company.company_pick_cnt }}</span>
client/views/pages/admin/notice/NoticeSelectList.vue
--- client/views/pages/admin/notice/NoticeSelectList.vue
+++ client/views/pages/admin/notice/NoticeSelectList.vue
@@ -37,19 +37,19 @@
                     <thead>
                         <tr>
                             <th style="width:5%">no</th>
-                            <th style="width:65%">제목</th>
+                            <th style="width:60%">제목</th>
                             <th style="width:10%">작성자</th>
-                            <th style="width:10%">작성일자</th>
+                            <th style="width:15%">작성일자</th>
                             <th style="width:10%">조회수</th>
                         </tr>
                     </thead>
                     <tbody>
                         <tr v-for="(notice, nIdx) in postNoticeList" :key="nIdx" @click="postSelectOnePage(notice)">
-                            <td class="board-title pen-nib-icon  notice-box" :class="{ 'first-row': notice.notice_yn === 'Y' }" style="text-align: center; padding-left: 2.5rem;">
-                                <i class="fas fa-thumbtack" v-if="notice.notice_yn === 'Y'"></i>
+                            <td class=" pen-nib-icon  notice-box" :class="{ 'first-row': notice.notice_yn === 'Y' }" style="text-align: center;">
+                                <i class="fas fa-thumbtack" v-if="notice.notice_yn === 'Y'" style="margin: 0 auto;"></i>
                             </td>
                             <td :class="{ 'first-row': notice.notice_yn === 'Y' }">
-                                <p class="board-title">{{ notice.post_title }} </p>
+                                {{ notice.post_title }}
                             </td>
                             <td :class="{ 'first-row': notice.notice_yn === 'Y' }">{{ notice.rgtr_id }}</td>
                             <td :class="{ 'first-row': notice.notice_yn === 'Y' }">{{ yyyymmdd(notice.reg_dt) }}</td>
@@ -58,7 +58,7 @@
                         <tr v-for="(post, pIdx) in postList" :key="pIdx" @click="postSelectOnePage(post)">
                             <td>{{ postIdx - pIdx }}</td>
                             <td>
-                                <p class="board-title">{{ post.post_title }} </p>
+                                {{ post.post_title }}
                             </td>
                             <td>{{ post.rgtr_id }}</td>
                             <td>{{ yyyymmdd(post.reg_dt) }}</td>
client/views/pages/admin/statistics/Data.vue
--- client/views/pages/admin/statistics/Data.vue
+++ client/views/pages/admin/statistics/Data.vue
@@ -31,7 +31,7 @@
             <div class="btn-wrap">
                 <button class="blue-border-bnt" @click="logExcel()">Excel 다운로드</button>
             </div>
-            <table class="statistics-table" v-if="selectType == 'view'">
+            <table class="statistics-view-table" v-if="selectType == 'view'">
                 <colgroup>
                     <col style="width: 25%;" />
                     <col style="width: 25%;" />
@@ -61,7 +61,7 @@
                     </tr>
                 </tbody>
             </table>
-            <table class="statistics-table" v-else>
+            <table class="statistics-down-table" v-else>
                 <colgroup>
                     <col style="width: 20%;" />
                     <col style="width: 20%;" />
client/views/pages/admin/statistics/MatchingStatistics.vue
--- client/views/pages/admin/statistics/MatchingStatistics.vue
+++ client/views/pages/admin/statistics/MatchingStatistics.vue
@@ -109,14 +109,10 @@
                     <div class="chart">
                         <div class="chart-top">
                             <div class="flex">
-                                <div class="date-zone flex-start">
-                                    <!-- <input type="date" name="" id="" min="2023-11-24" :max="listSearch.endDate" v-model="listSearch.startDate"> -->
-                                    <input type="date" name="" id="" :max="listSearch.endDate" v-model="listSearch.startDate">
-                                    <span>~</span>
-                                    <!-- <input type="date" name="" id="" :min="listSearch.startDate" :max="oneMonthLater" v-model="listSearch.endDate"> -->
-                                    <input type="date" name="" id="" :min="listSearch.startDate" :max="yesterDay" v-model="listSearch.endDate">
-                                    <button class="blue-btn" @click="detailTypeCheck()">조회</button>
-                                </div>
+                                <select name="" id="" v-model="company_id" @change="changeCompany($event)">
+                                    <option v-for="(item, idx) in companyList" :key="idx" :value=item.company_id>{{
+                                        item.company_nm }}</option>
+                                </select>
                                 <div class="date-check flex-end">
                                     <div>
                                         <input type="radio" name="pickMatching2" id="pick2" style="display:none"
@@ -133,11 +129,8 @@
                             </div>
                         </div>
                         <div class="table-zone">
-                            <div class="flex middle-zone">
-                                <select name="" id="" v-model="company_id" @change="changeCompany($event)">
-                                    <option v-for="(item, idx) in companyList" :key="idx" :value=item.company_id>{{
-                                        item.company_nm }}</option>
-                                </select>
+                            <div class="btn-wrap">
+
                                 <button class="blue-border-bnt" @click="detailLogExcel()">Excel 다운로드</button>
                             </div>
                             <table class="statistics-table">
client/views/pages/admin/statistics/Member.vue
--- client/views/pages/admin/statistics/Member.vue
+++ client/views/pages/admin/statistics/Member.vue
@@ -34,7 +34,7 @@
             <div class="btn-wrap">
                 <button class="blue-border-bnt" @click="loginLogExcel()">Excel 다운로드</button>
             </div>
-            <table>
+            <table class="statistics-table">
                 <colgroup>
                     <col style="width: 25%;"/>
                     <col style="width: 25%;"/>
client/views/pages/admin/statistics/NewsAndPr.vue
--- client/views/pages/admin/statistics/NewsAndPr.vue
+++ client/views/pages/admin/statistics/NewsAndPr.vue
@@ -29,7 +29,7 @@
             <div class="btn-wrap">
                 <button class="blue-border-bnt" @click="logExcel()">Excel 다운로드</button>
             </div>
-            <table class="statistics-table"  v-if="selectType == 'view'">
+            <table class="statistics-view-table"  v-if="selectType == 'view'">
                 <colgroup>
                     <col style="width: 20%;"/>
                     <col style="width: 20%;"/>
@@ -63,7 +63,7 @@
                 </tbody>
             </table>
 
-            <table class="statistics-table"  v-else>
+            <table class="statistics-down-table"  v-else>
                 <colgroup>
                     <col style="width: 20%;"/>
                     <col style="width: 20%;"/>
client/views/pages/admin/statistics/Notice.vue
--- client/views/pages/admin/statistics/Notice.vue
+++ client/views/pages/admin/statistics/Notice.vue
@@ -29,7 +29,7 @@
             <div class="btn-wrap">
                 <button class="blue-border-bnt" @click="logExcel()">Excel 다운로드</button>
             </div>
-            <table class="statistics-table"  v-if="selectType == 'view'">
+            <table class="statistics-view-table"  v-if="selectType == 'view'">
                 <colgroup>
                     <col style="width: 20%;"/>
                     <col style="width: 20%;"/>
@@ -63,7 +63,7 @@
                 </tbody>
             </table>
 
-            <table class="statistics-table"  v-else>
+            <table class="statistics-down-table"  v-else>
                 <colgroup>
                     <col style="width: 20%;"/>
                     <col style="width: 20%;"/>
client/views/pages/admin/statistics/Tech.vue
--- client/views/pages/admin/statistics/Tech.vue
+++ client/views/pages/admin/statistics/Tech.vue
@@ -29,7 +29,7 @@
             <div class="btn-wrap">
                 <button class="blue-border-bnt" @click="logExcel()">Excel 다운로드</button>
             </div>
-            <table class="statistics-table" v-if="selectType == 'view'">
+            <table class="statistics-view-table" v-if="selectType == 'view'">
                 <colgroup>
                     <col style="width: 25%;"/>
                     <col style="width: 25%;"/>
@@ -59,7 +59,7 @@
                     </tr>
                 </tbody>
             </table>
-            <table class="statistics-table" v-else>
+            <table class="statistics-down-table" v-else>
                 <colgroup>
                     <col style="width: 20%;"/>
                     <col style="width: 20%;"/>
client/views/pages/admin/statistics/Visit.vue
--- client/views/pages/admin/statistics/Visit.vue
+++ client/views/pages/admin/statistics/Visit.vue
@@ -36,7 +36,7 @@
             <div class="btn-wrap">
                 <button class="blue-border-bnt" @click="visitLogExcel()">Excel 다운로드</button>
             </div>
-            <table>
+            <table class="statistics-table">
                 <colgroup>
                     <col style="width: 20%;"/>
                     <col style="width: 20%;"/>
client/views/pages/admin/statistics/WgCommunity.vue
--- client/views/pages/admin/statistics/WgCommunity.vue
+++ client/views/pages/admin/statistics/WgCommunity.vue
@@ -29,7 +29,7 @@
             <div class="btn-wrap">
                 <button class="blue-border-bnt" @click="logExcel()">Excel 다운로드</button>
             </div>
-            <table class="statistics-table" v-if="selectType == 'view'">
+            <table class="statistics-view-table" v-if="selectType == 'view'">
                 <colgroup>
                     <col style="width: 25%;"/>
                     <col style="width: 25%;"/>
@@ -59,7 +59,7 @@
                     </tr>
                 </tbody>
             </table>
-            <table class="statistics-table" v-else>
+            <table class="statistics-down-table" v-else>
                 <colgroup>
                     <col style="width: 20%;"/>
                     <col style="width: 20%;"/>
client/views/pages/admin/technology/TechSelectList.vue
--- client/views/pages/admin/technology/TechSelectList.vue
+++ client/views/pages/admin/technology/TechSelectList.vue
@@ -62,14 +62,14 @@
                         </li>
                     </ul>
                 </div>
-                <table class="select-table">
+                <table class="select-category-table">
                     <thead>
                         <tr>
                             <th style="width:5%">no</th>
-                            <th style="width:13%">카테고리</th>
-                            <th style="width:52%">제목</th>
+                            <th style="width:15%">카테고리</th>
+                            <th style="width:45%">제목</th>
                             <th style="width:10%">작성자</th>
-                            <th style="width:10%">배포일자</th>
+                            <th style="width:15%">배포일자</th>
                             <th style="width:10%">조회수</th>
                         </tr>
                     </thead>
@@ -84,7 +84,7 @@
                                     class="category-zone">서비스</span></td>        
                             <td v-else style="text-align: left;"><span class="category-zone">기술규격문서</span></td>
                             <td style="text-align: left;">
-                                <p class="board-title">{{ item.post_title }}</p>
+                               {{ item.post_title }}
                             </td>
                             <td>{{ item.rgtr_id }}</td>
                             <td>{{ item.tech_doc_dt }}</td>
client/views/pages/admin/wgcommunity/WgSelectList.vue
--- client/views/pages/admin/wgcommunity/WgSelectList.vue
+++ client/views/pages/admin/wgcommunity/WgSelectList.vue
@@ -49,14 +49,14 @@
                         </li>
                     </ul>
                 </div>
-                <table class="select-table">
+                <table class="select-category-table">
                     <thead>
                         <tr>
                             <th style="width:5%">no</th>
                             <th style="width:20%">워킹그룹</th>
-                            <th style="width:48%">제목</th>
+                            <th style="width:43%">제목</th>
                             <th style="width:10%">작성자</th>
-                            <th style="width:10%">작성일자</th>
+                            <th style="width:15%">작성일자</th>
                             <th style="width:7%">조회수</th>
                         </tr>
                     </thead>
@@ -85,7 +85,7 @@
                                     class="category-zone">(WG10)서비스 품질관리</span></td>
                             <td v-else style="text-align: left;"><span class="category-zone">(WG11)서비스 정책</span></td>
                             <td style="text-align: left;">
-                                <p class="board-title">{{ item.post_title }}</p>
+                                {{ item.post_title }}
                             </td>
                             <td>{{ item.rgtr_id }}</td>
                             <td>{{ yyyymmdd(item.reg_dt) }}</td>
Add a comment
List