},

     // 새로고침 시 동작

     '$store.state.menuList': {

       }

     }

   },

   methods: {

     generateBreadcrumb() {

         <div class="form-box">

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

             <p>기본정보</p>

           </div>

           <div class="form-content">

             <div class="layout">

               <div class="form-group">

                 <input

                   type="text"

             </div>

             <div class="border-bottom layout">

               <input

                 type="text"

                 class="form-control sm"

       }

     },

     validation() {

         alert("권한코드를 입력해주세요.");

         this.$refs.authrtCd.focus();

         return false;

       }

         alert("권한코드는 반드시 ROLE_로 시작해야합니다.");

         this.$refs.authrtCd.focus();

         return false;

         this.$refs.authrtCd.focus();

         return false;

       }

         alert("권한명을 입력해주세요.");

         this.$refs.authrtNm.focus();

         return false;

                 <div class="form-box mb30">

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

                         <p>기본 설정</p>

                     </div>

                     <div class="form-content">

                         <div class="layout">

                             <input type="text" class="form-control sm" v-model="bbsMng.bbsNm"

                                 placeholder="게시판명을 입력하세요." />

                         </div>

                                 placeholder="게시판 설명을 입력하세요." />

                         </div>

                         <div class="layout">

                             <select name="" id="" class="form-select sm" @change="typeSelect"

                                 :disabled="bbsMng.bbsMngId != null">

                                 <option :value="null" disabled :selected="bbsMng.bbsTypeId == null">

                             </select>

                         </div>

                         <div class="layout">

                             <input type="number" class="form-control sm" v-model="bbsMng.artclCnt" />

                         </div>

                         <div class="layout">

                             <select name="" id="" class="form-select sm" v-model="bbsMng.cd">

                                 <option :value="null" disabled>선택해주세요</option>

                                 <option v-for="(item, idx) in pageTypeList" :value="item.cd" :key="idx">

                 <div class="form-box">

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

                         <p>세부설정</p>

                     </div>

                     <div class="form-content">

                         <div class="layout">

                             <div class="check-area">

                                 <div class="form-check">

                                     <input type="radio" name="file" id="file-y" class="mr5" value="Y"

                             </div>

                         </div>

                         <div class="layout">

                             <div class="check-area">

                                 <div class="form-check">

                                     <input type="radio" name="notice" id="notice-y" class="mr5" value="Y"

                             </div>

                         </div>

                         <div class="layout">

                             <div class="form-group">

                                 <div class="layout border-none">

                                     <input type="text" class="form-control sm" v-model="inputExtNm" placeholder="첨부파일 확장자를 입력하세요"

                             </div>

                         </div>

                         <div class="layout">

                             <div class="input-group">

                                 <input type="number" class="form-control sm" v-model="bbsMng.fileSzLmt"

                                     :placeholder="'첨부파일 파일 크기를 입력하세요(0 입력 시 최대' + maxFileSize + 'MB)'" />

                             </div>

                         </div>

                         <div class="layout">

                             <div class="check-area">

                                 <div class="form-check">

                                     <input type="radio" name="private" id="private-y" class="mr5" value="Y"

                             </div>

                         </div>

                         <div class="border-bottom layout">

                             <div class="check-area">

                                 <div class="form-check">

                                     <input type="radio" name="bf" id="bf-y" class="mr5" value="Y"

                             </div>

                         </div>

                         <div class="layout">

                             <div class="check-area">

                                 <div class="form-check">

                                     <input type="radio" name="comment" id="comment-y" class="mr5" value="Y"

               </div>

               <div class="form-content grid-none overflow-y">

                 <div class="layout">

                   <input type="text" class="form-control sm" v-model="bbsCn.bbsNm" placeholder="제목을 입력하세요." />

                 </div>

                 <div class="layout"  ref="first">

                   <div class="w_100 h_100">

                     <ckeditorComponent ref="ckeditor5" :bbsCn.sync="bbsCn"></ckeditorComponent>

                   </div>

         formData.append("multipartImgList", imgFile);

       }

       // axios 호출

       await defaultAxios({

         url: this.$filters.ctxPath("/sys/bbsCn/saveBbsCn.file"),

         method: "post",

       for (const imgFile of this.imgFileList) {

         formData.append("multipartImgList", imgFile);

       }

       // axios 호출

       defaultAxios({

         url: this.$filters.ctxPath("/sys/bbsCn/updateBbsCn.file"),

     },

     // 유효성 검사

     Validation() {

         alert("게시판 제목을 입력해주세요.");

         return false;

       }

           </div>

           <div class="form-content grid-none">

             <div class="layout" ref="first">

               <template v-if="ansPageId != null">

                 <textarea class="form-control area"  placeholder="답변을 입력하세요."   v-model="bbsCn.ansCn" style="height: 100%;"></textarea>

               </template>

     // 등록

     async fnSave() {

       // 내용 null검사

         alert("내용을 입력하세요.");

         return;

       }

           </div>

           <div class="form-content grid-none overflow-y">

             <div class="layout">

               <input

                 type="text"

                 class="form-control sm"

               />

             </div>

             <div class="layout" ref="first">

               <div class="w_100 h_100">

                 <ckeditorComponent ref="ckeditor5" :bbsCn.sync="bbsCn"></ckeditorComponent>

               </div>

             </div>

             <div class="layout">

               <div>

                 <label for="imgFile" class="file-upload">파일찾기</label>

                 <input type="file"  id="imgFile"  ref="imgFile" @change="fnImgFileInsert" multiple accept="image/*"  class="sr-only"/>

     },

     // 유효성 검사

     Validation() {

         alert("게시판 제목을 입력해주세요.");

         return false;

       }

           </div>

           <div class="form-content grid-none overflow-y">

             <div class="layout">

               <input

                 type="text"

                 class="form-control sm"

               />

             </div>

             <div class="layout" ref="first">

               <div class="w_100 h_100">

                 <ckeditorComponent ref="ckeditor5" :bbsCn.sync="bbsCn"></ckeditorComponent>

               </div>

             </div>

             <div class="layout">

               <input

                 type="text"

                 class="form-control sm"

     },

     // 유효성 검사

     Validation() {

         alert("게시판 제목을 입력해주세요.");

         return false;

       }

       }

       // url null 검사

         alert("영상 URL을 입력해주세요.");

         return false;

       }

         // 금지어 등록

         async fnSave() {

             try {

                 const param = {

                     wordsArr: this.wordsArr

                 }

             <div class="form-box">

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

                 <p>부서 정보</p>

               </div>

               <div class="form-content">

                 <div  class="layout">

                   />

                 </div>

                 <div  class="layout">

                   <input

                     type="text"

                     class="form-control sm"

                   />

                 </div>

                 <div  class="grid-column layout">

                   <select

                     class="form-select sm"

                     :disabled="isFormDisabled"

     },

     // 저장

     async fnSave() {

         return false;

       }

       // 신규 등록 및 수정 설정

         alert(error.response.data.message);

       }

     },

         return false;

       }

       let authrtList = [];

             <div class="form-box sch-full">

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

                 <p>메뉴 정보</p>

               </div>

               <div class="form-content"  style="grid-template-rows: auto auto auto auto 1fr auto auto;">

                 <div  class="layout">

                   <input type="text" class="form-control sm" v-model="viewMenu.upMenuNm" disabled />

                 </div>

                 <div  class="layout">

                   <input type="text" class="form-control sm" ref="menuNm" v-model="viewMenu.menuNm"

                     :disabled="!editMode" placeholder="메뉴명을 입력해주세요"/>

                 </div>

                 <div class="grid-column layout">

                   <div class="input-group">

                       <select class="form-select sm" ref="menuType" v-model="viewMenu.menuType" :disabled="!editMode">

                         <option value="">선택</option>

                   </div>

                 </div>

                 <div  class="layout">

                   <div class="check-area">

                     <div class="form-check">

                       <input type="radio" name="menuUser" id="menuUserAdm"  v-model="viewMenu.menuUser"

                   </div>

                 </div>

                 <div  class="layout">

                   <div class="check-area">

                     <div class="form-check">

                       <input type="radio" name="linkType" id="linkTypeY"  v-model="viewMenu.linkType"

                   </div>

                 </div>

                 <div class="layout">

                   <div class="check-area">

                     <div class="form-check">

                       <input type="radio" name="dgstfnExmnUseYn" id="dgstfnExmnUseY" 

                   </div>

                 </div>

                 <div  class="layout">

                   <div class="check-area">

                     <div class="form-check">

                       <input type="radio" name="menuExpsrYn" id="menuExpsrY" 

     // 메뉴관리 유효성 검사

     valiadtion() {

       // 메뉴명 입력 여부

         alert("메뉴명을 입력하세요.");

         this.$refs.menuNm.focus();

         return false;

       }

       // 메뉴 타입 입력 여부

         }

       }

       // 링크 유형

         alert("링크 유형을 선택하세요.");

         return false;

       }

       // 만족도 조사 사용여부

         alert("만족도 조사 사용여부를 선택하세요.");

         return false;

       }

       // 메뉴 노출 여부

         alert("메뉴 노출 여부를 선택하세요.");

         return false;

       }

         <div class="form-box">

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

             <p>기본정보</p>

           </div>

           <div class="form-content">

             <div class="layout">

               <input

                 type="text"

                 class="form-control sm"

               />

             </div>

             <div class="layout">

               <div class="input-group">

                 <div class="form-control sm cal">

                   <VueDatePicker

               </div>

             </div>

             <div class="layout">

               <div class="input-group">

                 <select class="form-select sm fixed" v-model="popup['popupSizeType']">

                   <option value="fixed">고정값</option>

               </div>

             </div>

             <div  class="layout">

               <div class="check-area">

                 <div class="form-check">

                   <input

             </div>

             <template v-if="popup['popupType'] == 'image'">

               <div  class="layout">

                   <div v-for="(file, index) of this.fileList" :key="index" class="input-group" style="height: 100%" >

                     <p v-if="file['fileId'] != null">

               </div>

               <div class="layout">

                 <input

                   type="text"

                   class="form-control sm"

             </template>

             <template v-if="popup['popupType'] == 'video'">

                 <div  class="layout">

                   <input

                     type="text"

                     class="form-control sm"

                     ref="vdoUrl"

                   />

                 </div>

             </template>

             <div  class="layout">

               <select

                 class="form-select sm "

                 v-model="popup['pageType']"

               </select>

             </div>

             <div  class="layout">

               <select class="form-select sm " v-model="popup['sn']" ref="sn">

                 <option value="0">순서를 선택하세요.</option>

                 <option value="1">1</option>

     // 유효성 검사

     valiadtion() {

         alert("제목을 입력해주세요.");

         this.$refs.popupTtl.focus();

         return false;

       }

         alert("시작일을 입력해주세요.");

         this.$refs.bgngDt.focus();

         return false;

       }

         alert("종료일을 입력해주세요.");

         this.$refs.endDt.focus();

         return false;

       }

         alert("팝업 크기를 선택해주세요.");

         return false;

       }

       if (this.popup["popupSizeType"] == "fixed") {

           alert("팝업 크기를 선택해주세요.");

           return false;

         }

       } else if (this.popup["popupSizeType"] == "custom") {

           alert("팝업 가로 크기를 선택해주세요.");

           return false;

         }

           alert("팝업 세로 크기를 선택해주세요.");

           return false;

         }

       }

         alert("업로드 형식을 선택해주세요.");

         return false;

       }

           alert("이미지 첨부파일을 선택해주세요.");

           return false;

         }

           alert("링크 URL을 선택해주세요.");

           this.$refs.linkUrl.focus();

           return false;

         }

       } else if (this.popup["popupType"] == "video") {

           alert("동영상 URL을 선택해주세요.");

           this.$refs.vdoUrl.focus();

           return false;

         }

       }

         alert("순서를 선택해주세요.");

         this.$refs.sn.focus();

         return false;

       }

         alert("팝업 노출 페이지를 선택해주세요.");

         return false;

       }

     },

     //─────axios─────┐

             <div class="form-box sch-full">

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

                 <p>공통코드정보</p>

               </div>

               <div class="form-content" style="grid-template-rows: auto auto auto 1fr;">

                 <div class="layout">

                   <input type="text" class="form-control sm" disabled v-model="viewCode.upCdNm" />

                 </div>

                 <div class="layout">

                   <input type="text" class="form-control sm" :disabled="isFormDisabled || !submitStts"

                     v-model="viewCode.cd" placeholder="코드를 입력해주세요"/>

                 </div>

                 <div class="layout">

                   <input type="text" class="form-control sm" :disabled="isFormDisabled" v-model="viewCode.cdNm" placeholder="코드명을 입력해주세요"/>

                 </div>

                 <div class="layout">

                   <input type="text" class="form-control sm" :disabled="isFormDisabled" v-model="viewCode.cdVl" placeholder="코드값을 입력해주세요"/>

                 </div>

                 <div class="border-bottom layout">

                   <div class="check-area">

                     <div class="form-check">

                       <input type="radio" name="code" id="y"  value="Y" :disabled="isFormDisabled"

       this.submitStts = true;

     },

     validation() {

         alert("코드를 입력해주세요.");

         return false;

       }

         alert("코드는 영문과 언더바(_)만 사용하여 작성해주세요.");

         return false;

       }

         alert("코드명을 입력해주세요.");

         return false;

       }

         <div class="form-box">

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

             <p>기본정보</p>

           </div>

           <div class="form-content">

             <div class="layout">

                 <label for="" class="form-title">

                 </label>

                 <input

                   type="text"

               </div>

               <div class="layout">