</template>

 <script>

 import draggable from "vuedraggable";

 import Hierachy from "../../../component/hierachy/HierachyDraggable.vue";

 import ListTable from "../../../component/table/ListTable.vue";

           this.fnReset(); // 초기화

           this.mblTelnoSplit(res.data.data.deptMbr);

           this.viewDept = res.data.data.dept; // 부서 정보

           this.deptMbr = res.data.data.deptMbr; // 부서에 등록된 사용자 목록

           this.selectedDeptId = this.viewDept.deptId;

           if (this.viewDept.authrtList.length > 0) {

         return false;

       }

       // 변경전 코드와 비교

         alert("변경할 내용이 없습니다.");

         return false;

       }

         const res = await action(this.viewDept);

         alert(res.data.message);

         if (res.status == 200) {

           this.findAll();

           // this.selectedDeptId = res.data.data.deptId;

         }

         alert(res.data.message);

         if (res.status == 200) {

           this.fnReset(); // 초기화

           this.viewDept = {};

           this.findAll(); // 목록 재조회

         }

       //   }

       // }

       this.fnReset(); // 초기화

       this.submitStts = true;

     },

     // 하위 신규 객체 생성

       this.fnReset(); // 초기화

       this.viewDept.upDeptId = upDeptId;

       this.viewDept.upDeptNm = upDeptNm;

       this.submitStts = true;

     },

     // 초기화

     fnReset() {

       this.selectedDeptId = null; // 선택된 부서 객체 아이디 초기화

       this.selectedAuthrt = "";

       this.mbrList = []; // 부서에 등록되지 않은 사용자 정보 초기화

     async fnListUpdate() {

       try {

         // 내용이 변경된 경우

           if (!confirm("부서 목록을 저장하시겠습니까?\n 작성 중인 부서정보는 저장되지 않습니다.")) {

             return;

           }

     // 변경 감지

     isChanged() {

         if (!confirm("작성 중인 부서정보는 저장되지 않습니다.\n계속 하시겠습니까?")) {

           return true;

         }

 </template>

 <script>

 import draggable from "vuedraggable";

 import Hierachy from "../../../../component/hierachy/HierachyDraggable.vue";

 // Api

       if (this.valiadtion() == false) {

         return;

       }

       if (data["menuType"] == "") {

         data.menuType = "";

         data.menuTypeCtgry = "";

       //   }

       // }

       this.editMode = true;

       this.selectedMenuId = this.viewMenu.deptId;

     },

     // 하위 신규 객체 생성

       }

       const upMenuId = this.originMenu.menuId;

       const upMenuNm = this.originMenu.menuNm;

       this.viewMenu.upMenuId = upMenuId;

       this.viewMenu.upMenuNm = upMenuNm;

       this.selectedMenuId = null;

     },

         const res = await menuSave(data);

         alert(res.data.message);

         if (res.status == 200) {

           this.fnViewList(); // 목록 새로고침

         }

       } catch (error) {

           } else if (this.viewMenu.menuType == "conts") {

             this.ctgryList = this.contsTypeList;

           }

         }

       } catch (error) {

         const errorData = error.response.data;

         const res = await menuUpdate(data);

         alert(res.data.message);

         if (res.status == 200) {

           this.fnViewList(); // 목록 새로고침

         }

       } catch (error) {

     async fnListUpdate() {

       try {

         // 내용이 변경된 경우

           if (!confirm("메뉴 목록을 저장하시겠습니까?\n 작성 중인 메뉴정보는 저장되지 않습니다.")) {

             return;

           }

     // 변경 감지

     isChanged() {

         if (!confirm("작성 중인 메뉴정보는 저장되지 않습니다.\n계속 하시겠습니까?")) {

           return true;

         }

       this.ctgryList = [];

       this.viewMenu["menuTypeCtgry"] == "";

       this.viewMenu["linkUrl"] == null;

       // 데이터 삽입

       if (menuType == "bbs") {

         this.ctgryList = this.bbsList;

 </template>

 <script>

 import draggable from "vuedraggable";

 import Hierachy from "../../../../component/hierachy/HierachyDraggable.vue";

         const res = await findByCd(params);

         if (res.status == 200) {

           this.viewCode = res.data.data.code;

           this.submitStts = false;

         }

       } catch (error) {

       }

       // 변경전 코드와 비교

         alert("변경할 내용이 없습니다.");

         return false;

       }

         const res = await action(this.viewCode);

         alert(res.data.message);

         if (res.status == 200) {

           this.findAll();

           // this.selectedCd = res.data.data.cd;

         }

       //   }

       // }

       this.selectedCd = null; // 선택된 코드 초기화

       this.submitStts = true;

     },

     // 하위 신규 객체 생성

       }

       const upCd = this.originCode.cd;

       const upCdNm = this.originCode.cdNm;

       this.viewCode.upCd = upCd;

       this.viewCode.upCdNm = upCdNm;

       this.submitStts = true;

     },

     validation() {

     async fnListUpdate() {

       try {

         // 내용이 변경된 경우

           if (!confirm("공통코드 목록을 저장하시겠습니까?\n 작성 중인 공통코드정보는 저장되지 않습니다.")) {

             return;

           }

     // 변경 감지

     isChanged() {

         if (!confirm("작성 중인 공통코드정보는 저장되지 않습니다.\n계속 하시겠습니까?")) {

           return true;

         }

         <div class="tbl-wrap" ref="first">

           <table class="tbl data mixing">

             <colgroup>

               <col width="25%" />

               <col width="25%" />

             </colgroup>

             <thead>

               <tr>

                 <th rowspan="2"  class="sticky top-0">구분</th>

               </tr>

               <tr>

                 <th class="sticky top-40">사용자</th>

               </tr>

             </thead>

             <tbody>

               <template v-if="bbsCnt > 0">

                 <tr v-for="(tr, index) of chartData" :key="index">

                   <td>{{ tr.menu }}</td>

                   <td>{{ tr["사용자"] }}</td>

                 </tr>

               </template>

               <template v-else>

       bbsCnt: 0,

       // 차트 높이 스타일

       // heightStyle: {},

     };

   },

   created() {

           for (let data of response.data.data.list) {

             let newData = {};

             newData["menu"] = data["bbs_nm"];

             for (let i = 0; i < data["authrt_nm"].length; i++) {

               newData[data["authrt_nm"][i]] = data["cntn_nope"][i];

             }

         <div class="tbl-wrap  overflow-y" ref="first">

           <table class="tbl data mixing">

             <colgroup>

               <col width="25%" />

               <col width="25%" />

             </colgroup>

             <thead>

               <tr>

                 <th rowspan="2" class="sticky top-0">구분</th>

               </tr>

               <tr>

                 <th class="sticky top-40">사용자</th>

               </tr>

             </thead>

             <tbody>

               <template v-if="menuCnt > 0">

                 <tr v-for="(tr, index) of chartData" :key="index">

                   <td>{{ tr.menu }}</td>

                   <td>{{ tr["사용자"] }}</td>

                 </tr>

               </template>

               <template v-else>

                 <tr>

                     등록된 정보가 존재하지 않습니다.

                   </td>

                 </tr>

       menuCnt: 0,

       // 차트 높이 스타일

       heightStyle: {},

     };

   },

   created() {

         for (let data of response.data.data.list) {

           let newData = {};

           newData["menu"] = data["menu_name"];

           for (let i = 0; i < data["authrt_nm"].length; i++) {

             newData[data["authrt_nm"][i]] = data["cntn_nope"][i];

           }

             <thead class="sticky">

               <tr>

                 <th rowspan="2" class="sticky top-0" >구분</th>

               </tr>

               <tr>

                 <th class="sticky top-40">사용자</th>

               </tr>

             </thead>

             <tbody>

               <tr v-for="(tr, index) of chartData" :key="index">

                 <td>{{ tr.date }}</td>

                 <td>{{ tr["사용자"] }}</td>

               </tr>

             </tbody>

           </table>

       chartData: [],

       // 전체 수

       totalCnt: 0,

     };

   },

   created() {

         for (let data of response.data.data.list) {

           let newData = {};

           newData["date"] = data["dates"];

           for (let i = 0; i < data["authrt_nm"].length; i++) {

             newData[data["authrt_nm"][i]] = data["cntn_nope"][i];

           }