>.content-zone {

         height: calc(100% - 140px);

         // box-shadow: 0 0 1rem rgba(0, 0, 0, 0.02);

         >.content {

     padding: 3rem 0;

     button {

     }

     &.list {

 .form-box {

     border: 1px solid var(--tk-gray-10);

     box-shadow: 0 0 1rem rgba(0, 0, 0, 0.02);

     .form-box-title {

         padding: 1rem 3rem;

         @include flex-layout(flex, center, start);

         font-size: var(--tk-fz-title-sm);

         border-radius: 2rem 2rem 0 0;

     .node-zone {

         width: 325px;

         height: 100%;

         border-radius: var(--tk-rd-12);

         box-shadow: 0 0 1rem rgba(0, 0, 0, 0.02);

     }

     .setting-zone {

         height: 100%;

         .btn-wrap {

 .tbl-wrap{

     // height: 100%;

     &.overflow-y{

         overflow-y: auto;

     }

 }

 .mixing thead th{

     background-color: #eaeff4;

     display: grid;

     grid-template-columns: clamp(240px, 10vw, 450px) minmax(1020px, 1fr);

     grid-template-areas:

         "sidebar header "

         "sidebar main ";

     }

     .side-bar{

         grid-area: sidebar;

         height: 100%;

         background-color: #f7f9fb;

         border-right: 1px solid var(--tk-gray-30);

         .logo{

             font-size: var(--tk-fz-title-lg);

             font-weight: 700;

             text-align: center;

         }

                         }

                             &.sub-active{

                                 >span{

                                     font-weight: 700;

                                 }

                             }

                             }

                                 }

                             }

                         }

                     }

                 }

             }

         }

     }

 	.bg-gray-#{$color} {

 		background-color: $value;

 	}

 }

 	@each $num, $value in $gray-colors {

 		--#{$prefix}gray-#{$num}: #{$value};

 	}

 	//fonts

 	"90": $gray-90,

 ) !default;

 //prefix

 $prefix: tk- !default;

 <template>

   <div v-if="breadcrumbList.length > 0">

       {{ crumb.menuNm }}

       <span v-if="index < breadcrumbList.length - 1"> &gt; </span>

     </span>

   <div class="btn-wrap">

       <button

         :class="{

           // 'blue-btn': pageRole == 'adm',

           // 'green-btn': pageRole == 'portal',

         }"

       <button

         v-if="pageAuth.mdfcnAuthrt == 'Y'"

         :class="{

         }"

         @click="fnUpdate"

       >

     </div>

   </div>

   <div class="btn-wrap">

         <button class="btn sm tertiary" @click="fnCancel">취소</button>

   </div>

 </template>

       <div></div>

       <PaginationButton :className="'admin-pagination'" />

       <button

         @click="fnAdd"

         v-if="pageAuth.regAuthrt == 'Y'"

       >

     </div>

   </div>

   <div class="btn-wrap">

         저장

       </button>

   </div>

         </div>

     </div>

     <div class="btn-wrap">

                 {{ bbsMng.bbsMngId == null ? "등록" : "수정" }}

             </button>

             <button class="btn sm tertiary" @click="fnCancel">취소</button>

             <option value="">전체</option>

             <option v-for="(item, idx) in codeList" :key="idx" :value="item.cd">{{ item.cdNm }}</option>

         </select>

         <button class="btn sm ico-before ico-sch" @click="findAll">검색</button>

     </div>

             :click="findAll"

         />

     </div>

 </template>

   </div>

   <div class="btn-wrap">

       <button class="btn sm tertiary" @click="fnList">목록</button>

         수정

       </button>

       <button class="btn sm red" @click="fnDelete">삭제</button>

         </div>

       </div>

       <div class="btn-wrap">

         <button class="btn sm tertiary" @click="fnCancel">취소</button>

       </div>

     </template>

       <button class="btn sm ico-before ico-sch" @click="findAll">

         검색

       </button>

     </div>

     <div  class="content-zone">

       <div class="content">

         :click="findAll"

       />

       <template v-if="pageAuth.regAuthrt == 'Y'">

           등록

         </button>

       </template>

           목록

         </button>

       <template v-if="pageAuth.mdfcnAuthrt == 'Y' || mbrId == bbsCn.rgtr">

       </template>

       <template v-if="pageAuth.delAuthrt == 'Y' || mbrId == bbsCn.rgtr">

         <button class="btn sm red" @click="fnDelete">삭제</button>

                 <PaginationButton :className="'pagination'" v-model:currentPage="search.currentPage"

                     :pagination='search' :click="findAll" />

             <template v-if="pageAuth.regAuthrt == 'Y'" >

             </template>

         </div>

     </template>

             <option value="">전체</option>

             <option v-for="(item, idx) in codeList" :key="idx" :value="item.cd">{{ item.cdNm }}</option>

         </select>

             v-model="search.searchText" @keyup.enter="fnFindAllWord" />

         <button class="btn sm ico-before ico-sch" @click="fnFindAllWord">검색</button>

     </div>

         <PaginationButton :className="'admin-pagination'" v-model:currentPage="search.currentPage"

             :pagination='search' :click="fnFindAllWord" />

         <div>

             <button class="btn sm red" @click="fnDelete">선택삭제</button>

         </div>

     </div>

         </ul>

         <template v-slot:footer>

                 <button class="btn sm tertiary" @click="modalClose">취소</button>

         </template>

     </Modal>

 </template>

           </div>

         </div>

         <div class="setting-zone">

             <div class="form-box">

               <div class="form-box-title">

                 <p>부서 정보</p>

             </div>

             <div class="btn-wrap">

                 <button

                   :disabled="isFormDisabled"

                   @click="fnSave"

                 >

             </div>

           </div>

               <div class="form-box-title">

                 <p>부서 사용자</p>

               </div>

                 <div class="tbl-wrap">

                   <ListTable

                     :className="'data'"

             </div>

             <div class="btn-wrap">

               <button

                 :disabled="isFormDisabled"

                 @click="modalOpen"

                 v-if="pageAuth.regAuthrt == 'Y'"

       searchText: "", // 사용자 정보 검색

       submitStts: true,

     };

   },

   created() {

         alert(error.res.data.message);

       }

     },

   },

   computed: {

     isFormDisabled() {

       if (!this.viewDept) return true;

       return Object.keys(this.viewDept).length === 0;

     },

   },

 };

 </script>

                         <select name="selectType" id="selectType" class="border-none gd-2" >

                             <option value="">전체</option>

                         </select>

                     </div>

                 </div>

                 <div class="gd-1">

       class="form-control sm"

       v-model="search['searchText']"

       v-on:keyup.enter="fnViewList"

     />

     <button class="btn sm ico-before ico-sch" @click="fnViewList">

       검색

             class="form-control sm"

             v-model="search['searchText']"

             v-on:keyup.enter="fnViewList"

           />

         <button class="btn sm ico-before ico-sch" @click="fnViewList">

           검색

         class="form-control sm"

         v-model="search['searchText']"

         v-on:keyup.enter="fnViewList"

       />

     <button class="btn sm ico-before ico-sch" @click="fnViewList">

         :click="fnViewList"

       />

       <button

         @click="fnInsert"

         v-if="pageAuth.regAuthrt == 'Y'"

       >

         class="form-control sm"

         v-model="search['searchText']"

         v-on:keyup.enter="fnViewList"

       />

     <button class="btn sm ico-before ico-sch" @click="fnViewList">검색</button>

   </div>

         />

         <button

           @click="fnInsert"

           v-if="pageAuth.regAuthrt == 'Y'"

         >

         ></textarea>

       </div>

       <template v-slot:footer>

             등록

           </button>

           <button class="btn sm tertiary" @click="fnModalClose">

     </div>

   </div>

   <div class="btn-wrap">

           selectedMenuId != null &&

           editMode == true &&

           pageAuth.mdfcnAuthrt == 'Y'

         ">

           수정

         </button>

           v-else-if="editMode == true && pageAuth.regAuthrt == 'Y'">

           등록

         </button>

           >

             <template v-slot:button>

               <button

                 @click.stop="modalOpen"

                 v-if="pageAuth.inqAuthrt == 'Y'"

               >

     </div>

   </div>

   <div class="btn-wrap">

         <span v-if="this.$route.query.pageId == null">저장</span>

         <span v-else>수정</span>

       </button>

       class="form-control sm"

       v-model="search['searchText']"

       v-on:keyup.enter="fnViewList"

     />

     <button class="btn sm ico-before ico-sch" @click="fnViewList">

       검색

       :click="fnViewList"

     />

     <button

       @click="fnInsert"

       v-if="pageAuth.regAuthrt == 'Y'"

     >

   <div class="btn-wrap">

       <button class="btn sm tertiary" @click="fnList">목록</button>

       <button

         @click="fnUpdate"

         v-if="pageAuth.mdfcnAuthrt == 'Y'"

       >

 <template>

   <div class="content-zone sch-full">

     <div class="content">

           <div class="node-zone">

               <div class="tree">

                   <draggable tag="ul" class="tree-node" :list="codeList" :group="{ name: 'menu' }" item-key="id"

     </div>

   </div>

   <div class="btn-wrap">

           v-if="pageAuth.regAuthrt == 'Y'">

           <span v-if="submitStts">등록</span>

           <span v-else>수정</span>

     </div>

   </div>

   <div class="btn-wrap">

           {{ pageId == null ? "등록" : "수정" }}

         </button>

         <button class="btn sm tertiary" @click="fnList">취소</button>

         :click="fnViewList"

       />

       <button

         @click="fnInsert"

         v-if="pageAuth.regAuthrt == 'Y'"

       >

   <div class="btn-wrap">

         <button class="btn sm tertiary" @click="fnList">목록</button>

         <button

           @click="fnUpdate"

           v-if="pageAuth.mdfcnAuthrt == 'Y'"

         >