Commit @6082cdcd213f96543b104721d4d703b40b030d25

7ffa1fd

6082cdc

client/resources/scss/admin/content.scss

--- client/resources/scss/admin/content.scss

+++ client/resources/scss/admin/content.scss


 
     >.content-zone {
         height: calc(100% - 140px);
-        background-color: var(--tk-white);
-        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.02);
-        // padding: 3rem;
-        // @include radius(30);
+        background-color: transparent;
+        // box-shadow: 0 0 1rem rgba(0, 0, 0, 0.02);
 
         >.content {
             height: 100%;

 
         }
         &.full-page {
-            // height: 100%;
+            height: 100%;
+        }
+        &.sch-full{
             height: calc(100% - 70px);
         }
     }

     padding: 2rem;
     display: grid;
     grid-template-columns: 1fr 1fr;
+    background-color: var(--tk-white);
+    border-radius: 0 0 2rem 2rem;
+    height: calc(100% - 45px);
     // grid-template-rows: 1fr 1fr;
 
     >div {

 .form-box {
     border: 1px solid var(--tk-gray-10);
     @include radius(30);
+    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.02);
 
     .form-box-title {
         padding: 1rem 3rem;
         background-color: #fbfbfb;
         @include flex-layout(flex, center, start);
         font-size: var(--tk-fz-title-sm);
-        border-radius: 3rem 3rem 0 0;
+        border-radius: 2rem 2rem 0 0;
 
         >p {
             margin-right: 1rem;

 .setting-box {
     @include flex-layout(flex, start, start);
     width: 100%;
-    height: calc(100% - 77.5px);
+    // height: calc(100% - 77.5px);
 
     .node-zone {
         width: 325px;

         margin-right: 5rem;
         background-color: #fbfbfb;
         border-radius: var(--tk-rd-12);
+        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.02);
 
         .tree {
             padding: 3rem;

         width: calc(100% - 325px - 5rem);
         height: 100%;
 
-        // .form-content {
-        //     // padding: 0;
-
-        //     >div {
-        //         padding: 1rem;
-        //         
-        //     }
-        // }
         .btn-wrap {
             // justify-content: flex-end;
             padding: 1rem 0;

 
 .tbl-wrap{
     // height: 100%;
+    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.02);
 
     &.overflow-y{
         overflow-y: auto;

 .check-area {
     @include flex-layout(flex, center);
     gap: 3rem;
-}
+}
+
+.h_100{
+    height: 100%;
+}
+

7ffa1fd

6082cdc

client/resources/scss/admin/layout.scss

--- client/resources/scss/admin/layout.scss

+++ client/resources/scss/admin/layout.scss


         }
 
        
-        .menu-zone{
-            p{
-                font-size: var(--tk-fz-title-sm);
-                font-weight: 700;
-                text-align: center;
-                border-bottom: 3px solid var(--tk-gray-70);
-                padding: 1rem;
-            }
-            ul.side-menu {
-                li {
-                    cursor: pointer;
-                    padding: 1rem 2rem;
+        /* 메뉴 스타일 */
+        .main-menu {
+            .menu-item {
+                position: relative;
+                cursor: pointer;
+                padding: 0 1rem;
+
+                span{
+                    display: block;
+                    padding: 1rem 0;
+
+                    &.main-active{
+                        color: #008943;
+                        font-weight: 700;
+                    }
                 }
-    
-                li.sub-active {
-                    background-color: var(--tk-primary);
-                    color: var(--tk-white);
-                    font-weight: 700;
+
+                /* 서브메뉴 스타일 */
+                .sub-menu {
+                    padding: 1rem;
+                    background: var(--tk-white);
+                    border: 1px solid #ccc;
+                    @include radius(10);
+                    display: block;
+                    width: 100%;
+
+                    >li{
+                        padding: 0 1rem;
+                        cursor: pointer;
+
+
+                        &.only-second-depth{
+                            &.sub-active{
+                                background-color: #008943;
+                                color: var(--tk-white);
+                                font-weight: 700;
+                                @include radius(10);
+                            }
+                        }
+
+                        &.has-third-depth{
+                            &.sub-active{
+                                >span{
+                                    font-weight: 700;
+                                }
+                            }
+
+                            .ss-active{
+                                background-color: #008943;
+                                color: var(--tk-white);
+                                font-weight: 700;
+                                @include radius(10);
+                            }
+                        }
+
+                        .ssub-menu{
+                            padding: 1rem;
+                            background-color: var(--tk-gray-10);
+                            @include radius(10);
+                            li{
+                                span{
+                                    padding: 1rem;
+                                }
+                            }
+                        }
+                    }
                 }
+
             }
         }
-        
-
     }
 
     .main-wrap {

7ffa1fd

6082cdc

client/resources/scss/common/component/_tables.scss

--- client/resources/scss/common/component/_tables.scss

+++ client/resources/scss/common/component/_tables.scss


 					color: var(--#{$prefix}gray-90);
 					font-weight: map-get($fws, normal);
 					text-align: left;
+
+					& .data-none{
+						text-align: center;
+					}
 				}
 			}
 			&.cursor{

7ffa1fd

6082cdc

client/views/component/userInfo/UserInfoInsert.vue

--- client/views/component/userInfo/UserInfoInsert.vue

+++ client/views/component/userInfo/UserInfoInsert.vue


 <template>
-  <div class="content-zone">
+  <div class="content-zone  sch-full">
     <div class="content">
       <div class="scroll">
         <div class="form-box">

7ffa1fd

6082cdc

client/views/component/userInfo/UserInfoView.vue

--- client/views/component/userInfo/UserInfoView.vue

+++ client/views/component/userInfo/UserInfoView.vue


 <template>
-    <div class="content-zone">
+    <div class="content-zone  sch-full">
       <div class="content">
         <div class="scroll">
           <div class="form-box">

7ffa1fd

6082cdc

client/views/layout/AdminHeader.vue

--- client/views/layout/AdminHeader.vue

+++ client/views/layout/AdminHeader.vue


     data() {
         return {
             mbrNm: store.state.mbrNm,
-            pgNm: store.state.menu.menuNm,
+            pgNm: store.state.menu && store.state.menu.menuNm ? store.state.menu.menuNm : "홈",
         }
     },
     created() {

 
     },
     watch: {
+        'pgNm'(newValue,oldValue){
+            console.log(oldValue)
+        },
         '$store.state.menu'(newValue) {
             this.pgNm = newValue.menuNm
         },

     },
     computed: {
 
+        pgNm() {
+            return store.state.menu && store.state.menu.menuNm ? store.state.menu.menuNm : "홈";
+        }
+
     },
     mounted() {
 

7ffa1fd

6082cdc

client/views/layout/AdminMenu.vue

--- client/views/layout/AdminMenu.vue

+++ client/views/layout/AdminMenu.vue


             <ul class="main-menu">
                 <li v-for="(menu, idx) in menuList" :key="idx" class="menu-item"
                     @click.stop="toggleSubMenu(menu)">
-                    <span :class="{ 'main-active': checkMenu == menu.menuId }">
+                    <span :class="{ 'main-active': isActive(menu.menuId) }">
                         {{ menu.menuNm }}
                     </span>
-                    <!-- 드롭다운 메뉴 -->
                     <ul v-if="menu.isOpen" class="sub-menu">
-                        <li v-for="(subMenu, subIdx) in menu.childList" :key="subIdx"  :class="{ 'sub-active': isActive(subMenu.routerUrl) }"
-                        @click.stop="menuClick( subMenu.routerUrl != '' && subMenu.routerUrl != null ? subMenu : subMenu.childList[0])">
-                            {{ subMenu.menuNm }}
-                            <ul v-show="subMenu.childList.length > 0">
-                                <li v-for="(third, thirdIdx) in subMenu.childList" :key="thirdIdx" :class="{
-                                    'ss-active': isActive(third.routerUrl),
-                                }" @click.stop="menuClick(third)">
+                        <li v-for="(subMenu, subIdx) in menu.childList" :key="subIdx"
+                            :class="{ 
+                                'has-third-depth': subMenu.childList && subMenu.childList.length > 0, 
+                                'only-second-depth': !(subMenu.childList && subMenu.childList.length > 0),
+                                'sub-active': isActive(subMenu.menuId),
+                            }"
+                            @click.stop="toggleSubMenu(subMenu)">
+                            <span>{{ subMenu.menuNm }}</span>
+                            <ul v-if="subMenu.isOpen && subMenu.childList.length > 0" class="ssub-menu">
+                                <li v-for="(third, thirdIdx) in subMenu.childList" :key="thirdIdx"
+                                    :class="{ 'ss-active': isActive(third.menuId) }"
+                                    @click.stop="menuClick(third)">
                                     <span>{{ third.menuNm }}</span>
                                 </li>
                             </ul>

     mixins: [queryParams, cntnStatsSave],
     data() {
         return {
-            checkMenu: null,
+            // checkMenu: null,
             currentPath: this.$route.path,
             resetSearch: { ...defaultSearchParams },
             menuList: [],
+            activeMenus: [] // 현재 선택된 메뉴 및 부모 메뉴 ID 저장
         };
     },
     created() {

                     // `isOpen` 속성을 추가하여 초기 상태 설정
                     this.menuList = res.data.data.menuList.map(menu => ({
                         ...menu,
-                        isOpen: false,
+                        isOpen: false, // 1뎁스 닫힘
+                        childList: menu.childList.map(sub => ({
+                            ...sub,
+                            isOpen: false // 2뎁스도 닫힘
+                        }))
                     }));
                     // 전체 메뉴 트리 store에 저장
                     this.$store.commit('setMenuList', this.menuList);
+
+                    console.log("menulist",this.menuList)
                 }
             } catch (error) {
                 alert('에러가 발생했습니다.\n관리자에게 문의하세요.');

             this.saveQueryParams("queryParams", this.resetSearch); // 검색조건 초기화
             this.$store.commit('setMenu', menu);
             await this.cntnStatsSave(menu.menuId);
+
+            // 선택된 메뉴 및 부모 메뉴 추적
+            this.activeMenus = this.getParentMenus(menu);
             if (menu.linkType === "0") {
                 // 현재창
                 this.$router.push({

             }
         },
         toggleSubMenu(menu) {
-            menu.isOpen = !menu.isOpen;
-            this.checkMenu = menu.menuId;
-            // this.saveQueryParams('queryParams', this.resetSearch); // 검색조건 초기화
+            if (menu.childList && menu.childList.length > 0) {
+                // 부모 메뉴 클릭 시 펼치기만 함
+                menu.isOpen = !menu.isOpen;
+            } else {
+                // 2뎁스 또는 3뎁스 선택 시 menuClick 실행
+                this.menuClick(menu);
+            }
         },
 
-        isActive(subPath) {
-            const checkUrl = this.currentPath.substring(
-                0,
-                this.currentPath.lastIndexOf("/") + 1
-            );
-            return subPath.startsWith(checkUrl);
+        isActive(menuId) {
+            return this.activeMenus.includes(menuId);
         },
+
+        getParentMenus(menu) {
+            let parents = [];
+            while (menu) {
+                parents.push(menu.menuId);
+                menu = this.findParent(menu);
+            }
+            return parents;
+        },
+        findParent(menu) {
+            for (const parent of this.menuList) {
+                if (parent.childList && parent.childList.includes(menu)) {
+                    return parent;
+                }
+                for (const child of parent.childList || []) {
+                    if (child.childList && child.childList.includes(menu)) {
+                        return child;
+                    }
+                }
+            }
+            return null;
+        }
     },
     watch: {
-        // '$store.state.menu'(newValue) {
-        //     this.checkMenu = newValue ? newValue.menuId : null;
-        // },
         // 나중에 네비게이션 가드에서 form 받을 수 있으면 form adm/main으로 갈때 sotre.state값0로 바꿔주기
         $route(to) {
         this.currentPath = to.path;
         },
-        // async "$store.state.menu"(newVal) {
-        //     console.log(newVal)
-        //     if (newVal == null || newVal == "" || newVal == undefined) {
-        //         this.menuList = [];
-        //     } else {
-        //         this.menuList = newVal.childList;
-        //         if (newVal && this.menuList.length > 0) {
-        //         await this.cntnStatsSave(this.menuList[0].menuId);
-        //             if (
-        //                 newVal.menuId == "MENU_000000000000010" &&
-        //                 this.$store.state.path.includes("BBS_MNG_")
-        //             ) {
-        //                 return;
-        //             } else {
-        //                 this.$router.push(this.menuList[0].routerUrl);
-        //             }
-        //         }
-        //     }
-        // },
         "$store.state.mbrNm"(newVal) {
             this.mbrNm = newVal;
         },

 };
 </script>
 
-<style scoped>
-/* 메뉴 스타일 */
-.main-menu {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-}
-
-.menu-item {
-    position: relative;
-    cursor: pointer;
-    padding: 10px;
-    border-bottom: 1px solid #ccc;
-}
-
-/* 서브메뉴 스타일 */
-.sub-menu {
-    list-style: none;
-    padding: 5px 0;
-    margin: 0;
-    background: white;
-    border: 1px solid #ccc;
-    display: block;
-    width: 100%;
-}
-
-.sub-menu li {
-    padding: 8px 15px;
-    cursor: pointer;
-}
-
-.sub-menu li:hover {
-    background-color: #f0f0f0;
-}
-</style>

7ffa1fd

6082cdc

client/views/pages/adm/authority/authority/AuthorityInsert.vue

--- client/views/pages/adm/authority/authority/AuthorityInsert.vue

+++ client/views/pages/adm/authority/authority/AuthorityInsert.vue


 <template>
-  <div class="content-zone">
+  <div class="content-zone sch-full">
     <div class="content">
       <div class="scroll">
         <div class="form-box">

7ffa1fd

6082cdc

client/views/pages/adm/authority/authority/AuthoritySelectListOne.vue

--- client/views/pages/adm/authority/authority/AuthoritySelectListOne.vue

+++ client/views/pages/adm/authority/authority/AuthoritySelectListOne.vue


 <template>
-  <div class="content-zone">
+  <div class="content-zone sch-full">
     <div class="content">
       <div class="scroll">
         <div class="form-box">

7ffa1fd

6082cdc

client/views/pages/adm/authority/menuAuthority/MenuAuthority.vue

--- client/views/pages/adm/authority/menuAuthority/MenuAuthority.vue

+++ client/views/pages/adm/authority/menuAuthority/MenuAuthority.vue


 <template>
-  <div class="content-zone">
+  <div class="content-zone  sch-full">
     <div class="content">
         <!-- <div class="scroll"> -->
-          <div class="setting-box">
+          <div class="setting-box h_100">
             <div class="node-zone">
               <ul class="tree">
                 <template v-if="authorList.length > 0">

               </ul>
             </div>
             <div class="setting-zone">
-              <div class="tbl-wrap  overflow-y">
+              <div class="tbl-wrap h_100 overflow-y">
                 <table class="data tbl">
                   <colgroup>
                     <col width="70%"/>

7ffa1fd

6082cdc

client/views/pages/adm/boardManagement/boardManagement/BoardManagementInsert.vue

--- client/views/pages/adm/boardManagement/boardManagement/BoardManagementInsert.vue

+++ client/views/pages/adm/boardManagement/boardManagement/BoardManagementInsert.vue


 <template>
-    <div class="content-zone">
+    <div class="content-zone  sch-full">
         <div class="content">
             <div class="scroll">
-                <div class="form-box">
+                <div class="form-box mb30">
                     <div class="form-box-title">
                         <p>기본 설정</p>
                     </div>

                         </div>
                     </div>
                 </div>
-                <div class="form-box mb30">
+                <div class="form-box">
                     <div  class="form-box-title">
                         <p>세부설정</p>
                     </div>

7ffa1fd

6082cdc

client/views/pages/adm/boardManagement/boardManagement/BoardManagementSelectListOne.vue

--- client/views/pages/adm/boardManagement/boardManagement/BoardManagementSelectListOne.vue

+++ client/views/pages/adm/boardManagement/boardManagement/BoardManagementSelectListOne.vue


 <template>
-  <div class="content-zone">
+  <div class="content-zone  sch-full">
     <div class="content">
       <div class="scroll">
         <div class="form-box mb30">

7ffa1fd

6082cdc

client/views/pages/adm/boardManagement/template/commonTemplate/CommonInsert.vue

--- client/views/pages/adm/boardManagement/template/commonTemplate/CommonInsert.vue

+++ client/views/pages/adm/boardManagement/template/commonTemplate/CommonInsert.vue


 
     <!-- 관리자 -->
     <template v-else>
-      <div  class="content-zone">
+      <div  class="content-zone  sch-full">
         <div class="content">
           <div class="scroll">
             <div class="tbl-wrap">

                   <tr v-if="bbsCn.ntcPstYn === 'Y'" class="border-top">
                     <th>공지글 게시기간</th>
                     <td>
-                      <div class="input-form">
+                      <div class="input-group">
                         <div class="form-control sm cal">
                           <VueDatePicker
                             InlineOptions

     //         return new UploadAdapter(loader);
     //     }
     // }
+    // 날짜포맷
+    formatDate(date) {
+      const year = date.getFullYear();
+      const month = ('00' + (date.getMonth() + 1)).slice(-2);
+      const day = ('00' + date.getDate()).slice(-2);
+      return `${year}-${month}-${day}`;
+    }
   },
   watch: {
     "bbsCn.ntcPstYn": function (val) {

7ffa1fd

6082cdc

client/views/pages/adm/boardManagement/template/commonTemplate/CommonSelectListOne.vue

--- client/views/pages/adm/boardManagement/template/commonTemplate/CommonSelectListOne.vue

+++ client/views/pages/adm/boardManagement/template/commonTemplate/CommonSelectListOne.vue


   </template>
   <!-- 관리자 -->
   <template v-else>
-    <div class="content-zone">
+    <div class="content-zone  sch-full">
       <div class="content">
         <div class="scroll">
           <div class="tbl-wrap">

7ffa1fd

6082cdc

client/views/pages/adm/boardManagement/template/galleryTemplate/GallerySelectList.vue

--- client/views/pages/adm/boardManagement/template/galleryTemplate/GallerySelectList.vue

+++ client/views/pages/adm/boardManagement/template/galleryTemplate/GallerySelectList.vue


         </div>
     </template>
     <template v-else>
+        <div class="search-bar">
+            <select name="" id="" class="form-select sm" v-model="search.searchType">
+                <option value="">전체</option>
+                <option v-for="(item, idx) in codeList" :key="idx" :value="item.cd">{{ item.cdNm }}</option>
+            </select>
+            <input type="text" class="form-control sm"
+                placeholder="검색어를 입력하세요." v-model="search.searchText" @keyup.enter="findAll">
+
+
+            <button @click="findAll">검색</button>
+    
+            <!-- <button class="large-btn darkg-border-btn" @click="fnSearchReset"><svg-icon type="mdi" :path="refreshPath"></svg-icon> 초기화</button> -->
+        </div>
         <div class="content-zone">
             <div class="content">
                 <div class="scroll">

                         <div  class="page-title">
                         <p>{{ bbsMng.bbsNm }}</p>
                         </div>
-                    </div>
-                    <div class="search-bar">
-                        <select name="" id="" class="form-select sm" v-model="search.searchType">
-                            <option value="">전체</option>
-                            <option v-for="(item, idx) in codeList" :key="idx" :value="item.cd">{{ item.cdNm }}</option>
-                        </select>
-                        <input type="text" class="form-control sm"
-                            placeholder="검색어를 입력하세요." v-model="search.searchText" @keyup.enter="findAll">
-
-
-                        <button @click="findAll">검색</button>
-                
-                        <!-- <button class="large-btn darkg-border-btn" @click="fnSearchReset"><svg-icon type="mdi" :path="refreshPath"></svg-icon> 초기화</button> -->
                     </div>
                     <div class="gall-content">
                         <div v-for="(item, idx) in list" :key="idx" @click="fnView(idx)" class="gall-item">

7ffa1fd

6082cdc

client/views/pages/adm/departmentManagement/DepartmentManagement.vue

--- client/views/pages/adm/departmentManagement/DepartmentManagement.vue

+++ client/views/pages/adm/departmentManagement/DepartmentManagement.vue


 <template>
   <div class="content-zone full-page">
     <div class="content">
-      <div class="setting-box">
+      <div class="setting-box h_100">
         <div class="node-zone">
           <div class="tree">
             <div>

7ffa1fd

6082cdc

client/views/pages/adm/menuManagement/menuManagement/MenuManagement.vue

--- client/views/pages/adm/menuManagement/menuManagement/MenuManagement.vue

+++ client/views/pages/adm/menuManagement/menuManagement/MenuManagement.vue


 <template>
-  <div class="content-zone">
+  <div class="content-zone sch-full">
     <div class="content">
       <div class="setting-box">
           <div class="node-zone">

7ffa1fd

6082cdc

client/views/pages/adm/menuManagement/menuSatisfactionManagement/MenuSatisfactionSelectList.vue

--- client/views/pages/adm/menuManagement/menuSatisfactionManagement/MenuSatisfactionSelectList.vue

+++ client/views/pages/adm/menuManagement/menuSatisfactionManagement/MenuSatisfactionSelectList.vue


 <template>
-  <div class="content-zone">
+  <div class="content-zone sch-full">
     <div class="content">
       <div class="scroll">
         <div class="tbl-wrap">

   </div>
   <div class="btn-wrap">
       <div></div>
-        <PaginationButton :className="'admin-pagination'" />
+        <PaginationButton :className="'pagination'" />
       <div></div>
     </div>
   <Modal :showModal="satisfaction" :className="'large-modal'">

7ffa1fd

6082cdc

client/views/pages/adm/popup/PopupManagementInsert.vue

--- client/views/pages/adm/popup/PopupManagementInsert.vue

+++ client/views/pages/adm/popup/PopupManagementInsert.vue


 <template>
-  <div class="content-zone">
+  <div class="content-zone sch-full">
     <div class="content">
       <div class="scroll">
         <div class="form-box">

7ffa1fd

6082cdc

client/views/pages/adm/popup/PopupManagementSelectListOne.vue

--- client/views/pages/adm/popup/PopupManagementSelectListOne.vue

+++ client/views/pages/adm/popup/PopupManagementSelectListOne.vue


 <template>
-  <div class="content-zone">
+  <div class="content-zone sch-full">
     <div class="content">
       <div class="scroll">
         <div class="form-box">

7ffa1fd

6082cdc

client/views/pages/adm/preferences/commonCodeManagement/CommonCodeManagement.vue

--- client/views/pages/adm/preferences/commonCodeManagement/CommonCodeManagement.vue

+++ client/views/pages/adm/preferences/commonCodeManagement/CommonCodeManagement.vue


 <template>
-  <div class="content-zone">
+  <div class="content-zone sch-full">
     <div class="content">
       <div class="setting-box">
           <div class="node-zone">

7ffa1fd

6082cdc

client/views/pages/adm/preferences/contentTypeManagement/ContentTypeManagementInsert.vue

--- client/views/pages/adm/preferences/contentTypeManagement/ContentTypeManagementInsert.vue

+++ client/views/pages/adm/preferences/contentTypeManagement/ContentTypeManagementInsert.vue


 <template>
-  <div class="content-zone">
+  <div class="content-zone  sch-full">
     <div class="content">
       <div class="scroll">
         <div class="form-box">

7ffa1fd

6082cdc

client/views/pages/adm/preferences/contentTypeManagement/ContentTypeManagementSelectList.vue

--- client/views/pages/adm/preferences/contentTypeManagement/ContentTypeManagementSelectList.vue

+++ client/views/pages/adm/preferences/contentTypeManagement/ContentTypeManagementSelectList.vue


             :colgroup="colgroup"
             :thead="thead"
             :tbody="tbody"
-            :className="'data'"
+            :className="'data cursor'"
             @listClick="fnViewDetail"
           />
         </div>

7ffa1fd

6082cdc

client/views/pages/adm/preferences/contentTypeManagement/ContentTypeManagementSelectListOne.vue

--- client/views/pages/adm/preferences/contentTypeManagement/ContentTypeManagementSelectListOne.vue

+++ client/views/pages/adm/preferences/contentTypeManagement/ContentTypeManagementSelectListOne.vue


 <template>
-  <div class="content-zone">
+  <div class="content-zone sch-full">
     <div class="content">
       <div class="scroll">
         <div class="form-box">

7ffa1fd

6082cdc

client/views/pages/adm/statistics/BbsStatistics.vue

--- client/views/pages/adm/statistics/BbsStatistics.vue

+++ client/views/pages/adm/statistics/BbsStatistics.vue


         다운로드
       </button>
   </div>
-  <div class="content-zone full-page">
+  <div class="content-zone sch-full">
     <div class="content">
       <div class="scroll">
         <div class="chart-zone mb30" v-show="bbsCnt > 0">

7ffa1fd

6082cdc

client/views/pages/adm/statistics/MenuStatistics.vue

--- client/views/pages/adm/statistics/MenuStatistics.vue

+++ client/views/pages/adm/statistics/MenuStatistics.vue


         다운로드
       </button>
   </div>
-  <div class="content-zone full-page">
+  <div class="content-zone sch-full">
     <div class="content">
       <div class="scroll">
         <div class="chart-zone mb30" v-show="menuCnt > 0">

7ffa1fd

6082cdc

client/views/pages/adm/statistics/UserStatistics.vue

--- client/views/pages/adm/statistics/UserStatistics.vue

+++ client/views/pages/adm/statistics/UserStatistics.vue


     </button>
 
   </div>
-  <div class="content-zone full-page">
+  <div class="content-zone sch-full">
     <div class="content">
       <div class="scroll">
         <div class="chart-zone mb30">

7ffa1fd

6082cdc

client/views/pages/adm/system/LoginPolicy/LoginPolicy.vue

--- client/views/pages/adm/system/LoginPolicy/LoginPolicy.vue

+++ client/views/pages/adm/system/LoginPolicy/LoginPolicy.vue


 <template>
-  <div class="content-zone">
+  <div class="content-zone full-page">
     <div class="content">
       <div class="scroll">
         <div open class="form-box">

7ffa1fd

6082cdc

client/views/pages/adm/system/contextPath/ContextPathSelectList.vue

--- client/views/pages/adm/system/contextPath/ContextPathSelectList.vue

+++ client/views/pages/adm/system/contextPath/ContextPathSelectList.vue


 <template>
+  <div class="search-bar">
+    <input
+      type="text"
+      class="form-control sm"
+      placeholder="경로를 입력하세요."
+      v-model="search.searchText"
+      @keyup.enter="findAll"
+    />
+
+    <button class="btn sm ico-sch" @click="findAll">
+      검색
+    </button>
+  </div>
   <div class="content-zone">
     <div class="content">
       <div class="scroll">
-        <div class="search-bar ">
-                <input
-                  type="text"
-                  class="form-control sm"
-                  placeholder="경로를 입력하세요."
-                  v-model="search.searchText"
-                  @keyup.enter="findAll"
-                />
-
-              <button class="btn sm ico-sch" @click="findAll">
-                검색
-              </button>
-        </div>
         <div class="tbl-wrap">
           <ListTable
             :className="'data cursor'"

7ffa1fd

6082cdc

client/views/pages/adm/system/networkAccessControl/NetworkAccessControlInsert.vue

--- client/views/pages/adm/system/networkAccessControl/NetworkAccessControlInsert.vue

+++ client/views/pages/adm/system/networkAccessControl/NetworkAccessControlInsert.vue


 <template>
-    <div class="content-zone">
+    <div class="content-zone sch-full">
         <div class="content">
             <div class="scroll">
                 <div class="form-box">

7ffa1fd

6082cdc

client/views/pages/adm/system/networkAccessControl/NetworkAccessControlSelectListOne.vue

--- client/views/pages/adm/system/networkAccessControl/NetworkAccessControlSelectListOne.vue

+++ client/views/pages/adm/system/networkAccessControl/NetworkAccessControlSelectListOne.vue


 <template>
-  <div class="content-zone">
+  <div class="content-zone sch-full">
     <div class="content">
       <div class="scroll">
         <div open class="form-box">

...	...	@@ -5,10 +5,8 @@
5	5
6	6	>.content-zone {
7	7	height: calc(100% - 140px);
8		- background-color: var(--tk-white);
9		- box-shadow: 0 0 1rem rgba(0, 0, 0, 0.02);
10		- // padding: 3rem;
11		- // @include radius(30);
	8	+ background-color: transparent;
	9	+ // box-shadow: 0 0 1rem rgba(0, 0, 0, 0.02);
12	10
13	11	>.content {
14	12	height: 100%;
...	...	@@ -20,7 +18,9 @@
20	18
21	19	}
22	20	&.full-page {
23		- // height: 100%;
	21	+ height: 100%;
	22	+ }
	23	+ &.sch-full{
24	24	height: calc(100% - 70px);
25	25	}
26	26	}
...	...	@@ -76,6 +76,9 @@
76	76	padding: 2rem;
77	77	display: grid;
78	78	grid-template-columns: 1fr 1fr;
	79	+ background-color: var(--tk-white);
	80	+ border-radius: 0 0 2rem 2rem;
	81	+ height: calc(100% - 45px);
79	82	// grid-template-rows: 1fr 1fr;
80	83
81	84	>div {
...	...	@@ -177,13 +180,14 @@
177	180	.form-box {
178	181	border: 1px solid var(--tk-gray-10);
179	182	@include radius(30);
	183	+ box-shadow: 0 0 1rem rgba(0, 0, 0, 0.02);
180	184
181	185	.form-box-title {
182	186	padding: 1rem 3rem;
183	187	background-color: #fbfbfb;
184	188	@include flex-layout(flex, center, start);
185	189	font-size: var(--tk-fz-title-sm);
186		- border-radius: 3rem 3rem 0 0;
	190	+ border-radius: 2rem 2rem 0 0;
187	191
188	192	>p {
189	193	margin-right: 1rem;
...	...	@@ -216,7 +220,7 @@
216	220	.setting-box {
217	221	@include flex-layout(flex, start, start);
218	222	width: 100%;
219		- height: calc(100% - 77.5px);
	223	+ // height: calc(100% - 77.5px);
220	224
221	225	.node-zone {
222	226	width: 325px;
...	...	@@ -224,6 +228,7 @@
224	228	margin-right: 5rem;
225	229	background-color: #fbfbfb;
226	230	border-radius: var(--tk-rd-12);
	231	+ box-shadow: 0 0 1rem rgba(0, 0, 0, 0.02);
227	232
228	233	.tree {
229	234	padding: 3rem;
...	...	@@ -239,14 +244,6 @@
239	244	width: calc(100% - 325px - 5rem);
240	245	height: 100%;
241	246
242		- // .form-content {
243		- // // padding: 0;
244		-
245		- // >div {
246		- // padding: 1rem;
247		- //
248		- // }
249		- // }
250	247	.btn-wrap {
251	248	// justify-content: flex-end;
252	249	padding: 1rem 0;
...	...	@@ -327,6 +324,7 @@
327	324
328	325	.tbl-wrap{
329	326	// height: 100%;
	327	+ box-shadow: 0 0 1rem rgba(0, 0, 0, 0.02);
330	328
331	329	&.overflow-y{
332	330	overflow-y: auto;
...	...	@@ -378,4 +376,9 @@
378	376	.check-area {
379	377	@include flex-layout(flex, center);
380	378	gap: 3rem;
381		-} (파일 끝에 줄바꿈 문자 없음)
	379	+}
	380	+
	381	+.h_100{
	382	+ height: 100%;
	383	+}
	384	+

...	...	@@ -31,6 +31,10 @@
31	31	color: var(--#{$prefix}gray-90);
32	32	font-weight: map-get($fws, normal);
33	33	text-align: left;
	34	+
	35	+ & .data-none{
	36	+ text-align: center;
	37	+ }
34	38	}
35	39	}
36	40	&.cursor{

...	...	@@ -34,7 +34,7 @@
34	34	data() {
35	35	return {
36	36	mbrNm: store.state.mbrNm,
37		- pgNm: store.state.menu.menuNm,
	37	+ pgNm: store.state.menu && store.state.menu.menuNm ? store.state.menu.menuNm : "홈",
38	38	}
39	39	},
40	40	created() {
...	...	@@ -63,6 +63,9 @@
63	63
64	64	},
65	65	watch: {
	66	+ 'pgNm'(newValue,oldValue){
	67	+ console.log(oldValue)
	68	+ },
66	69	'$store.state.menu'(newValue) {
67	70	this.pgNm = newValue.menuNm
68	71	},
...	...	@@ -70,6 +73,10 @@
70	73	},
71	74	computed: {
72	75
	76	+ pgNm() {
	77	+ return store.state.menu && store.state.menu.menuNm ? store.state.menu.menuNm : "홈";
	78	+ }
	79	+
73	80	},
74	81	mounted() {
75	82

...	...	@@ -37,7 +37,7 @@
37	37
38	38	<!-- 관리자 -->
39	39	<template v-else>
40		- <div class="content-zone">
	40	+ <div class="content-zone sch-full">
41	41	<div class="content">
42	42	<div class="scroll">
43	43	<div class="tbl-wrap">
...	...	@@ -122,7 +122,7 @@
122	122	<tr v-if="bbsCn.ntcPstYn === 'Y'" class="border-top">
123	123	<th>공지글 게시기간</th>
124	124	<td>
125		- <div class="input-form">
	125	+ <div class="input-group">
126	126	<div class="form-control sm cal">
127	127	<VueDatePicker
128	128	InlineOptions
...	...	@@ -611,6 +611,13 @@
611	611	// return new UploadAdapter(loader);
612	612	// }
613	613	// }
	614	+ // 날짜포맷
	615	+ formatDate(date) {
	616	+ const year = date.getFullYear();
	617	+ const month = ('00' + (date.getMonth() + 1)).slice(-2);
	618	+ const day = ('00' + date.getDate()).slice(-2);
	619	+ return `${year}-${month}-${day}`;
	620	+ }
614	621	},
615	622	watch: {
616	623	"bbsCn.ntcPstYn": function (val) {

...	...	@@ -143,7 +143,7 @@
143	143	</template>
144	144	<!-- 관리자 -->
145	145	<template v-else>
146		- <div class="content-zone">
	146	+ <div class="content-zone sch-full">
147	147	<div class="content">
148	148	<div class="scroll">
149	149	<div class="tbl-wrap">

...	...	@@ -60,29 +60,76 @@
60	60	}
61	61
62	62
63		- .menu-zone{
64		- p{
65		- font-size: var(--tk-fz-title-sm);
66		- font-weight: 700;
67		- text-align: center;
68		- border-bottom: 3px solid var(--tk-gray-70);
69		- padding: 1rem;
70		- }
71		- ul.side-menu {
72		- li {
73		- cursor: pointer;
74		- padding: 1rem 2rem;
	63	+ /* 메뉴 스타일 */
	64	+ .main-menu {
	65	+ .menu-item {
	66	+ position: relative;
	67	+ cursor: pointer;
	68	+ padding: 0 1rem;
	69	+
	70	+ span{
	71	+ display: block;
	72	+ padding: 1rem 0;
	73	+
	74	+ &.main-active{
	75	+ color: #008943;
	76	+ font-weight: 700;
	77	+ }
75	78	}
76		-
77		- li.sub-active {
78		- background-color: var(--tk-primary);
79		- color: var(--tk-white);
80		- font-weight: 700;
	79	+
	80	+ /* 서브메뉴 스타일 */
	81	+ .sub-menu {
	82	+ padding: 1rem;
	83	+ background: var(--tk-white);
	84	+ border: 1px solid #ccc;
	85	+ @include radius(10);
	86	+ display: block;
	87	+ width: 100%;
	88	+
	89	+ >li{
	90	+ padding: 0 1rem;
	91	+ cursor: pointer;
	92	+
	93	+
	94	+ &.only-second-depth{
	95	+ &.sub-active{
	96	+ background-color: #008943;
	97	+ color: var(--tk-white);
	98	+ font-weight: 700;
	99	+ @include radius(10);
	100	+ }
	101	+ }
	102	+
	103	+ &.has-third-depth{
	104	+ &.sub-active{
	105	+ >span{
	106	+ font-weight: 700;
	107	+ }
	108	+ }
	109	+
	110	+ .ss-active{
	111	+ background-color: #008943;
	112	+ color: var(--tk-white);
	113	+ font-weight: 700;
	114	+ @include radius(10);
	115	+ }
	116	+ }
	117	+
	118	+ .ssub-menu{
	119	+ padding: 1rem;
	120	+ background-color: var(--tk-gray-10);
	121	+ @include radius(10);
	122	+ li{
	123	+ span{
	124	+ padding: 1rem;
	125	+ }
	126	+ }
	127	+ }
	128	+ }
81	129	}
	130	+
82	131	}
83	132	}
84		-
85		-
86	133	}
87	134
88	135	.main-wrap {

...	...	@@ -1,5 +1,5 @@
1	1	<template>
2		- <div class="content-zone">
	2	+ <div class="content-zone sch-full">
3	3	<div class="content">
4	4	<div class="scroll">
5	5	<div class="form-box">

...	...	@@ -7,18 +7,22 @@
7	7	<ul class="main-menu">
8	8	<li v-for="(menu, idx) in menuList" :key="idx" class="menu-item"
9	9	@click.stop="toggleSubMenu(menu)">
10		- <span :class="{ 'main-active': checkMenu == menu.menuId }">
	10	+ <span :class="{ 'main-active': isActive(menu.menuId) }">
11	11	{{ menu.menuNm }}
12	12	</span>
13		- <!-- 드롭다운 메뉴 -->
14	13	<ul v-if="menu.isOpen" class="sub-menu">
15		- <li v-for="(subMenu, subIdx) in menu.childList" :key="subIdx" :class="{ 'sub-active': isActive(subMenu.routerUrl) }"
16		- @click.stop="menuClick( subMenu.routerUrl != '' && subMenu.routerUrl != null ? subMenu : subMenu.childList[0])">
17		- {{ subMenu.menuNm }}
18		- <ul v-show="subMenu.childList.length > 0">
19		- <li v-for="(third, thirdIdx) in subMenu.childList" :key="thirdIdx" :class="{
20		- 'ss-active': isActive(third.routerUrl),
21		- }" @click.stop="menuClick(third)">
	14	+ <li v-for="(subMenu, subIdx) in menu.childList" :key="subIdx"
	15	+ :class="{
	16	+ 'has-third-depth': subMenu.childList && subMenu.childList.length > 0,
	17	+ 'only-second-depth': !(subMenu.childList && subMenu.childList.length > 0),
	18	+ 'sub-active': isActive(subMenu.menuId),
	19	+ }"
	20	+ @click.stop="toggleSubMenu(subMenu)">
	21	+ <span>{{ subMenu.menuNm }}</span>
	22	+ <ul v-if="subMenu.isOpen && subMenu.childList.length > 0" class="ssub-menu">
	23	+ <li v-for="(third, thirdIdx) in subMenu.childList" :key="thirdIdx"
	24	+ :class="{ 'ss-active': isActive(third.menuId) }"
	25	+ @click.stop="menuClick(third)">
22	26	<span>{{ third.menuNm }}</span>
23	27	</li>
24	28	</ul>
...	...	@@ -41,10 +45,11 @@
41	45	mixins: [queryParams, cntnStatsSave],
42	46	data() {
43	47	return {
44		- checkMenu: null,
	48	+ // checkMenu: null,
45	49	currentPath: this.$route.path,
46	50	resetSearch: { ...defaultSearchParams },
47	51	menuList: [],
	52	+ activeMenus: [] // 현재 선택된 메뉴 및 부모 메뉴 ID 저장
48	53	};
49	54	},
50	55	created() {
...	...	@@ -69,10 +74,16 @@
69	74	// `isOpen` 속성을 추가하여 초기 상태 설정
70	75	this.menuList = res.data.data.menuList.map(menu => ({
71	76	...menu,
72		- isOpen: false,
	77	+ isOpen: false, // 1뎁스 닫힘
	78	+ childList: menu.childList.map(sub => ({
	79	+ ...sub,
	80	+ isOpen: false // 2뎁스도 닫힘
	81	+ }))
73	82	}));
74	83	// 전체 메뉴 트리 store에 저장
75	84	this.$store.commit('setMenuList', this.menuList);
	85	+
	86	+ console.log("menulist",this.menuList)
76	87	}
77	88	} catch (error) {
78	89	alert('에러가 발생했습니다.\n관리자에게 문의하세요.');
...	...	@@ -82,6 +93,9 @@
82	93	this.saveQueryParams("queryParams", this.resetSearch); // 검색조건 초기화
83	94	this.$store.commit('setMenu', menu);
84	95	await this.cntnStatsSave(menu.menuId);
	96	+
	97	+ // 선택된 메뉴 및 부모 메뉴 추적
	98	+ this.activeMenus = this.getParentMenus(menu);
85	99	if (menu.linkType === "0") {
86	100	// 현재창
87	101	this.$router.push({
...	...	@@ -93,46 +107,46 @@
93	107	}
94	108	},
95	109	toggleSubMenu(menu) {
96		- menu.isOpen = !menu.isOpen;
97		- this.checkMenu = menu.menuId;
98		- // this.saveQueryParams('queryParams', this.resetSearch); // 검색조건 초기화
	110	+ if (menu.childList && menu.childList.length > 0) {
	111	+ // 부모 메뉴 클릭 시 펼치기만 함
	112	+ menu.isOpen = !menu.isOpen;
	113	+ } else {
	114	+ // 2뎁스 또는 3뎁스 선택 시 menuClick 실행
	115	+ this.menuClick(menu);
	116	+ }
99	117	},
100	118
101		- isActive(subPath) {
102		- const checkUrl = this.currentPath.substring(
103		- 0,
104		- this.currentPath.lastIndexOf("/") + 1
105		- );
106		- return subPath.startsWith(checkUrl);
	119	+ isActive(menuId) {
	120	+ return this.activeMenus.includes(menuId);
107	121	},
	122	+
	123	+ getParentMenus(menu) {
	124	+ let parents = [];
	125	+ while (menu) {
	126	+ parents.push(menu.menuId);
	127	+ menu = this.findParent(menu);
	128	+ }
	129	+ return parents;
	130	+ },
	131	+ findParent(menu) {
	132	+ for (const parent of this.menuList) {
	133	+ if (parent.childList && parent.childList.includes(menu)) {
	134	+ return parent;
	135	+ }
	136	+ for (const child of parent.childList \|\| []) {
	137	+ if (child.childList && child.childList.includes(menu)) {
	138	+ return child;
	139	+ }
	140	+ }
	141	+ }
	142	+ return null;
	143	+ }
108	144	},
109	145	watch: {
110		- // '$store.state.menu'(newValue) {
111		- // this.checkMenu = newValue ? newValue.menuId : null;
112		- // },
113	146	// 나중에 네비게이션 가드에서 form 받을 수 있으면 form adm/main으로 갈때 sotre.state값0로 바꿔주기
114	147	$route(to) {
115	148	this.currentPath = to.path;
116	149	},
117		- // async "$store.state.menu"(newVal) {
118		- // console.log(newVal)
119		- // if (newVal == null \|\| newVal == "" \|\| newVal == undefined) {
120		- // this.menuList = [];
121		- // } else {
122		- // this.menuList = newVal.childList;
123		- // if (newVal && this.menuList.length > 0) {
124		- // await this.cntnStatsSave(this.menuList[0].menuId);
125		- // if (
126		- // newVal.menuId == "MENU_000000000000010" &&
127		- // this.$store.state.path.includes("BBS_MNG_")
128		- // ) {
129		- // return;
130		- // } else {
131		- // this.$router.push(this.menuList[0].routerUrl);
132		- // }
133		- // }
134		- // }
135		- // },
136	150	"$store.state.mbrNm"(newVal) {
137	151	this.mbrNm = newVal;
138	152	},
...	...	@@ -140,38 +154,3 @@
140	154	};
141	155	</script>
142	156
143		-<style scoped>
144		-/* 메뉴 스타일 */
145		-.main-menu {
146		- list-style: none;
147		- padding: 0;
148		- margin: 0;
149		-}
150		-
151		-.menu-item {
152		- position: relative;
153		- cursor: pointer;
154		- padding: 10px;
155		- border-bottom: 1px solid #ccc;
156		-}
157		-
158		-/* 서브메뉴 스타일 */
159		-.sub-menu {
160		- list-style: none;
161		- padding: 5px 0;
162		- margin: 0;
163		- background: white;
164		- border: 1px solid #ccc;
165		- display: block;
166		- width: 100%;
167		-}
168		-
169		-.sub-menu li {
170		- padding: 8px 15px;
171		- cursor: pointer;
172		-}
173		-
174		-.sub-menu li:hover {
175		- background-color: #f0f0f0;
176		-}
177		-</style>

...	...	@@ -1,8 +1,8 @@
1	1	<template>
2		- <div class="content-zone">
	2	+ <div class="content-zone sch-full">
3	3	<div class="content">
4	4	<!-- <div class="scroll"> -->
5		- <div class="setting-box">
	5	+ <div class="setting-box h_100">
6	6	<div class="node-zone">
7	7	<ul class="tree">
8	8	<template v-if="authorList.length > 0">
...	...	@@ -12,7 +12,7 @@
12	12	</ul>
13	13	</div>
14	14	<div class="setting-zone">
15		- <div class="tbl-wrap overflow-y">
	15	+ <div class="tbl-wrap h_100 overflow-y">
16	16	<table class="data tbl">
17	17	<colgroup>
18	18	<col width="70%"/>

...	...	@@ -53,6 +53,19 @@
53	53	</div>
54	54	</template>
55	55	<template v-else>
	56	+ <div class="search-bar">
	57	+ <select name="" id="" class="form-select sm" v-model="search.searchType">
	58	+ <option value="">전체</option>
	59	+ <option v-for="(item, idx) in codeList" :key="idx" :value="item.cd">{{ item.cdNm }}</option>
	60	+ </select>
	61	+ <input type="text" class="form-control sm"
	62	+ placeholder="검색어를 입력하세요." v-model="search.searchText" @keyup.enter="findAll">
	63	+
	64	+
	65	+ <button @click="findAll">검색</button>
	66	+
	67	+ <!-- <button class="large-btn darkg-border-btn" @click="fnSearchReset"><svg-icon type="mdi" :path="refreshPath"></svg-icon> 초기화</button> -->
	68	+ </div>
56	69	<div class="content-zone">
57	70	<div class="content">
58	71	<div class="scroll">
...	...	@@ -60,19 +73,6 @@
60	73	<div class="page-title">
61	74	<p>{{ bbsMng.bbsNm }}</p>
62	75	</div>
63		- </div>
64		- <div class="search-bar">
65		- <select name="" id="" class="form-select sm" v-model="search.searchType">
66		- <option value="">전체</option>
67		- <option v-for="(item, idx) in codeList" :key="idx" :value="item.cd">{{ item.cdNm }}</option>
68		- </select>
69		- <input type="text" class="form-control sm"
70		- placeholder="검색어를 입력하세요." v-model="search.searchText" @keyup.enter="findAll">
71		-
72		-
73		- <button @click="findAll">검색</button>
74		-
75		- <!-- <button class="large-btn darkg-border-btn" @click="fnSearchReset"><svg-icon type="mdi" :path="refreshPath"></svg-icon> 초기화</button> -->
76	76	</div>
77	77	<div class="gall-content">
78	78	<div v-for="(item, idx) in list" :key="idx" @click="fnView(idx)" class="gall-item">

...	...	@@ -1,7 +1,7 @@
1	1	<template>
2	2	<div class="content-zone full-page">
3	3	<div class="content">
4		- <div class="setting-box">
	4	+ <div class="setting-box h_100">
5	5	<div class="node-zone">
6	6	<div class="tree">
7	7	<div>

...	...	@@ -19,7 +19,7 @@
19	19	:colgroup="colgroup"
20	20	:thead="thead"
21	21	:tbody="tbody"
22		- :className="'data'"
	22	+ :className="'data cursor'"
23	23	@listClick="fnViewDetail"
24	24	/>
25	25	</div>

...	...	@@ -46,7 +46,7 @@
46	46	다운로드
47	47	</button>
48	48	</div>
49		- <div class="content-zone full-page">
	49	+ <div class="content-zone sch-full">
50	50	<div class="content">
51	51	<div class="scroll">
52	52	<div class="chart-zone mb30" v-show="bbsCnt > 0">

...	...	@@ -50,7 +50,7 @@
50	50	</button>
51	51
52	52	</div>
53		- <div class="content-zone full-page">
	53	+ <div class="content-zone sch-full">
54	54	<div class="content">
55	55	<div class="scroll">
56	56	<div class="chart-zone mb30">

...	...	@@ -1,20 +1,20 @@
1	1	<template>
	2	+ <div class="search-bar">
	3	+ <input
	4	+ type="text"
	5	+ class="form-control sm"
	6	+ placeholder="경로를 입력하세요."
	7	+ v-model="search.searchText"
	8	+ @keyup.enter="findAll"
	9	+ />
	10	+
	11	+ <button class="btn sm ico-sch" @click="findAll">
	12	+ 검색
	13	+ </button>
	14	+ </div>
2	15	<div class="content-zone">
3	16	<div class="content">
4	17	<div class="scroll">
5		- <div class="search-bar ">
6		- <input
7		- type="text"
8		- class="form-control sm"
9		- placeholder="경로를 입력하세요."
10		- v-model="search.searchText"
11		- @keyup.enter="findAll"
12		- />
13		-
14		- <button class="btn sm ico-sch" @click="findAll">
15		- 검색
16		- </button>
17		- </div>
18	18	<div class="tbl-wrap">
19	19	<ListTable
20	20	:className="'data cursor'"

Delete comment