Commit @5fb75658da7b08798a45af628d7dd583ce2198bb

e552dcd

5fb7565

client/resources/scss/admin/content.scss

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

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


         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);
 
         >.content {
             height: 100%;

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

e552dcd

5fb7565

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 {

e552dcd

5fb7565

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">

e552dcd

5fb7565

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">

e552dcd

5fb7565

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.menuNm ? store.state.menu.menuNm : "홈",
         }
     },
     created() {

e552dcd

5fb7565

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>

e552dcd

5fb7565

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">

e552dcd

5fb7565

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">

e552dcd

5fb7565

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">

e552dcd

5fb7565

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">

e552dcd

5fb7565

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">

e552dcd

5fb7565

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">

e552dcd

5fb7565

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">

e552dcd

5fb7565

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">

e552dcd

5fb7565

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">

e552dcd

5fb7565

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'">

e552dcd

5fb7565

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">

e552dcd

5fb7565

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">

e552dcd

5fb7565

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">

e552dcd

5fb7565

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">

e552dcd

5fb7565

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>

e552dcd

5fb7565

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">

e552dcd

5fb7565

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">

e552dcd

5fb7565

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">

e552dcd

5fb7565

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">

e552dcd

5fb7565

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">

e552dcd

5fb7565

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'"

e552dcd

5fb7565

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">

e552dcd

5fb7565

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">

...	...	@@ -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.menuNm ? store.state.menu.menuNm : "홈",
38	38	}
39	39	},
40	40	created() {

...	...	@@ -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">

...	...	@@ -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">

...	...	@@ -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="menuCnt > 0">

...	...	@@ -7,8 +7,6 @@
7	7	height: calc(100% - 140px);
8	8	background-color: var(--tk-white);
9	9	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.02);
10		- // padding: 3rem;
11		- // @include radius(30);
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	}

...	...	@@ -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>

...	...	@@ -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">

...	...	@@ -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">

...	...	@@ -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>

...	...	@@ -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