Commit @c2a0ffbf794e0bf84a30ca1aa3ad78af78823153

류윤주 03-31

250331 류윤주 수정

@c2a0ffbf794e0bf84a30ca1aa3ad78af78823153

88a161e

c2a0ffb

client/resources/scss/admin/content.scss

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

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


             max-width: calc(100% - 180px);
         }
 
+        >div,
         .form-group {
             width: calc(100% - 180px);
 

             }
         }
 
+        >div,
         .input-group{
             max-width: calc(100% - 180px);
         }

 
             &:nth-last-child(-n + 2){
                 border-bottom: 0;
+                &.border-bottom{
+                    border-bottom: 1px solid var(--tk-gray-10);
+                }
             }
 
             &:last-child {

         }
     }
 
+    &.mb30{
+        margin-bottom: 3rem
+    }
+
 
 }
 
 .setting-box {
     @include flex-layout(flex, start, start);
     width: 100%;
-    height: calc(100% - 58.5px);
+    height: calc(100% - 77.5px);
 
     .node-zone {
         width: 325px;

             // justify-content: flex-end;
             padding: 1rem 0;
         }
+
+
     }
 
     .btn-zone {

     display: flex;
     align-items: center;
 }
+
+.tbl-wrap{
+    height: 100%;
+
+    &.overflow-y{
+        overflow-y: auto;
+    }
+
+
+}
+.mixing thead th{
+    border-right: 1px solid var(--tk-secondary-30);
+
+    &[rowspan="2"]:last-child{
+        border-right:0;
+    }
+}

88a161e

c2a0ffb

client/resources/scss/common/component/_buttons.scss

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

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


   }
   &.ico-del {
       background-image: url(#{$url}/component/common/ico_trashcan.svg);
-
   }
+  &.ico-plus {
+    background-image: url(#{$url}/component/common/ico_plus_24.svg);
+}
   &.ico-page-prev {
     border-radius: 10rem;
     border: 0.1rem solid var(--#{$prefix}gray-40);

88a161e

c2a0ffb

client/views/component/userInfo/UserInfoView.vue

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

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


               </div>
               <div class="form-content">
                 <div>
-                  <label class="form-title">아이디</label>
+                  <p class="form-title">아이디</p>
                   <p>{{ mbrVO.lgnId }}</p>
                   <!-- <input
                     type="text"

                   /> -->
                 </div>
                 <div>
-                  <label class="form-title">이름</label>
+                  <p class="form-title">이름</p>
                   <p>{{ mbrVO.mbrNm }}</p>
                   <!-- <input
                     type="text"

                 </div>
                 <template v-if="showOpt.isMblNo || showOpt.isTelNo">
                   <div v-if="showOpt.isMblNo">
-                    <label for="" class="form-title">
+                    <p class="form-title">
                       휴대폰번호
-                    </label>
+                    </p>
                     <p>{{ mbrVO.mblTelno }}</p>
                     <!-- <input
                       type="text"

                     /> -->
                   </div>
                   <div v-if="showOpt.isTelNo">
-                    <label class="form-title">전화번호</label>
+                    <p class="form-title">전화번호</p>
                     <p>{{ mbrVO.telno }}</p>
                     <!-- <input
                       type="text"

                 </template>
                 <template v-if="showOpt.isEml || showOpt.isSmsAgree || showOpt.isEmlAgree">
                       <div v-if="showOpt.isEml">
-                        <label for="" class="form-title point-font2 mb10">이메일</label>
+                        <p class="form-title">이메일</p>
                         <div class="check-area">
                           <p>{{ email.address ? email.id + '@' + email.address : email.id + '@' + email.select }}</p>
                             <!-- <input

                       </div>
          
                       <div v-if="showOpt.isSmsAgree">
-                        <label class="form-title">
+                        <p class="form-title">
                           문자수신
-                        </label>
+                        </p>
                         <p>{{ mbrVO.smsRcptnAgreYn }}</p>
                         <!-- <div class="check-area">
                           <div class="form-check">

                       </div>
 
                       <div v-if="showOpt.isEmlAgree">
-                        <label class="form-title">
+                        <p class="form-title">
                           이메일수신
-                        </label>
+                        </p>
                         <p>{{ mbrVO.emlRcptnAgreYn }}</p>
                         <!-- <div class="check-area">
                           <div class="form-check">

                   <template v-if="showOpt.isAddr">
         
                         <div>
-                          <label class="form-title">
+                          <p class="form-title">
                             우편번호
-                          </label>
+                          </p>
                           <p>{{ '(' + mbrVO.zip + ')'+ mbrVO.addr + mbrVO.daddr}}</p>
                           <!-- <input
                             type="text"

                   <template v-if="showOpt.isStts && pageRole == 'adm'">
             
                       <div>
-                          <label class="form-title">
+                          <p class="form-title">
                             회원상태
-                          </label>
-                          <select class="full-select" v-model="mbrVO.mbrStts" disabled>
+                          </p>
+                          <p>{{mbrVO.mbrStts}}</p>
+                          <!-- <select class="full-select" v-model="mbrVO.mbrStts" disabled>
                             <option value="1">승인</option>
                             <option value="2">승인대기</option>
                             <option value="0">탈퇴</option>
                             <option value="3">차단</option>
-                          </select>
+                          </select> -->
                         <div>
-                          <label class="form-title">차단일</label>
-                          <input
+                          <p class="form-title">차단일</p>
+                          <p>{{ mbrVO.cntrlDt }}</p>
+                          <!-- <input
                             type="date"
                             class="full-input"
                             v-model="mbrVO.cntrlDt"
                             disabled
-                          />
+                          /> -->
                         </div>
                       </div>
               
                       <div>
-                        <label  class="form-title">차단 사유</label>
-                        <input
+                        <p  class="form-title">차단 사유</p>
+                        <p>{{ mbrVO.cntrlRsn }}</p>
+                        <!-- <input
                           type="text"
                           class="full-input"
                           v-model="mbrVO.cntrlRsn"
                           disabled
-                        />
+                        /> -->
                       </div>
                   </template>
                   <template v-if="showOpt.isAuthor && pageRole == 'adm'">

88a161e

c2a0ffb

client/views/pages/App.vue

--- client/views/pages/App.vue

+++ client/views/pages/App.vue


     <AdminHeader />
     <AdminMenu />
     <main class="main-wrap">
-      <Breadcrumb v-if="$route.path !== '/adm/main.page' && $route.path !== '/main.page'" />
+      <!-- <Breadcrumb v-if="$route.path !== '/adm/main.page' && $route.path !== '/main.page'" /> -->
         <div :class="{'content-wrap': true, 'main': this.$route.path === '/adm/main.page'}">
           <router-view />
         </div>

88a161e

c2a0ffb

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 admin-style">
-    <div class="admin-page-title point-font2 mb30">
-      <p>권한 관리</p>
-    </div>
-    <details open class="form-table-style mb30">
-      <summary class="point-font2">
-        <p class="summary-style pl10">기본정보</p>
-      </summary>
-      <div class="pt10 pb10">
-        <table class="form-table">
-          <colgroup>
-            <col width="50%" />
-            <col width="50%" />
-          </colgroup>
-          <tr>
-            <td>
-              <div class="gd-12 pl0">
-                <label for="" class="form-title point-font2 mb10">
-                  권한코드
-                </label>
-                <span class="inline-block ml20 red-text">
-                  권한 코드는 ROLE_ + 영문(대문자) 형태로 입력해주세요.
-                </span>
+  <div class="content-zone">
+    <div class="content">
+      <div class="scroll">
+        <div class="title-zone">
+          <div class="page-title">
+            <p>권한 관리</p>
+          </div>
+          <PagiNavigationBar />
+        </div>
+        <div class="form-box">
+          <div class="form-box-title">
+            <p>기본정보</p>
+          </div>
+          <div class="form-content">
+            <div>
+              <label class="form-title">권한코드</label>
+              <div class="form-group">
                 <input
                   type="text"
-                  class="full-input"
+                  class="form-control sm"
                   ref="authrtCd"
                   v-model="authrt.authrtCd"
                   :disabled="!submitStts"
                 />
+                <span class="red-text">
+                  권한 코드는 ROLE_ + 영문(대문자) 형태로 입력해주세요.
+                </span>
               </div>
-            </td>
-            <td>
-              <div class="gd-12 pr0">
-                <label for="" class="form-title point-font2 mb10">권한명</label>
-                <input
-                  type="text"
-                  class="full-input"
-                  ref="authrtNm"
-                  v-model="authrt.authrtNm"
-                />
-              </div>
-            </td>
-          </tr>
-          <tr>
-            <td colspan="2">
-              <div class="gd-12 pl0">
-                <label for="" class="point-font2 mb10">권한설명</label>
-                <textarea
-                  name="authrtExpln"
-                  id="authrtExpln"
-                  v-model="authrt.authrtExpln"
-                ></textarea>
-              </div>
-            </td>
-          </tr>
-        </table>
-      </div>
-    </details>
+            </div>
 
-    <div class="flex justify-end align-center no-gutters">
-      <div class="gd-1 mr10">
-        <button class="large-btn blue-btn" @click="fnSave">저장</button>
-      </div>
-      <div class="gd-1">
-        <button class="large-btn gray-btn" @click="fnCancel">취소</button>
+            <div class="border-bottom">
+              <label class="form-title">권한명</label>
+              <input
+                type="text"
+                class="form-control sm"
+                ref="authrtNm"
+                placeholder="권한명을 입력해주세요."
+                v-model="authrt.authrtNm"
+              />
+            </div>
+
+            <div class="grid-column">
+              <label class="form-title">권한설명</label>
+              <textarea
+                name="authrtExpln"
+                id="authrtExpln"
+                v-model="authrt.authrtExpln"
+                class="form-control lg area"
+              ></textarea>
+            </div>
+          </div>
+        </div>
       </div>
     </div>
   </div>
+  <div class="btn-wrap">
+        <button class="btn sm primary" @click="fnSave">저장</button>
+        <button class="btn sm tertiary" @click="fnCancel">취소</button>
+  </div>
 </template>
 
 <script>

88a161e

c2a0ffb

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

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

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


           </div>
           <PagiNavigationBar />
         </div>
-
         <div class="form-box">
           <div class="form-box-title">
             <p>기본 정보</p>
           </div>
           <div class="form-content">
             <div>
-              <label class="form-title">권한코드</label>
+              <p class="form-title">권한코드</p>
               <p>{{ authrt.authrtCd }}</p>
             </div>
-            <div>
-              <label class="form-title">권한명</label>
+            <div class="border-bottom">
+              <p class="form-title">권한명</p>
               <p>{{ authrt.authrtNm }}</p>
             </div>
             <div>
-              <label class="form-title">
+              <p class="form-title">
                 권한설명
-              </label>
+              </p>
               <div style="padding: 3rem; min-height: 3rem; overflow-y: auto;">
                 <p>{{ authrt.authrtExpln }}</p>
               </div>

88a161e

c2a0ffb

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 admin-style">
-    <div class="admin-page-title point-font2 mb30">
-      <p>메뉴 권한 관리</p>
-    </div>
-    <div class="full-page">
-      <div class="flex content">
-        <div class="gd-2 pl0 content">
-          <div class="tree-zone content pd15">
-            <ul class="content overflow-y">
-              <template v-if="authorList.length > 0">
-                <Hierachy v-for="(author, index) in authorList" :key="index" :nodeList="author" :icon="iconPath"
-                  :selectedNode="selectedAuthrtCd" @changeSelected="fnViewDetail" />
-              </template>
-            </ul>
+  <div class="content-zone">
+    <div class="content">
+        <!-- <div class="scroll"> -->
+          <div class="title-zone">
+            <div class="page-title">
+              <p>메뉴 권한 관리</p>
+            </div>
+            <PagiNavigationBar />
           </div>
-        </div>
-        <div class="gd-10 pr0 content overflow-y">
-          <div class="content">
-            <table class="list-table admin-list mb15">
-              <colgroup>
-                <col width="70%"/>
-                <col width="5%"/>
-                <col width="5%"/>
-                <col width="5%"/>
-                <col width="5%"/>
-                <col width="5%"/>
-                <col width="5%"/>
-              </colgroup>
-              <thead>
-                <tr>
-                  <th class="sticy">메뉴명</th>
-                  <th class="sticy">전체</th>
-                  <th class="sticy">읽기</th>
-                  <th class="sticy">쓰기</th>
-                  <th class="sticy">수정</th>
-                  <th class="sticy">삭제</th>
-                  <th class="sticy">파일</th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr v-for="(menu, index) in menuList" :key="index">
-                  <template v-if="menu.upMenuId != null">
-                    <td class="text-lf pl10">{{ menu.name }}</td>
-                    <td class="text-ct pl10">
-                      <input type="checkbox" :checked="menu['inqAuthrt'] == 'Y' &&
-                        menu['regAuthrt'] == 'Y' &&
-                        menu['mdfcnAuthrt'] == 'Y' &&
-                        menu['delAuthrt'] == 'Y' &&
-                        menu['fileDwnldAuthrt'] == 'Y'
-                        " v-model="menu['checkedAll']" true-value="Y" false-value="N" @change="fnChecked(menu)" />
-                    </td>
-                    <td class="text-ct pl10">
-                      <input type="checkbox" v-model="menu['inqAuthrt']" true-value="Y" false-value="N" />
-                    </td>
-                    <td class="text-ct pl10">
-                      <input type="checkbox" v-model="menu['regAuthrt']" true-value="Y" false-value="N" />
-                    </td>
-                    <td class="text-ct pl10">
-                      <input type="checkbox" v-model="menu['mdfcnAuthrt']" true-value="Y" false-value="N" />
-                    </td>
-                    <td class="text-ct pl10">
-                      <input type="checkbox" v-model="menu['delAuthrt']" true-value="Y" false-value="N" />
-                    </td>
-                    <td class="text-ct pl10">
-                      <input type="checkbox" v-model="menu['fileDwnldAuthrt']" true-value="Y" false-value="N" />
-                    </td>
-                  </template>
-                  <template v-else>
-                    <td class="text-lf pl10" colspan="7">{{ menu.name }}</td>
-                  </template>
-                </tr>
-              </tbody>
-            </table>
-            <div class="flex justify-end align-center">
-              <div class="gd-1 pl0 pr0">
-                <button class="large-btn blue-btn" @click="fnUpdate" v-if="pageAuth.mdfcnAuthrt == 'Y'">
-                  저장
-                </button>
+          <div class="setting-box">
+
+            <div class="node-zone">
+              <ul class="tree">
+                <template v-if="authorList.length > 0">
+                  <Hierachy v-for="(author, index) in authorList" :key="index" :nodeList="author" :icon="iconPath"
+                    :selectedNode="selectedAuthrtCd" @changeSelected="fnViewDetail" />
+                </template>
+              </ul>
+            </div>
+            <div class="setting-zone">
+              <div class="tbl-wrap  overflow-y">
+                <table class="data tbl">
+                  <colgroup>
+                    <col width="70%"/>
+                    <col width="5%"/>
+                    <col width="5%"/>
+                    <col width="5%"/>
+                    <col width="5%"/>
+                    <col width="5%"/>
+                    <col width="5%"/>
+                  </colgroup>
+                  <thead>
+                    <tr>
+                      <th class="sticy">메뉴명</th>
+                      <th class="sticy">전체</th>
+                      <th class="sticy">읽기</th>
+                      <th class="sticy">쓰기</th>
+                      <th class="sticy">수정</th>
+                      <th class="sticy">삭제</th>
+                      <th class="sticy">파일</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr v-for="(menu, index) in menuList" :key="index">
+                      <template v-if="menu.upMenuId != null">
+                        <td>{{ menu.name }}</td>
+                        <td>
+                          <input type="checkbox" :checked="menu['inqAuthrt'] == 'Y' &&
+                            menu['regAuthrt'] == 'Y' &&
+                            menu['mdfcnAuthrt'] == 'Y' &&
+                            menu['delAuthrt'] == 'Y' &&
+                            menu['fileDwnldAuthrt'] == 'Y'
+                            " v-model="menu['checkedAll']" true-value="Y" false-value="N" @change="fnChecked(menu)" />
+                            <label></label>
+                        </td>
+                        <td>
+                          <input type="checkbox" v-model="menu['inqAuthrt']" true-value="Y" false-value="N" />
+                          <label></label>
+                        </td>
+                        <td>
+                          <input type="checkbox" v-model="menu['regAuthrt']" true-value="Y" false-value="N" />
+                          <label></label>
+                        </td>
+                        <td>
+                          <input type="checkbox" v-model="menu['mdfcnAuthrt']" true-value="Y" false-value="N" />
+                          <label></label>
+                        </td>
+                        <td>
+                          <input type="checkbox" v-model="menu['delAuthrt']" true-value="Y" false-value="N" />
+                          <label></label>
+                        </td>
+                        <td>
+                          <input type="checkbox" v-model="menu['fileDwnldAuthrt']" true-value="Y" false-value="N" />
+                          <label></label>
+                        </td>
+                      </template>
+                      <template v-else>
+                        <td class="text-lf pl10" colspan="7">{{ menu.name }}</td>
+                      </template>
+                    </tr>
+                  </tbody>
+                </table>
               </div>
             </div>
-          </div>
-        </div>
-      </div>
+         </div>
+        <!-- </div> -->
     </div>
   </div>
+  <div class="btn-wrap">
+      <button class="btn sm primary" @click="fnUpdate" v-if="pageAuth.mdfcnAuthrt == 'Y'">
+        저장
+      </button>
+  </div>
 </template>
 
 <script>

88a161e

c2a0ffb

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 admin-style overflow-y">
-        <div class="admin-page-title point-font2 mb30">
-            <p>게시판 관리</p>
-        </div>
-        <details open class="form-table-style mb30">
-            <summary class="point-font2">
-                <p class="summary-style pl10">기본 설정</p>
-            </summary>
-            <div class="pt10 pb10">
-                <table class="form-table">
-                    <colgroup>
-                        <col width="50%" />
-                        <col width="50%" />
-                    </colgroup>
-                    <tr>
-                        <td>
-                            <div class="gd-12 pl0">
-                                <label for="" class="form-title point-font2 mb10">게시판명</label>
-                                <input type="text" class="full-input" v-model="bbsMng.bbsNm"
-                                    placeholder="게시판명을 입력하세요." />
-                            </div>
-                        </td>
-                        <td>
-                            <div class="gd-12 pl0">
-                                <p class="form-title point-font2 mb10">게시판 상단 정보</p>
-                                <input type="text" class="full-input" v-model="bbsMng.bbsUpInfo"
-                                    placeholder="게시판 상단에 표기될 정보를 입력하세요." />
-                            </div>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td colspan="2">
-                            <div class="gd-12 pl0">
-                                <p class="form-title point-font2 mb10">게시판 설명</p>
-                                <input type="text" class="full-input" v-model="bbsMng.bbsExpln"
-                                    placeholder="게시판 설명을 입력하세요." />
-                            </div>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <div class="gd-12 pl0">
-                                <label for="" class="form-title point-font2 mb10">게시판 유형</label>
-                                <select name="" id="" class="full-select" @change="typeSelect"
-                                    :disabled="bbsMng.bbsMngId != null">
-                                    <option :value="null" disabled :selected="bbsMng.bbsTypeId == null">
-                                        선택해주세요
-                                    </option>
-                                    <option v-for="(item, idx) in bbsTypeList" :value="item.bbsTypeId" :key="idx">
-                                        {{ item.bbsTypeKornNm }}
-                                    </option>
-                                </select>
-                            </div>
-                        </td>
-                        <td>
-                            <div class="gd-12 pl0">
-                                <label for="" class="form-title point-font2 mb10">목록 개수</label>
-                                <input type="number" class="full-input" v-model="bbsMng.artclCnt" />
-                            </div>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <div class="gd-12 pl0">
-                                <label for="" class="form-title point-font2 mb10">페이지 유형</label>
-                                <select name="" id="" class="full-select" v-model="bbsMng.cd">
-                                    <option :value="null" disabled>선택해주세요</option>
-                                    <option v-for="(item, idx) in pageTypeList" :value="item.cd" :key="idx">
-                                        {{ item.cdNm }}
-                                    </option>
-                                </select>
-                            </div>
-                        </td>
-                    </tr>
-                </table>
-            </div>
-        </details>
-        <details open class="form-table-style mb30">
-            <summary class="point-font2">
-                <p class="summary-style pl10">세부설정</p>
-            </summary>
-            <div class="pt10 pb10">
-                <table class="form-table">
-                    <colgroup>
-                        <col width="50%" />
-                        <col width="50%" />
-                    </colgroup>
-                    <tr>
-                        <td>
-                            <div class="gd-12 pr0">
-                                <label for="" class="form-title point-font2 mb10">첨부파일 기능</label>
-                                <div class="flex align-center no-gutters">
-                                    <div class="gd-4">
-                                        <input type="radio" name="file" id="file-y" class="mr5" value="Y"
-                                            v-model="bbsMng.atchFileUseYn" :disabled="selectedType === 'faq'" />
-                                        <label for="file-y">사용</label>
-                                    </div>
-                                    <div class="gd-4">
-                                        <input type="radio" name="file" id="file-n" class="mr5" value="N"
-                                            v-model="bbsMng.atchFileUseYn" :disabled="selectedType === 'faq'" />
-                                        <label for="file-n">미사용</label>
-                                    </div>
+    <div class="content-zone">
+        <div class="content">
+            <div class="scroll">
+                <div class="title-zone">
+                    <div class="page-title">
+                        <p>게시판 관리</p>
+                    </div>
+                    <PagiNavigationBar />
+                </div>
+                <div class="form-box">
+                    <div class="form-box-title">
+                        <p>기본 설정</p>
+                    </div>
+                    <div class="form-content">
+                        <div>
+                            <label class="form-title">게시판명</label>
+                            <input type="text" class="form-control sm" v-model="bbsMng.bbsNm"
+                                placeholder="게시판명을 입력하세요." />
+                        </div>
+                        <div>
+                            <label class="form-title">게시판 상단 정보</label>
+                            <input type="text" class="form-control sm" v-model="bbsMng.bbsUpInfo"
+                                placeholder="게시판 상단에 표기될 정보를 입력하세요." />
+                        </div>
+                        <div>
+                            <label class="form-title">게시판 설명</label>
+                            <input type="text" class="form-control sm" v-model="bbsMng.bbsExpln"
+                                placeholder="게시판 설명을 입력하세요." />
+                        </div>
+                        <div>
+                            <label class="form-title">게시판 유형</label>
+                            <select name="" id="" class="form-select sm" @change="typeSelect"
+                                :disabled="bbsMng.bbsMngId != null">
+                                <option :value="null" disabled :selected="bbsMng.bbsTypeId == null">
+                                    선택해주세요
+                                </option>
+                                <option v-for="(item, idx) in bbsTypeList" :value="item.bbsTypeId" :key="idx">
+                                    {{ item.bbsTypeKornNm }}
+                                </option>
+                            </select>
+                        </div>
+                        <div>
+                            <label class="form-title">목록 개수</label>
+                            <input type="number" class="form-control sm" v-model="bbsMng.artclCnt" />
+                        </div>
+                        <div>
+                            <label class="form-title">페이지 유형</label>
+                            <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">
+                                    {{ item.cdNm }}
+                                </option>
+                            </select>
+                        </div>
+                    </div>
+                </div>
+                <div class="form-box mb30">
+                    <div  class="form-box-title">
+                        <p>세부설정</p>
+                    </div>
+                    <div class="form-content">
+                        <div>
+                            <label class="form-title">첨부파일 기능</label>
+                            <div class="check-area">
+                                <div class="form-check">
+                                    <input type="radio" name="file" id="file-y" class="mr5" value="Y"
+                                        v-model="bbsMng.atchFileUseYn" :disabled="selectedType === 'faq'" />
+                                    <label for="file-y">사용</label>
+                                </div>
+                                <div class="form-check">
+                                    <input type="radio" name="file" id="file-n" class="mr5" value="N"
+                                        v-model="bbsMng.atchFileUseYn" :disabled="selectedType === 'faq'" />
+                                    <label for="file-n">미사용</label>
                                 </div>
                             </div>
-                        </td>
-                        <td>
-                            <div class="gd-12 pr0">
-                                <label for="" class="form-title point-font2 mb10">공지글 기능</label>
-                                <div class="flex align-center no-gutters">
-                                    <div class="gd-4">
-                                        <input type="radio" name="notice" id="notice-y" class="mr5" value="Y"
-                                            v-model="bbsMng.ntcUseYn" :disabled="selectedType === 'faq'" />
-                                        <label for="notice-y">사용</label>
-                                    </div>
-                                    <div class="gd-4">
-                                        <input type="radio" name="notice" id="notice-n" class="mr5" value="N"
-                                            v-model="bbsMng.ntcUseYn" :disabled="selectedType === 'faq'" />
-                                        <label for="notice-n">미사용</label>
-                                    </div>
+                        </div>
+                        <div>
+                            <label class="form-title">공지글 기능</label>
+                            <div class="check-area">
+                                <div class="form-check">
+                                    <input type="radio" name="notice" id="notice-y" class="mr5" value="Y"
+                                        v-model="bbsMng.ntcUseYn" :disabled="selectedType === 'faq'" />
+                                    <label for="notice-y">사용</label>
+                                </div>
+                                <div class="form-check">
+                                    <input type="radio" name="notice" id="notice-n" class="mr5" value="N"
+                                        v-model="bbsMng.ntcUseYn" :disabled="selectedType === 'faq'" />
+                                    <label for="notice-n">미사용</label>
                                 </div>
                             </div>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td colspan="2">
-                            <div class="gd-12 pl0">
-                                <p class="form-title point-font2 mb10">첨부파일 확장자</p>
-                                <div class="flex align-center mb10">
-                                    <div class="gd-4 pl0">
-                                        <input type="text" class="full-input" v-model="inputExtNm" placeholder="첨부파일 확장자를 입력하세요"
-                                            @keyup.enter="addinputExtNm" />
-                                    </div>
-                                    <button class="small-btn blue-btn" @click="addinputExtNm">
-                                        추가
-                                    </button>
+                        </div>
+                        <div>
+                            <label class="form-title">첨부파일 확장자</label>
+                            <div>
+                                <div class="input-group">
+                                    <input type="text" class="form-control sm" v-model="inputExtNm" placeholder="첨부파일 확장자를 입력하세요"
+                                        @keyup.enter="addinputExtNm" />
+                                    <button class="btn-ico xsm ico-plus" @click="addinputExtNm" title="추가"></button>
                                 </div>
-
-
                                 <div v-if="bbsMng.fileExtnNmList?.length > 0">
                                     <p>사용할 확장자</p>
                                     <div v-for="(item, idx) in bbsMng.fileExtnNmList" :key="idx"

                                     <p>모든 확장자</p>
                                 </div>
                             </div>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td colspan="2">
-                            <div class="gd-12 pl0">
-                                <p class="form-title point-font2 mb10">파일크기 제한</p>
-                                <div>
-                                    <input type="number" class="" v-model="bbsMng.fileSzLmt"
-                                        placeholder="첨부파일 파일 크기를 입력하세요(0 입력 시 제한 없음)" />
-                                    <span>MByte</span>
+                        </div>
+                        <div>
+                            <label class="form-title">파일크기 제한</label>
+                            <div class="input-group">
+                                <input type="number" class="form-control sm" v-model="bbsMng.fileSzLmt"
+                                    placeholder="첨부파일 파일 크기를 입력하세요(0 입력 시 제한 없음)" />
+                                <span>MByte</span>
+                            </div>
+                        </div>
+                        <div>
+                            <label class="form-title">비밀글 기능</label>
+                            <div class="check-area">
+                                <div class="form-check">
+                                    <input type="radio" name="private" id="private-y" class="mr5" value="Y"
+                                        v-model="bbsMng.prvtPstUseYn" />
+                                    <label for="private-y">사용</label>
+                                </div>
+                                <div class="form-check">
+                                    <input type="radio" name="private" id="private-n" class="mr5" value="N"
+                                        v-model="bbsMng.prvtPstUseYn" />
+                                    <label for="private-n">미사용</label>
                                 </div>
                             </div>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <div class="gd-12 pr0">
-                                <label for="" class="form-title point-font2 mb10">비밀글 기능</label>
-                                <div class="flex align-center no-gutters">
-                                    <div class="gd-4">
-                                        <input type="radio" name="private" id="private-y" class="mr5" value="Y"
-                                            v-model="bbsMng.prvtPstUseYn" />
-                                        <label for="private-y">사용</label>
-                                    </div>
-                                    <div class="gd-4">
-                                        <input type="radio" name="private" id="private-n" class="mr5" value="N"
-                                            v-model="bbsMng.prvtPstUseYn" />
-                                        <label for="private-n">미사용</label>
-                                    </div>
+                        </div>
+                        <div class="border-bottom">
+                            <label class="form-title">이전글/다음글 기능</label>
+                            <div class="check-area">
+                                <div class="form-check">
+                                    <input type="radio" name="bf" id="bf-y" class="mr5" value="Y"
+                                        v-model="bbsMng.bfrAftrPstUseYn" />
+                                    <label for="bf-y">사용</label>
+                                </div>
+                                <div class="form-check">
+                                    <input type="radio" name="bf" id="bf-n" class="mr5" value="N"
+                                        v-model="bbsMng.bfrAftrPstUseYn" />
+                                    <label for="bf-n">미사용</label>
                                 </div>
                             </div>
-                        </td>
-                        <td>
-                            <div class="gd-12 pr0">
-                                <label for="" class="form-title point-font2 mb10">이전글/다음글 기능</label>
-                                <div class="flex align-center no-gutters">
-                                    <div class="gd-4">
-                                        <input type="radio" name="bf" id="bf-y" class="mr5" value="Y"
-                                            v-model="bbsMng.bfrAftrPstUseYn" />
-                                        <label for="bf-y">사용</label>
-                                    </div>
-                                    <div class="gd-4">
-                                        <input type="radio" name="bf" id="bf-n" class="mr5" value="N"
-                                            v-model="bbsMng.bfrAftrPstUseYn" />
-                                        <label for="bf-n">미사용</label>
-                                    </div>
+                        </div>
+                        <div>
+                            <label class="form-title">댓글 기능</label>
+                            <div class="check-area">
+                                <div class="form-check">
+                                    <input type="radio" name="comment" id="comment-y" class="mr5" value="Y"
+                                        v-model="bbsMng.cmntUseYn" />
+                                    <label for="comment-y">사용</label>
+                                </div>
+                                <div class="form-check">
+                                    <input type="radio" name="comment" id="comment-n" class="mr5" value="N"
+                                        v-model="bbsMng.cmntUseYn" />
+                                    <label for="comment-n">미사용</label>
                                 </div>
                             </div>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <div class="gd-12 pr0">
-                                <label for="" class="form-title point-font2 mb10">댓글 기능</label>
-                                <div class="flex align-center no-gutters">
-                                    <div class="gd-4">
-                                        <input type="radio" name="comment" id="comment-y" class="mr5" value="Y"
-                                            v-model="bbsMng.cmntUseYn" />
-                                        <label for="comment-y">사용</label>
-                                    </div>
-                                    <div class="gd-4">
-                                        <input type="radio" name="comment" id="comment-n" class="mr5" value="N"
-                                            v-model="bbsMng.cmntUseYn" />
-                                        <label for="comment-n">미사용</label>
-                                    </div>
-                                </div>
-                            </div>
-                        </td>
-                    </tr>
-                </table>
-            </div>
-        </details>
-
-        <!-- <div class="flex justify-end align-center no-gutters">
-            <div class="gd-1">
-                <button class="large-btn blue-btn">저장</button>
-            </div>
-        </div> -->
-        <div class="flex justify-end align-center no-gutters">
-            <div class="gd-1 mr10">
-                <button class="large-btn blue-btn" @click="fnInsert">
-                    {{ bbsMng.bbsMngId == null ? "등록" : "수정" }}
-                </button>
-            </div>
-            <div class="gd-1">
-                <button class="large-btn gray-btn" @click="fnCancel">취소</button>
+                        </div>
+                    </div>
+                </div>
             </div>
         </div>
     </div>
+    <div class="btn-wrap">
+            <button class="btn sm primary" @click="fnInsert">
+                {{ bbsMng.bbsMngId == null ? "등록" : "수정" }}
+            </button>
+            <button class="btn sm tertiary" @click="fnCancel">취소</button>
+    </div>
 </template>
 
 <script>

88a161e

c2a0ffb

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

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

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


 <template>
-    <div class="content">
-        <div class="admin-page-title  point-font2 mb30">
-            <p>게시판 관리</p>
-        </div>
-        <div class="search-bar mb15">
-            <div class="flex justify-end align-center no-gutters">
-                <div class="gd-6 mr10">
-                    <div class="border">
-                        <select name="selectType" id="selectType" class="border-none gd-2" 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="full-input border-none gd-10 condition-input" v-model="search.searchText" @keyup.enter="findAll">
+    <div class="content-zone">
+        <div class="content">
+            <div class="scroll">
+                <div class="title-zone">
+                    <div class="page-title">
+                        <p>게시판 관리</p>
                     </div>
+                    <PagiNavigationBar />
                 </div>
-                <div class="gd-1">
-                    <button class="large-btn blue-border-btn" @click="findAll">검색</button>
+                <div class="search-bar ">
+                    <select name="selectType" id="selectType" 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" v-model="search.searchText" @keyup.enter="findAll">
+    
+        
+                    <button class="btn sm ico-before ico-sch" @click="findAll">검색</button>
+                </div>
+                <div class="tbl-wrap">
+                    <table class="tbl data cursor mixing">
+                        <colgroup>
+                            <col v-for="(w, idx) in colgroup" :width="w" :key="idx" />
+                        </colgroup>
+                        <thead>
+                            <tr>
+                                <th rowspan="2">번호</th>
+                                <th rowspan="2">게시판명</th>
+                                <th rowspan="2">유형</th>
+                                <th colspan="5">세부기능</th>
+                                <th rowspan="2">게시물수</th>
+                            </tr>
+                            <tr>
+                                <th>첨부</th>
+                                <th>공지</th>
+                                <th>비밀</th>
+                                <th>이전/다음</th>
+                                <th>댓글</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr v-for="(row, idx) in tbody" :key="idx" @click="fnView(idx)" class="cursor">
+                                <td v-for="(content, index) in row" :key="index"
+                                    :class="index === 'bbsNm' ? 'text-lf' : 'text-ct'">
+                                    {{ content }}
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
                 </div>
             </div>
         </div>
-        <div class="table-zone">
-            <table class="list-table mb10 admin-list complex-table">
-                <colgroup>
-                    <col v-for="(w, idx) in colgroup" :width="w" :key="idx" />
-                </colgroup>
-                <thead>
-                    <tr>
-                        <th rowspan="2">번호</th>
-                        <th rowspan="2">게시판명</th>
-                        <th rowspan="2">유형</th>
-                        <th colspan="5">세부기능</th>
-                        <th rowspan="2">게시물수</th>
-                    </tr>
-                    <tr>
-                        <th>첨부</th>
-                        <th>공지</th>
-                        <th>비밀</th>
-                        <th>이전/다음</th>
-                        <th>댓글</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <!-- <tr>
-                        <td class="text-ct">1</td>
-                        <td class="text-ct">공지사항</td>
-                        <td class="text-ct">일반</td>
-                        <td class="text-ct">y</td>
-                        <td class="text-ct">y</td>
-                        <td class="text-ct">y</td>
-                        <td class="text-ct">y</td>
-                        <td class="text-ct">y</td>
-                        <td class="text-ct">6</td>
-                    </tr> -->
-                    <tr v-for="(row, idx) in tbody" :key="idx" @click="fnView(idx)" class="cursor">
-                        <td v-for="(content, index) in row" :key="index"
-                            :class="index === 'bbsNm' ? 'text-lf' : 'text-ct'">
-                            {{ content }}
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-        <div class="flex justify-between align-center no-gutters">
-            <div class="gd-1"></div>
-            <div class="gd-10">
-                <PaginationButton :className="'admin-pagination'"
-                    v-model:currentPage="search.currentPage"
-                    :pagination = 'search'
-                    :click="findAll"
-                />
-            </div>
-            <div class="gd-1">
-                <button class="large-btn blue-btn" @click="fnAdd">등록</button>
-            </div>
-        </div>
+    </div>
+    <div class="btn-wrap list">
+        <div></div>
+        <PaginationButton :className="'pagination'"
+            v-model:currentPage="search.currentPage"
+            :pagination = 'search'
+            :click="findAll"
+        />
+
+        <button class="btn sm primary" @click="fnAdd">등록</button>
+
     </div>
 </template>
 

88a161e

c2a0ffb

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 admin-style overflow-y">
-    <div class="admin-page-title point-font2 mb30">
-      <p>게시판 관리</p>
-    </div>
-    <details open class="form-table-style mb30">
-      <summary class="point-font2">
-        <p class="summary-style pl10">기본 설정</p>
-      </summary>
-      <div class="pt10 pb10">
-        <table class="form-table">
-          <colgroup>
-            <col width="50%" />
-            <col width="50%" />
-          </colgroup>
-          <tr>
-            <td>
-              <div class="gd-12 pl0">
-                <label for="" class="form-title point-font2 mb10"
-                  >게시판명</label
+  <div class="content-zone">
+    <div class="content">
+      <div class="scroll">
+        <div class="title-zone">
+          <div class="page-title">
+            <p>게시판 관리</p>
+          </div>
+          <PagiNavigationBar />
+        </div>
+        <div class="form-box mb30">
+          <div class="form-box-title">
+            <p >기본 설정</p>
+          </div>
+          <div class="form-content">
+            <div>
+                <p class="form-title"
+                  >게시판명</p
                 >
-                <input
+                <p>{{ bbsMng.bbsNm }}</p>
+                <!-- <input
                   type="text"
                   class="full-input"
                   v-model="bbsMng.bbsNm"
                   disabled
-                />
+                /> -->
               </div>
-            </td>
-            <td>
-              <div class="gd-12 pl0">
-                <p class="form-title point-font2 mb10">게시판 상단 정보</p>
-                <input
+              <div>
+                <p class="form-title">게시판 상단 정보</p>
+                <p>{{bbsMng.bbsUpInfo}}</p>
+                <!-- <input
                   type="text"
                   class="full-input"
                   v-model="bbsMng.bbsUpInfo"
                   disabled
-                />
+                /> -->
               </div>
-            </td>
-          </tr>
-          <tr>
-            <td colspan="2">
-              <div class="gd-12 pl0">
-                <p class="form-title point-font2 mb10">게시판 설명</p>
-                <input
+              <div>
+                <p class="form-title">게시판 설명</p>
+                <p>{{ bbsMng.bbsExpln }}</p>
+                <!-- <input
                   type="text"
                   class="full-input"
                   v-model="bbsMng.bbsExpln"
                   disabled
-                />
+                /> -->
               </div>
-            </td>
-          </tr>
-          <tr>
-            <td>
-              <div class="gd-12 pl0">
-                <label for="" class="form-title point-font2 mb10"
-                  >게시판 유형</label
-                >
-                <select
+              <div>
+                <p class="form-title">게시판 유형</p>
+                <p>{{ bbsMng.bbsTypeId }}</p>
+                <!-- <select
                   name=""
                   id=""
                   class="full-select"

                   >
                     {{ item.bbsTypeKornNm }}
                   </option>
-                </select>
+                </select> -->
               </div>
-            </td>
-            <td>
-              <div class="gd-12 pl0">
-                <label for="" class="form-title point-font2 mb10"
-                  >목록 개수</label
+              <div>
+                <p class="form-title"
+                  >목록 개수</p
                 >
-                <input
+                <p>{{ bbsMng.artclCnt }}</p>
+                <!-- <input
                   type="number"
                   class="full-input"
                   v-model="bbsMng.artclCnt"
                   disabled
-                />
+                /> -->
               </div>
-            </td>
-          </tr>
-          <tr>
-            <td>
-              <div class="gd-12 pl0">
-                <label for="" class="form-title point-font2 mb10"
-                  >페이지 유형</label
-                >
-                <select
+              <div>
+                <p class="form-title">페이지 유형</p>
+                <p>{{ bbsMng.cd }}</p>
+                <!-- <select
                   name=""
                   id=""
                   class="full-select"

                   >
                     {{ item.cdNm }}
                   </option>
-                </select>
+                </select> -->
               </div>
-            </td>
-          </tr>
-        </table>
-      </div>
-    </details>
-    <details open class="form-table-style mb30">
-      <summary class="point-font2">
-        <p class="summary-style pl10">세부설정</p>
-      </summary>
-      <div class="pt10 pb10">
-        <table class="form-table">
-          <colgroup>
-            <col width="50%" />
-            <col width="50%" />
-          </colgroup>
-          <tr>
-            <td>
-              <div class="gd-12 pr0">
-                <label for="" class="form-title point-font2 mb10"
-                  >첨부파일 기능</label
-                >
-                <div class="flex align-center no-gutters">
-                  <div class="gd-4">
-                    <input
-                      type="radio"
-                      name="file"
-                      id="file-y"
-                      class="mr5"
-                      value="Y"
-                      v-model="bbsMng.atchFileUseYn"
-                      disabled
-                    />
-                    <label for="file-y">사용</label>
-                  </div>
-                  <div class="gd-4">
-                    <input
-                      type="radio"
-                      name="file"
-                      id="file-n"
-                      class="mr5"
-                      value="N"
-                      v-model="bbsMng.atchFileUseYn"
-                      disabled
-                    />
-                    <label for="file-n">미사용</label>
-                  </div>
+          </div>
+        </div>
+        <div class="form-box">
+          <div class="form-box-title">
+            <p>세부설정</p>
+          </div>
+          <div class="form-content">
+            <div>
+              <p class="form-title">첨부파일 기능</p>
+              <p>{{ bbsMng.atchFileUseYn }}</p>
+              <!-- <div class="flex align-center no-gutters">
+                <div class="gd-4">
+                  <input
+                    type="radio"
+                    name="file"
+                    id="file-y"
+                    class="mr5"
+                    value="Y"
+                    v-model="bbsMng.atchFileUseYn"
+                    disabled
+                  />
+                  <label for="file-y">사용</label>
                 </div>
-              </div>
-            </td>
-            <td>
-              <div class="gd-12 pr0">
-                <label for="" class="form-title point-font2 mb10"
-                  >공지글 기능</label
-                >
-                <div class="flex align-center no-gutters">
-                  <div class="gd-4">
-                    <input
-                      type="radio"
-                      name="notice"
-                      id="notice-y"
-                      class="mr5"
-                      value="Y"
-                      v-model="bbsMng.ntcUseYn"
-                      disabled
-                    />
-                    <label for="notice-y">사용</label>
-                  </div>
-                  <div class="gd-4">
-                    <input
-                      type="radio"
-                      name="notice"
-                      id="notice-n"
-                      class="mr5"
-                      value="N"
-                      v-model="bbsMng.ntcUseYn"
-                      disabled
-                    />
-                    <label for="notice-n">미사용</label>
-                  </div>
+                <div class="gd-4">
+                  <input
+                    type="radio"
+                    name="file"
+                    id="file-n"
+                    class="mr5"
+                    value="N"
+                    v-model="bbsMng.atchFileUseYn"
+                    disabled
+                  />
+                  <label for="file-n">미사용</label>
                 </div>
-              </div>
-            </td>
-          </tr>
-          <tr>
-            <td colspan="2">
-              <div class="gd-12 pl0">
-                <p class="form-title point-font2 mb10">첨부파일 확장자</p>
-                <input
-                  type="text"
-                  class="full-input"
-                  v-model="bbsMng.fileExtnNm"
-                  disabled
-                />
-              </div>
-            </td>
-          </tr>
-          <tr>
-            <td colspan="2">
-              <div class="gd-12 pl0">
-                <p class="form-title point-font2 mb10">파일크기 제한</p>
-                <input
-                  type="number"
-                  class=""
-                  v-model="bbsMng.fileSzLmt"
-                  disabled
-                />
-                <span>MByte</span>
-              </div>
-            </td>
-          </tr>
-          <tr>
-            <td>
-              <div class="gd-12 pr0">
-                <label for="" class="form-title point-font2 mb10"
-                  >비밀글 기능</label
-                >
-                <div class="flex align-center no-gutters">
-                  <div class="gd-4">
-                    <input
-                      type="radio"
-                      name="private"
-                      id="private-y"
-                      class="mr5"
-                      value="Y"
-                      v-model="bbsMng.prvtPstUseYn"
-                      disabled
-                    />
-                    <label for="private-y">사용</label>
-                  </div>
-                  <div class="gd-4">
-                    <input
-                      type="radio"
-                      name="private"
-                      id="private-n"
-                      class="mr5"
-                      value="N"
-                      v-model="bbsMng.prvtPstUseYn"
-                      disabled
-                    />
-                    <label for="private-n">미사용</label>
-                  </div>
+              </div> -->
+            </div>
+            <div>
+              <p class="form-title">공지글 기능</p>
+              <p>{{ bbsMng.ntcUseYn }}</p>
+              <!-- <div class="flex align-center no-gutters">
+                <div class="gd-4">
+                  <input
+                    type="radio"
+                    name="notice"
+                    id="notice-y"
+                    class="mr5"
+                    value="Y"
+                    v-model="bbsMng.ntcUseYn"
+                    disabled
+                  />
+                  <label for="notice-y">사용</label>
                 </div>
-              </div>
-            </td>
-            <td>
-              <div class="gd-12 pr0">
-                <label for="" class="form-title point-font2 mb10"
-                  >이전글/다음글 기능</label
-                >
-                <div class="flex align-center no-gutters">
-                  <div class="gd-4">
-                    <input
-                      type="radio"
-                      name="bf"
-                      id="bf-y"
-                      class="mr5"
-                      value="Y"
-                      v-model="bbsMng.bfrAftrPstUseYn"
-                      disabled
-                    />
-                    <label for="bf-y">사용</label>
-                  </div>
-                  <div class="gd-4">
-                    <input
-                      type="radio"
-                      name="bf"
-                      id="bf-n"
-                      class="mr5"
-                      value="N"
-                      v-model="bbsMng.bfrAftrPstUseYn"
-                      disabled
-                    />
-                    <label for="bf-n">미사용</label>
-                  </div>
+                <div class="gd-4">
+                  <input
+                    type="radio"
+                    name="notice"
+                    id="notice-n"
+                    class="mr5"
+                    value="N"
+                    v-model="bbsMng.ntcUseYn"
+                    disabled
+                  />
+                  <label for="notice-n">미사용</label>
                 </div>
-              </div>
-            </td>
-          </tr>
-          <tr>
-            <td>
-              <div class="gd-12 pr0">
-                <label for="" class="form-title point-font2 mb10"
-                  >댓글 기능</label
-                >
-                <div class="flex align-center no-gutters">
-                  <div class="gd-4">
-                    <input
-                      type="radio"
-                      name="comment"
-                      id="comment-y"
-                      class="mr5"
-                      value="Y"
-                      v-model="bbsMng.cmntUseYn"
-                      disabled
-                    />
-                    <label for="comment-y">사용</label>
-                  </div>
-                  <div class="gd-4">
-                    <input
-                      type="radio"
-                      name="comment"
-                      id="comment-n"
-                      class="mr5"
-                      value="N"
-                      v-model="bbsMng.cmntUseYn"
-                      disabled
-                    />
-                    <label for="comment-n">미사용</label>
-                  </div>
+              </div> -->
+            </div>
+            <div>
+              <p class="form-title">첨부파일 확장자</p>
+              <p>{{ bbsMng.fileExtnNm }}</p>
+              <!-- <input
+                type="text"
+                class="full-input"
+                v-model="bbsMng.fileExtnNm"
+                disabled
+              /> -->
+            </div>
+            <div>
+              <p class="form-title">파일크기 제한</p>
+              <p>{{ bbsMng.fileSzLmt }}</p>
+              <!-- <input
+                type="number"
+                class=""
+                v-model="bbsMng.fileSzLmt"
+                disabled
+              /> -->
+              <span>MByte</span>
+            </div>
+            <div class="gd-12 pr0">
+              <p class="form-title">비밀글 기능</p>
+              <p>{{ bbsMng.prvtPstUseYn }}</p>
+              <!-- <div class="flex align-center no-gutters">
+                <div class="gd-4">
+                  <input
+                    type="radio"
+                    name="private"
+                    id="private-y"
+                    class="mr5"
+                    value="Y"
+                    v-model="bbsMng.prvtPstUseYn"
+                    disabled
+                  />
+                  <label for="private-y">사용</label>
                 </div>
-              </div>
-            </td>
-          </tr>
-        </table>
-      </div>
-    </details>
-
-    <div class="flex justify-end align-center no-gutters">
-      <div class="gd-1 mr10">
-        <button class="large-btn gray-border-btn" @click="fnList">목록</button>
-      </div>
-      <div class="gd-1 mr10">
-        <button class="large-btn blue-border-btn" @click="fnUpdate">
-          수정
-        </button>
-      </div>
-      <div class="gd-1">
-        <button class="large-btn red-border-btn" @click="fnDelete">삭제</button>
+                <div class="gd-4">
+                  <input
+                    type="radio"
+                    name="private"
+                    id="private-n"
+                    class="mr5"
+                    value="N"
+                    v-model="bbsMng.prvtPstUseYn"
+                    disabled
+                  />
+                  <label for="private-n">미사용</label>
+                </div>
+              </div> -->
+            </div>
+            <div class="border-bottom">
+              <p class="form-title">이전글/다음글 기능</p>
+              <p>{{ bbsMng.bfrAftrPstUseYn }}</p>
+              <!-- <div class="flex align-center no-gutters">
+                <div class="gd-4">
+                  <input
+                    type="radio"
+                    name="bf"
+                    id="bf-y"
+                    class="mr5"
+                    value="Y"
+                    v-model="bbsMng.bfrAftrPstUseYn"
+                    disabled
+                  />
+                  <label for="bf-y">사용</label>
+                </div>
+                <div class="gd-4">
+                  <input
+                    type="radio"
+                    name="bf"
+                    id="bf-n"
+                    class="mr5"
+                    value="N"
+                    v-model="bbsMng.bfrAftrPstUseYn"
+                    disabled
+                  />
+                  <label for="bf-n">미사용</label>
+                </div>
+              </div> -->
+            </div>
+            <div>
+              <p class="form-title">댓글 기능</p>
+              <p>{{ bbsMng.cmntUseYn }}</p>
+              <!-- <div class="flex align-center no-gutters">
+                <div class="gd-4">
+                  <input
+                    type="radio"
+                    name="comment"
+                    id="comment-y"
+                    class="mr5"
+                    value="Y"
+                    v-model="bbsMng.cmntUseYn"
+                    disabled
+                  />
+                  <label for="comment-y">사용</label>
+                </div>
+                <div class="gd-4">
+                  <input
+                    type="radio"
+                    name="comment"
+                    id="comment-n"
+                    class="mr5"
+                    value="N"
+                    v-model="bbsMng.cmntUseYn"
+                    disabled
+                  />
+                  <label for="comment-n">미사용</label>
+                </div>
+              </div> -->
+            </div>
+          </div>
+        </div>
       </div>
     </div>
   </div>
+  <div class="btn-wrap">
+      <button class="btn sm tertiary" @click="fnList">목록</button>
+      <button class="btn sm primary" @click="fnUpdate">
+        수정
+      </button>
+      <button class="btn sm red" @click="fnDelete">삭제</button>
+  </div>
 </template>
 
 <script>

88a161e

c2a0ffb

client/views/pages/adm/boardManagement/wordsManagement/WordsManagementSelectList.vue

--- client/views/pages/adm/boardManagement/wordsManagement/WordsManagementSelectList.vue

+++ client/views/pages/adm/boardManagement/wordsManagement/WordsManagementSelectList.vue


 <template>
-    <div class="content">
-        <div class="admin-page-title  point-font2 mb30">
-            <p>금지어 관리</p>
-        </div>
-        <div class="search-bar mb15">
-            <div class="flex justify-end align-center no-gutters">
-                <div class="gd-6 mr10">
-                    <div class="border">
-                        <select name="" id="" class="border-none gd-2">
-                            <option value="">전체</option>
-                            <option v-for="(item, idx) in codeList" :key="idx" :value="item.cd">{{ item.cdNm }}</option>
-                        </select>
-                        <input type="text" class="full-input border-none gd-10 condition-input" placeholder="검색명을 입력하세요"
-                            v-model="search.searchText" @keyup.enter="fnFindAllWord" />
+    <div class="content-zone">
+        <div class="content">
+            <div class="scroll">
+                <div class="title-zone">
+                    <div class="page-title">
+                        <p>금지어 관리</p>
                     </div>
+                    <PagiNavigationBar />
                 </div>
-                <div class="gd-1">
-                    <button class="large-btn blue-border-btn" @click="fnFindAllWord">검색</button>
+                <div class="search-bar">
+                    <select class="form-select sm">
+                        <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="fnFindAllWord" />
+                    <button class="btn sm ico-before ico-sch" @click="fnFindAllWord">검색</button>
+                </div>
+                <div class="tbl-wrap">
+                    <ListTable :className="'data'" :colgroup="colgroup" :thead="thead" :tbody="tbody">
+                        <template v-slot:checkbox="{ row, idx }">
+                            <div class="form-chip">
+                                <input type="checkbox" name="delCheck" :id="'check' + idx" @change="handleSelect(row, idx)" />
+                                 <label></label>
+                            </div>
+                        </template>
+                    </ListTable>
                 </div>
             </div>
         </div>
-        <ListTable :className="'admin-list'" :colgroup="colgroup" :thead="thead" :tbody="tbody">
-            <template v-slot:checkbox="{ row, idx }">
-                <input type="checkbox" name="delCheck" :id="'check' + idx" @change="handleSelect(row, idx)">
-            </template>
-        </ListTable>
-        <div class="flex justify-between align-center no-gutters">
-            <div class="gd-2"></div>
-            <div class="gd-8">
-                <PaginationButton :className="'admin-pagination'" v-model:currentPage="search.currentPage"
-                    :pagination='search' :click="fnFindAllWord" />
-            </div>
-            <div class="gd-2 flex justify-end align-center">
-                <div class="gd-6 pr0">
-                    <div>
-                        <button class="large-btn red-btn" @click="fnDelete">선택삭제</button>
-                    </div>
-                </div>
-                <div class="gd-6 pr0">
-                    <div>
-                        <button class="large-btn blue-btn" @click="fnAdd">추가</button>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <Modal :showModal="wordsList">
-            <template v-slot:header>
-                <div class="modal-title">
-                    <p>금지어 추가</p>
-                </div>
-                <button class="close-btn" @click="modalClose">X</button>
-            </template>
-            <div class="search mb30">
-                <div class="flex justify-start align-center">
-                    <div class="gd-10 pl0">
-                        <input type="text" class="full-input" placeholder="추가할 금지어를 입력해주세요." v-model="inputWordNm"
-                            @keyup.enter="addinputWord" />
-                    </div>
-                    <div class="gd-2 pl0 pr0">
-                        <button class="large-btn blue-border-btn" @click="addinputWord">추가</button>
-                    </div>
-                </div>
-            </div>
-            <ul style="height:calc(100% - 118px)" class="overflow-y">
-                <li v-for="(item, index) in wordsArr" class="word-item pd10 border radius mb5" :key="index">
-                    {{ item }}
-                    <span class="close-btn ml10" @click="wordsArr.splice(index, 1)">x</span>
-                </li>
-            </ul>
-            <template v-slot:footer>
-                <div class="gd-2">
-                    <button class="large-btn darkg-border-btn ml0" @click="modalClose">취소</button>
-                </div>
-                <div class="gd-2 ">
-                    <button class="large-btn blue-btn ml0" @click="fnSave">등록</button>
-                </div>
-            </template>
-        </Modal>
     </div>
+    <div class="btn-wrap list">
+        <div></div>
+        <PaginationButton :className="'admin-pagination'" v-model:currentPage="search.currentPage"
+            :pagination='search' :click="fnFindAllWord" />
+        <div>
+            <button class="btn sm primary" @click="fnAdd">추가</button>
+            <button class="btn sm red" @click="fnDelete">선택삭제</button>
+        </div>
+    </div>
+    <Modal :showModal="wordsList">
+        <template v-slot:header>
+            <div class="modal-title">
+                <p>금지어 추가</p>
+            </div>
+            <button class="close-btn" @click="modalClose">X</button>
+        </template>
+        <div class="search mb30">
+            <div class="flex justify-start align-center">
+                <div class="gd-10 pl0">
+                    <input type="text" class="full-input" placeholder="추가할 금지어를 입력해주세요." v-model="inputWordNm"
+                        @keyup.enter="addinputWord" />
+                </div>
+                <div class="gd-2 pl0 pr0">
+                    <button class="large-btn blue-border-btn" @click="addinputWord">추가</button>
+                </div>
+            </div>
+        </div>
+        <ul style="height:calc(100% - 118px)" class="overflow-y">
+            <li v-for="(item, index) in wordsArr" class="word-item pd10 border radius mb5" :key="index">
+                {{ item }}
+                <span class="close-btn ml10" @click="wordsArr.splice(index, 1)">x</span>
+            </li>
+        </ul>
+        <template v-slot:footer>
+                <button class="large-btn darkg-border-btn ml0" @click="modalClose">취소</button>
+                <button class="large-btn blue-btn ml0" @click="fnSave">등록</button>
+        </template>
+    </Modal>
 </template>
 
 <script>

88a161e

c2a0ffb

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

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

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


       <div class="setting-box">
           <div class="node-zone">
               <div class="tree">
-                <div>
                   <draggable tag="ul" class="tree-node" :list="codeList" :group="{ name: 'menu' }" item-key="id"
                     handle=".handle" ghost-class="ghost">
                     <template #item="{ element }">

                         @changeSelected="fnViewDetail" />
                     </template>
                   </draggable>
-                </div>
               </div>
               <div class="btn-zone">
                 <template v-if="pageAuth.mdfcnAuthrt == 'Y'">

88a161e

c2a0ffb

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

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

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


           </div>
           <PagiNavigationBar />
         </div>
-        <div open class="form-box">
+        <div class="form-box">
           <div class="form-box-title">
             <p>기본정보</p>
           </div>

Add a comment

Open 0
Closed 0

List

...	...	@@ -119,6 +119,7 @@
119	119	max-width: calc(100% - 180px);
120	120	}
121	121
	122	+ >div,
122	123	.form-group {
123	124	width: calc(100% - 180px);
124	125
...	...	@@ -131,6 +132,7 @@
131	132	}
132	133	}
133	134
	135	+ >div,
134	136	.input-group{
135	137	max-width: calc(100% - 180px);
136	138	}
...	...	@@ -158,6 +160,9 @@
158	160
159	161	&:nth-last-child(-n + 2){
160	162	border-bottom: 0;
	163	+ &.border-bottom{
	164	+ border-bottom: 1px solid var(--tk-gray-10);
	165	+ }
161	166	}
162	167
163	168	&:last-child {
...	...	@@ -222,13 +227,17 @@
222	227	}
223	228	}
224	229
	230	+ &.mb30{
	231	+ margin-bottom: 3rem
	232	+ }
	233	+
225	234
226	235	}
227	236
228	237	.setting-box {
229	238	@include flex-layout(flex, start, start);
230	239	width: 100%;
231		- height: calc(100% - 58.5px);
	240	+ height: calc(100% - 77.5px);
232	241
233	242	.node-zone {
234	243	width: 325px;
...	...	@@ -263,6 +272,8 @@
263	272	// justify-content: flex-end;
264	273	padding: 1rem 0;
265	274	}
	275	+
	276	+
266	277	}
267	278
268	279	.btn-zone {
...	...	@@ -334,3 +345,20 @@
334	345	display: flex;
335	346	align-items: center;
336	347	}
	348	+
	349	+.tbl-wrap{
	350	+ height: 100%;
	351	+
	352	+ &.overflow-y{
	353	+ overflow-y: auto;
	354	+ }
	355	+
	356	+
	357	+}
	358	+.mixing thead th{
	359	+ border-right: 1px solid var(--tk-secondary-30);
	360	+
	361	+ &[rowspan="2"]:last-child{
	362	+ border-right:0;
	363	+ }
	364	+}

...	...	@@ -274,8 +274,10 @@
274	274	}
275	275	&.ico-del {
276	276	background-image: url(#{$url}/component/common/ico_trashcan.svg);
277		-
278	277	}
	278	+ &.ico-plus {
	279	+ background-image: url(#{$url}/component/common/ico_plus_24.svg);
	280	+}
279	281	&.ico-page-prev {
280	282	border-radius: 10rem;
281	283	border: 0.1rem solid var(--#{$prefix}gray-40);

...	...	@@ -14,7 +14,7 @@
14	14	</div>
15	15	<div class="form-content">
16	16	<div>
17		- <label class="form-title">아이디</label>
	17	+ <p class="form-title">아이디</p>
18	18	<p>{{ mbrVO.lgnId }}</p>
19	19	<!-- <input
20	20	type="text"
...	...	@@ -24,7 +24,7 @@
24	24	/> -->
25	25	</div>
26	26	<div>
27		- <label class="form-title">이름</label>
	27	+ <p class="form-title">이름</p>
28	28	<p>{{ mbrVO.mbrNm }}</p>
29	29	<!-- <input
30	30	type="text"
...	...	@@ -35,9 +35,9 @@
35	35	</div>
36	36	<template v-if="showOpt.isMblNo \|\| showOpt.isTelNo">
37	37	<div v-if="showOpt.isMblNo">
38		- <label for="" class="form-title">
	38	+ <p class="form-title">
39	39	휴대폰번호
40		- </label>
	40	+ </p>
41	41	<p>{{ mbrVO.mblTelno }}</p>
42	42	<!-- <input
43	43	type="text"
...	...	@@ -47,7 +47,7 @@
47	47	/> -->
48	48	</div>
49	49	<div v-if="showOpt.isTelNo">
50		- <label class="form-title">전화번호</label>
	50	+ <p class="form-title">전화번호</p>
51	51	<p>{{ mbrVO.telno }}</p>
52	52	<!-- <input
53	53	type="text"
...	...	@@ -59,7 +59,7 @@
59	59	</template>
60	60	<template v-if="showOpt.isEml \|\| showOpt.isSmsAgree \|\| showOpt.isEmlAgree">
61	61	<div v-if="showOpt.isEml">
62		- <label for="" class="form-title point-font2 mb10">이메일</label>
	62	+ <p class="form-title">이메일</p>
63	63	<div class="check-area">
64	64	<p>{{ email.address ? email.id + '@' + email.address : email.id + '@' + email.select }}</p>
65	65	<!-- <input
...	...	@@ -90,9 +90,9 @@
90	90	</div>
91	91
92	92	<div v-if="showOpt.isSmsAgree">
93		- <label class="form-title">
	93	+ <p class="form-title">
94	94	문자수신
95		- </label>
	95	+ </p>
96	96	<p>{{ mbrVO.smsRcptnAgreYn }}</p>
97	97	<!-- <div class="check-area">
98	98	<div class="form-check">
...	...	@@ -123,9 +123,9 @@
123	123	</div>
124	124
125	125	<div v-if="showOpt.isEmlAgree">
126		- <label class="form-title">
	126	+ <p class="form-title">
127	127	이메일수신
128		- </label>
	128	+ </p>
129	129	<p>{{ mbrVO.emlRcptnAgreYn }}</p>
130	130	<!-- <div class="check-area">
131	131	<div class="form-check">
...	...	@@ -158,9 +158,9 @@
158	158	<template v-if="showOpt.isAddr">
159	159
160	160	<div>
161		- <label class="form-title">
	161	+ <p class="form-title">
162	162	우편번호
163		- </label>
	163	+ </p>
164	164	<p>{{ '(' + mbrVO.zip + ')'+ mbrVO.addr + mbrVO.daddr}}</p>
165	165	<!-- <input
166	166	type="text"
...	...	@@ -194,34 +194,37 @@
194	194	<template v-if="showOpt.isStts && pageRole == 'adm'">
195	195
196	196	<div>
197		- <label class="form-title">
	197	+ <p class="form-title">
198	198	회원상태
199		- </label>
200		- <select class="full-select" v-model="mbrVO.mbrStts" disabled>
	199	+ </p>
	200	+ <p>{{mbrVO.mbrStts}}</p>
	201	+ <!-- <select class="full-select" v-model="mbrVO.mbrStts" disabled>
201	202	<option value="1">승인</option>
202	203	<option value="2">승인대기</option>
203	204	<option value="0">탈퇴</option>
204	205	<option value="3">차단</option>
205		- </select>
	206	+ </select> -->
206	207	<div>
207		- <label class="form-title">차단일</label>
208		- <input
	208	+ <p class="form-title">차단일</p>
	209	+ <p>{{ mbrVO.cntrlDt }}</p>
	210	+ <!-- <input
209	211	type="date"
210	212	class="full-input"
211	213	v-model="mbrVO.cntrlDt"
212	214	disabled
213		- />
	215	+ /> -->
214	216	</div>
215	217	</div>
216	218
217	219	<div>
218		- <label class="form-title">차단 사유</label>
219		- <input
	220	+ <p class="form-title">차단 사유</p>
	221	+ <p>{{ mbrVO.cntrlRsn }}</p>
	222	+ <!-- <input
220	223	type="text"
221	224	class="full-input"
222	225	v-model="mbrVO.cntrlRsn"
223	226	disabled
224		- />
	227	+ /> -->
225	228	</div>
226	229	</template>
227	230	<template v-if="showOpt.isAuthor && pageRole == 'adm'">

...	...	@@ -3,7 +3,7 @@
3	3	<AdminHeader />
4	4	<AdminMenu />
5	5	<main class="main-wrap">
6		- <Breadcrumb v-if="$route.path !== '/adm/main.page' && $route.path !== '/main.page'" />
	6	+ <!-- <Breadcrumb v-if="$route.path !== '/adm/main.page' && $route.path !== '/main.page'" /> -->
7	7	<div :class="{'content-wrap': true, 'main': this.$route.path === '/adm/main.page'}">
8	8	<router-view />
9	9	</div>

...	...	@@ -1,73 +1,63 @@
1	1	<template>
2		- <div class="content admin-style">
3		- <div class="admin-page-title point-font2 mb30">
4		- <p>권한 관리</p>
5		- </div>
6		- <details open class="form-table-style mb30">
7		- <summary class="point-font2">
8		- <p class="summary-style pl10">기본정보</p>
9		- </summary>
10		- <div class="pt10 pb10">
11		- <table class="form-table">
12		- <colgroup>
13		- <col width="50%" />
14		- <col width="50%" />
15		- </colgroup>
16		- <tr>
17		- <td>
18		- <div class="gd-12 pl0">
19		- <label for="" class="form-title point-font2 mb10">
20		- 권한코드
21		- </label>
22		- <span class="inline-block ml20 red-text">
23		- 권한 코드는 ROLE_ + 영문(대문자) 형태로 입력해주세요.
24		- </span>
	2	+ <div class="content-zone">
	3	+ <div class="content">
	4	+ <div class="scroll">
	5	+ <div class="title-zone">
	6	+ <div class="page-title">
	7	+ <p>권한 관리</p>
	8	+ </div>
	9	+ <PagiNavigationBar />
	10	+ </div>
	11	+ <div class="form-box">
	12	+ <div class="form-box-title">
	13	+ <p>기본정보</p>
	14	+ </div>
	15	+ <div class="form-content">
	16	+ <div>
	17	+ <label class="form-title">권한코드</label>
	18	+ <div class="form-group">
25	19	<input
26	20	type="text"
27		- class="full-input"
	21	+ class="form-control sm"
28	22	ref="authrtCd"
29	23	v-model="authrt.authrtCd"
30	24	:disabled="!submitStts"
31	25	/>
	26	+ <span class="red-text">
	27	+ 권한 코드는 ROLE_ + 영문(대문자) 형태로 입력해주세요.
	28	+ </span>
32	29	</div>
33		- </td>
34		- <td>
35		- <div class="gd-12 pr0">
36		- <label for="" class="form-title point-font2 mb10">권한명</label>
37		- <input
38		- type="text"
39		- class="full-input"
40		- ref="authrtNm"
41		- v-model="authrt.authrtNm"
42		- />
43		- </div>
44		- </td>
45		- </tr>
46		- <tr>
47		- <td colspan="2">
48		- <div class="gd-12 pl0">
49		- <label for="" class="point-font2 mb10">권한설명</label>
50		- <textarea
51		- name="authrtExpln"
52		- id="authrtExpln"
53		- v-model="authrt.authrtExpln"
54		- ></textarea>
55		- </div>
56		- </td>
57		- </tr>
58		- </table>
59		- </div>
60		- </details>
	30	+ </div>
61	31
62		- <div class="flex justify-end align-center no-gutters">
63		- <div class="gd-1 mr10">
64		- <button class="large-btn blue-btn" @click="fnSave">저장</button>
65		- </div>
66		- <div class="gd-1">
67		- <button class="large-btn gray-btn" @click="fnCancel">취소</button>
	32	+ <div class="border-bottom">
	33	+ <label class="form-title">권한명</label>
	34	+ <input
	35	+ type="text"
	36	+ class="form-control sm"
	37	+ ref="authrtNm"
	38	+ placeholder="권한명을 입력해주세요."
	39	+ v-model="authrt.authrtNm"
	40	+ />
	41	+ </div>
	42	+
	43	+ <div class="grid-column">
	44	+ <label class="form-title">권한설명</label>
	45	+ <textarea
	46	+ name="authrtExpln"
	47	+ id="authrtExpln"
	48	+ v-model="authrt.authrtExpln"
	49	+ class="form-control lg area"
	50	+ ></textarea>
	51	+ </div>
	52	+ </div>
	53	+ </div>
68	54	</div>
69	55	</div>
70	56	</div>
	57	+ <div class="btn-wrap">
	58	+ <button class="btn sm primary" @click="fnSave">저장</button>
	59	+ <button class="btn sm tertiary" @click="fnCancel">취소</button>
	60	+ </div>
71	61	</template>
72	62
73	63	<script>

...	...	@@ -8,24 +8,23 @@
8	8	</div>
9	9	<PagiNavigationBar />
10	10	</div>
11		-
12	11	<div class="form-box">
13	12	<div class="form-box-title">
14	13	<p>기본 정보</p>
15	14	</div>
16	15	<div class="form-content">
17	16	<div>
18		- <label class="form-title">권한코드</label>
	17	+ <p class="form-title">권한코드</p>
19	18	<p>{{ authrt.authrtCd }}</p>
20	19	</div>
21		- <div>
22		- <label class="form-title">권한명</label>
	20	+ <div class="border-bottom">
	21	+ <p class="form-title">권한명</p>
23	22	<p>{{ authrt.authrtNm }}</p>
24	23	</div>
25	24	<div>
26		- <label class="form-title">
	25	+ <p class="form-title">
27	26	권한설명
28		- </label>
	27	+ </p>
29	28	<div style="padding: 3rem; min-height: 3rem; overflow-y: auto;">
30	29	<p>{{ authrt.authrtExpln }}</p>
31	30	</div>

...	...	@@ -1,89 +1,97 @@
1	1	<template>
2		- <div class="content admin-style">
3		- <div class="admin-page-title point-font2 mb30">
4		- <p>메뉴 권한 관리</p>
5		- </div>
6		- <div class="full-page">
7		- <div class="flex content">
8		- <div class="gd-2 pl0 content">
9		- <div class="tree-zone content pd15">
10		- <ul class="content overflow-y">
11		- <template v-if="authorList.length > 0">
12		- <Hierachy v-for="(author, index) in authorList" :key="index" :nodeList="author" :icon="iconPath"
13		- :selectedNode="selectedAuthrtCd" @changeSelected="fnViewDetail" />
14		- </template>
15		- </ul>
	2	+ <div class="content-zone">
	3	+ <div class="content">
	4	+ <!-- <div class="scroll"> -->
	5	+ <div class="title-zone">
	6	+ <div class="page-title">
	7	+ <p>메뉴 권한 관리</p>
	8	+ </div>
	9	+ <PagiNavigationBar />
16	10	</div>
17		- </div>
18		- <div class="gd-10 pr0 content overflow-y">
19		- <div class="content">
20		- <table class="list-table admin-list mb15">
21		- <colgroup>
22		- <col width="70%"/>
23		- <col width="5%"/>
24		- <col width="5%"/>
25		- <col width="5%"/>
26		- <col width="5%"/>
27		- <col width="5%"/>
28		- <col width="5%"/>
29		- </colgroup>
30		- <thead>
31		- <tr>
32		- <th class="sticy">메뉴명</th>
33		- <th class="sticy">전체</th>
34		- <th class="sticy">읽기</th>
35		- <th class="sticy">쓰기</th>
36		- <th class="sticy">수정</th>
37		- <th class="sticy">삭제</th>
38		- <th class="sticy">파일</th>
39		- </tr>
40		- </thead>
41		- <tbody>
42		- <tr v-for="(menu, index) in menuList" :key="index">
43		- <template v-if="menu.upMenuId != null">
44		- <td class="text-lf pl10">{{ menu.name }}</td>
45		- <td class="text-ct pl10">
46		- <input type="checkbox" :checked="menu['inqAuthrt'] == 'Y' &&
47		- menu['regAuthrt'] == 'Y' &&
48		- menu['mdfcnAuthrt'] == 'Y' &&
49		- menu['delAuthrt'] == 'Y' &&
50		- menu['fileDwnldAuthrt'] == 'Y'
51		- " v-model="menu['checkedAll']" true-value="Y" false-value="N" @change="fnChecked(menu)" />
52		- </td>
53		- <td class="text-ct pl10">
54		- <input type="checkbox" v-model="menu['inqAuthrt']" true-value="Y" false-value="N" />
55		- </td>
56		- <td class="text-ct pl10">
57		- <input type="checkbox" v-model="menu['regAuthrt']" true-value="Y" false-value="N" />
58		- </td>
59		- <td class="text-ct pl10">
60		- <input type="checkbox" v-model="menu['mdfcnAuthrt']" true-value="Y" false-value="N" />
61		- </td>
62		- <td class="text-ct pl10">
63		- <input type="checkbox" v-model="menu['delAuthrt']" true-value="Y" false-value="N" />
64		- </td>
65		- <td class="text-ct pl10">
66		- <input type="checkbox" v-model="menu['fileDwnldAuthrt']" true-value="Y" false-value="N" />
67		- </td>
68		- </template>
69		- <template v-else>
70		- <td class="text-lf pl10" colspan="7">{{ menu.name }}</td>
71		- </template>
72		- </tr>
73		- </tbody>
74		- </table>
75		- <div class="flex justify-end align-center">
76		- <div class="gd-1 pl0 pr0">
77		- <button class="large-btn blue-btn" @click="fnUpdate" v-if="pageAuth.mdfcnAuthrt == 'Y'">
78		- 저장
79		- </button>
	11	+ <div class="setting-box">
	12	+
	13	+ <div class="node-zone">
	14	+ <ul class="tree">
	15	+ <template v-if="authorList.length > 0">
	16	+ <Hierachy v-for="(author, index) in authorList" :key="index" :nodeList="author" :icon="iconPath"
	17	+ :selectedNode="selectedAuthrtCd" @changeSelected="fnViewDetail" />
	18	+ </template>
	19	+ </ul>
	20	+ </div>
	21	+ <div class="setting-zone">
	22	+ <div class="tbl-wrap overflow-y">
	23	+ <table class="data tbl">
	24	+ <colgroup>
	25	+ <col width="70%"/>
	26	+ <col width="5%"/>
	27	+ <col width="5%"/>
	28	+ <col width="5%"/>
	29	+ <col width="5%"/>
	30	+ <col width="5%"/>
	31	+ <col width="5%"/>
	32	+ </colgroup>
	33	+ <thead>
	34	+ <tr>
	35	+ <th class="sticy">메뉴명</th>
	36	+ <th class="sticy">전체</th>
	37	+ <th class="sticy">읽기</th>
	38	+ <th class="sticy">쓰기</th>
	39	+ <th class="sticy">수정</th>
	40	+ <th class="sticy">삭제</th>
	41	+ <th class="sticy">파일</th>
	42	+ </tr>
	43	+ </thead>
	44	+ <tbody>
	45	+ <tr v-for="(menu, index) in menuList" :key="index">
	46	+ <template v-if="menu.upMenuId != null">
	47	+ <td>{{ menu.name }}</td>
	48	+ <td>
	49	+ <input type="checkbox" :checked="menu['inqAuthrt'] == 'Y' &&
	50	+ menu['regAuthrt'] == 'Y' &&
	51	+ menu['mdfcnAuthrt'] == 'Y' &&
	52	+ menu['delAuthrt'] == 'Y' &&
	53	+ menu['fileDwnldAuthrt'] == 'Y'
	54	+ " v-model="menu['checkedAll']" true-value="Y" false-value="N" @change="fnChecked(menu)" />
	55	+ <label></label>
	56	+ </td>
	57	+ <td>
	58	+ <input type="checkbox" v-model="menu['inqAuthrt']" true-value="Y" false-value="N" />
	59	+ <label></label>
	60	+ </td>
	61	+ <td>
	62	+ <input type="checkbox" v-model="menu['regAuthrt']" true-value="Y" false-value="N" />
	63	+ <label></label>
	64	+ </td>
	65	+ <td>
	66	+ <input type="checkbox" v-model="menu['mdfcnAuthrt']" true-value="Y" false-value="N" />
	67	+ <label></label>
	68	+ </td>
	69	+ <td>
	70	+ <input type="checkbox" v-model="menu['delAuthrt']" true-value="Y" false-value="N" />
	71	+ <label></label>
	72	+ </td>
	73	+ <td>
	74	+ <input type="checkbox" v-model="menu['fileDwnldAuthrt']" true-value="Y" false-value="N" />
	75	+ <label></label>
	76	+ </td>
	77	+ </template>
	78	+ <template v-else>
	79	+ <td class="text-lf pl10" colspan="7">{{ menu.name }}</td>
	80	+ </template>
	81	+ </tr>
	82	+ </tbody>
	83	+ </table>
80	84	</div>
81	85	</div>
82		- </div>
83		- </div>
84		- </div>
	86	+ </div>
	87	+ <!-- </div> -->
85	88	</div>
86	89	</div>
	90	+ <div class="btn-wrap">
	91	+ <button class="btn sm primary" @click="fnUpdate" v-if="pageAuth.mdfcnAuthrt == 'Y'">
	92	+ 저장
	93	+ </button>
	94	+ </div>
87	95	</template>
88	96
89	97	<script>

...	...	@@ -1,142 +1,103 @@
1	1	<template>
2		- <div class="content admin-style overflow-y">
3		- <div class="admin-page-title point-font2 mb30">
4		- <p>게시판 관리</p>
5		- </div>
6		- <details open class="form-table-style mb30">
7		- <summary class="point-font2">
8		- <p class="summary-style pl10">기본 설정</p>
9		- </summary>
10		- <div class="pt10 pb10">
11		- <table class="form-table">
12		- <colgroup>
13		- <col width="50%" />
14		- <col width="50%" />
15		- </colgroup>
16		- <tr>
17		- <td>
18		- <div class="gd-12 pl0">
19		- <label for="" class="form-title point-font2 mb10">게시판명</label>
20		- <input type="text" class="full-input" v-model="bbsMng.bbsNm"
21		- placeholder="게시판명을 입력하세요." />
22		- </div>
23		- </td>
24		- <td>
25		- <div class="gd-12 pl0">
26		- <p class="form-title point-font2 mb10">게시판 상단 정보</p>
27		- <input type="text" class="full-input" v-model="bbsMng.bbsUpInfo"
28		- placeholder="게시판 상단에 표기될 정보를 입력하세요." />
29		- </div>
30		- </td>
31		- </tr>
32		- <tr>
33		- <td colspan="2">
34		- <div class="gd-12 pl0">
35		- <p class="form-title point-font2 mb10">게시판 설명</p>
36		- <input type="text" class="full-input" v-model="bbsMng.bbsExpln"
37		- placeholder="게시판 설명을 입력하세요." />
38		- </div>
39		- </td>
40		- </tr>
41		- <tr>
42		- <td>
43		- <div class="gd-12 pl0">
44		- <label for="" class="form-title point-font2 mb10">게시판 유형</label>
45		- <select name="" id="" class="full-select" @change="typeSelect"
46		- :disabled="bbsMng.bbsMngId != null">
47		- <option :value="null" disabled :selected="bbsMng.bbsTypeId == null">
48		- 선택해주세요
49		- </option>
50		- <option v-for="(item, idx) in bbsTypeList" :value="item.bbsTypeId" :key="idx">
51		- {{ item.bbsTypeKornNm }}
52		- </option>
53		- </select>
54		- </div>
55		- </td>
56		- <td>
57		- <div class="gd-12 pl0">
58		- <label for="" class="form-title point-font2 mb10">목록 개수</label>
59		- <input type="number" class="full-input" v-model="bbsMng.artclCnt" />
60		- </div>
61		- </td>
62		- </tr>
63		- <tr>
64		- <td>
65		- <div class="gd-12 pl0">
66		- <label for="" class="form-title point-font2 mb10">페이지 유형</label>
67		- <select name="" id="" class="full-select" v-model="bbsMng.cd">
68		- <option :value="null" disabled>선택해주세요</option>
69		- <option v-for="(item, idx) in pageTypeList" :value="item.cd" :key="idx">
70		- {{ item.cdNm }}
71		- </option>
72		- </select>
73		- </div>
74		- </td>
75		- </tr>
76		- </table>
77		- </div>
78		- </details>
79		- <details open class="form-table-style mb30">
80		- <summary class="point-font2">
81		- <p class="summary-style pl10">세부설정</p>
82		- </summary>
83		- <div class="pt10 pb10">
84		- <table class="form-table">
85		- <colgroup>
86		- <col width="50%" />
87		- <col width="50%" />
88		- </colgroup>
89		- <tr>
90		- <td>
91		- <div class="gd-12 pr0">
92		- <label for="" class="form-title point-font2 mb10">첨부파일 기능</label>
93		- <div class="flex align-center no-gutters">
94		- <div class="gd-4">
95		- <input type="radio" name="file" id="file-y" class="mr5" value="Y"
96		- v-model="bbsMng.atchFileUseYn" :disabled="selectedType === 'faq'" />
97		- <label for="file-y">사용</label>
98		- </div>
99		- <div class="gd-4">
100		- <input type="radio" name="file" id="file-n" class="mr5" value="N"
101		- v-model="bbsMng.atchFileUseYn" :disabled="selectedType === 'faq'" />
102		- <label for="file-n">미사용</label>
103		- </div>
	2	+ <div class="content-zone">
	3	+ <div class="content">
	4	+ <div class="scroll">
	5	+ <div class="title-zone">
	6	+ <div class="page-title">
	7	+ <p>게시판 관리</p>
	8	+ </div>
	9	+ <PagiNavigationBar />
	10	+ </div>
	11	+ <div class="form-box">
	12	+ <div class="form-box-title">
	13	+ <p>기본 설정</p>
	14	+ </div>
	15	+ <div class="form-content">
	16	+ <div>
	17	+ <label class="form-title">게시판명</label>
	18	+ <input type="text" class="form-control sm" v-model="bbsMng.bbsNm"
	19	+ placeholder="게시판명을 입력하세요." />
	20	+ </div>
	21	+ <div>
	22	+ <label class="form-title">게시판 상단 정보</label>
	23	+ <input type="text" class="form-control sm" v-model="bbsMng.bbsUpInfo"
	24	+ placeholder="게시판 상단에 표기될 정보를 입력하세요." />
	25	+ </div>
	26	+ <div>
	27	+ <label class="form-title">게시판 설명</label>
	28	+ <input type="text" class="form-control sm" v-model="bbsMng.bbsExpln"
	29	+ placeholder="게시판 설명을 입력하세요." />
	30	+ </div>
	31	+ <div>
	32	+ <label class="form-title">게시판 유형</label>
	33	+ <select name="" id="" class="form-select sm" @change="typeSelect"
	34	+ :disabled="bbsMng.bbsMngId != null">
	35	+ <option :value="null" disabled :selected="bbsMng.bbsTypeId == null">
	36	+ 선택해주세요
	37	+ </option>
	38	+ <option v-for="(item, idx) in bbsTypeList" :value="item.bbsTypeId" :key="idx">
	39	+ {{ item.bbsTypeKornNm }}
	40	+ </option>
	41	+ </select>
	42	+ </div>
	43	+ <div>
	44	+ <label class="form-title">목록 개수</label>
	45	+ <input type="number" class="form-control sm" v-model="bbsMng.artclCnt" />
	46	+ </div>
	47	+ <div>
	48	+ <label class="form-title">페이지 유형</label>
	49	+ <select name="" id="" class="form-select sm" v-model="bbsMng.cd">
	50	+ <option :value="null" disabled>선택해주세요</option>
	51	+ <option v-for="(item, idx) in pageTypeList" :value="item.cd" :key="idx">
	52	+ {{ item.cdNm }}
	53	+ </option>
	54	+ </select>
	55	+ </div>
	56	+ </div>
	57	+ </div>
	58	+ <div class="form-box mb30">
	59	+ <div class="form-box-title">
	60	+ <p>세부설정</p>
	61	+ </div>
	62	+ <div class="form-content">
	63	+ <div>
	64	+ <label class="form-title">첨부파일 기능</label>
	65	+ <div class="check-area">
	66	+ <div class="form-check">
	67	+ <input type="radio" name="file" id="file-y" class="mr5" value="Y"
	68	+ v-model="bbsMng.atchFileUseYn" :disabled="selectedType === 'faq'" />
	69	+ <label for="file-y">사용</label>
	70	+ </div>
	71	+ <div class="form-check">
	72	+ <input type="radio" name="file" id="file-n" class="mr5" value="N"
	73	+ v-model="bbsMng.atchFileUseYn" :disabled="selectedType === 'faq'" />
	74	+ <label for="file-n">미사용</label>
104	75	</div>
105	76	</div>
106		- </td>
107		- <td>
108		- <div class="gd-12 pr0">
109		- <label for="" class="form-title point-font2 mb10">공지글 기능</label>
110		- <div class="flex align-center no-gutters">
111		- <div class="gd-4">
112		- <input type="radio" name="notice" id="notice-y" class="mr5" value="Y"
113		- v-model="bbsMng.ntcUseYn" :disabled="selectedType === 'faq'" />
114		- <label for="notice-y">사용</label>
115		- </div>
116		- <div class="gd-4">
117		- <input type="radio" name="notice" id="notice-n" class="mr5" value="N"
118		- v-model="bbsMng.ntcUseYn" :disabled="selectedType === 'faq'" />
119		- <label for="notice-n">미사용</label>
120		- </div>
	77	+ </div>
	78	+ <div>
	79	+ <label class="form-title">공지글 기능</label>
	80	+ <div class="check-area">
	81	+ <div class="form-check">
	82	+ <input type="radio" name="notice" id="notice-y" class="mr5" value="Y"
	83	+ v-model="bbsMng.ntcUseYn" :disabled="selectedType === 'faq'" />
	84	+ <label for="notice-y">사용</label>
	85	+ </div>
	86	+ <div class="form-check">
	87	+ <input type="radio" name="notice" id="notice-n" class="mr5" value="N"
	88	+ v-model="bbsMng.ntcUseYn" :disabled="selectedType === 'faq'" />
	89	+ <label for="notice-n">미사용</label>
121	90	</div>
122	91	</div>
123		- </td>
124		- </tr>
125		- <tr>
126		- <td colspan="2">
127		- <div class="gd-12 pl0">
128		- <p class="form-title point-font2 mb10">첨부파일 확장자</p>
129		- <div class="flex align-center mb10">
130		- <div class="gd-4 pl0">
131		- <input type="text" class="full-input" v-model="inputExtNm" placeholder="첨부파일 확장자를 입력하세요"
132		- @keyup.enter="addinputExtNm" />
133		- </div>
134		- <button class="small-btn blue-btn" @click="addinputExtNm">
135		- 추가
136		- </button>
	92	+ </div>
	93	+ <div>
	94	+ <label class="form-title">첨부파일 확장자</label>
	95	+ <div>
	96	+ <div class="input-group">
	97	+ <input type="text" class="form-control sm" v-model="inputExtNm" placeholder="첨부파일 확장자를 입력하세요"
	98	+ @keyup.enter="addinputExtNm" />
	99	+ <button class="btn-ico xsm ico-plus" @click="addinputExtNm" title="추가"></button>
137	100	</div>
138		-
139		-
140	101	<div v-if="bbsMng.fileExtnNmList?.length > 0">
141	102	<p>사용할 확장자</p>
142	103	<div v-for="(item, idx) in bbsMng.fileExtnNmList" :key="idx"
...	...	@@ -153,95 +114,71 @@
153	114	<p>모든 확장자</p>
154	115	</div>
155	116	</div>
156		- </td>
157		- </tr>
158		- <tr>
159		- <td colspan="2">
160		- <div class="gd-12 pl0">
161		- <p class="form-title point-font2 mb10">파일크기 제한</p>
162		- <div>
163		- <input type="number" class="" v-model="bbsMng.fileSzLmt"
164		- placeholder="첨부파일 파일 크기를 입력하세요(0 입력 시 제한 없음)" />
165		- <span>MByte</span>
	117	+ </div>
	118	+ <div>
	119	+ <label class="form-title">파일크기 제한</label>
	120	+ <div class="input-group">
	121	+ <input type="number" class="form-control sm" v-model="bbsMng.fileSzLmt"
	122	+ placeholder="첨부파일 파일 크기를 입력하세요(0 입력 시 제한 없음)" />
	123	+ <span>MByte</span>
	124	+ </div>
	125	+ </div>
	126	+ <div>
	127	+ <label class="form-title">비밀글 기능</label>
	128	+ <div class="check-area">
	129	+ <div class="form-check">
	130	+ <input type="radio" name="private" id="private-y" class="mr5" value="Y"
	131	+ v-model="bbsMng.prvtPstUseYn" />
	132	+ <label for="private-y">사용</label>
	133	+ </div>
	134	+ <div class="form-check">
	135	+ <input type="radio" name="private" id="private-n" class="mr5" value="N"
	136	+ v-model="bbsMng.prvtPstUseYn" />
	137	+ <label for="private-n">미사용</label>
166	138	</div>
167	139	</div>
168		- </td>
169		- </tr>
170		- <tr>
171		- <td>
172		- <div class="gd-12 pr0">
173		- <label for="" class="form-title point-font2 mb10">비밀글 기능</label>
174		- <div class="flex align-center no-gutters">
175		- <div class="gd-4">
176		- <input type="radio" name="private" id="private-y" class="mr5" value="Y"
177		- v-model="bbsMng.prvtPstUseYn" />
178		- <label for="private-y">사용</label>
179		- </div>
180		- <div class="gd-4">
181		- <input type="radio" name="private" id="private-n" class="mr5" value="N"
182		- v-model="bbsMng.prvtPstUseYn" />
183		- <label for="private-n">미사용</label>
184		- </div>
	140	+ </div>
	141	+ <div class="border-bottom">
	142	+ <label class="form-title">이전글/다음글 기능</label>
	143	+ <div class="check-area">
	144	+ <div class="form-check">
	145	+ <input type="radio" name="bf" id="bf-y" class="mr5" value="Y"
	146	+ v-model="bbsMng.bfrAftrPstUseYn" />
	147	+ <label for="bf-y">사용</label>
	148	+ </div>
	149	+ <div class="form-check">
	150	+ <input type="radio" name="bf" id="bf-n" class="mr5" value="N"
	151	+ v-model="bbsMng.bfrAftrPstUseYn" />
	152	+ <label for="bf-n">미사용</label>
185	153	</div>
186	154	</div>
187		- </td>
188		- <td>
189		- <div class="gd-12 pr0">
190		- <label for="" class="form-title point-font2 mb10">이전글/다음글 기능</label>
191		- <div class="flex align-center no-gutters">
192		- <div class="gd-4">
193		- <input type="radio" name="bf" id="bf-y" class="mr5" value="Y"
194		- v-model="bbsMng.bfrAftrPstUseYn" />
195		- <label for="bf-y">사용</label>
196		- </div>
197		- <div class="gd-4">
198		- <input type="radio" name="bf" id="bf-n" class="mr5" value="N"
199		- v-model="bbsMng.bfrAftrPstUseYn" />
200		- <label for="bf-n">미사용</label>
201		- </div>
	155	+ </div>
	156	+ <div>
	157	+ <label class="form-title">댓글 기능</label>
	158	+ <div class="check-area">
	159	+ <div class="form-check">
	160	+ <input type="radio" name="comment" id="comment-y" class="mr5" value="Y"
	161	+ v-model="bbsMng.cmntUseYn" />
	162	+ <label for="comment-y">사용</label>
	163	+ </div>
	164	+ <div class="form-check">
	165	+ <input type="radio" name="comment" id="comment-n" class="mr5" value="N"
	166	+ v-model="bbsMng.cmntUseYn" />
	167	+ <label for="comment-n">미사용</label>
202	168	</div>
203	169	</div>
204		- </td>
205		- </tr>
206		- <tr>
207		- <td>
208		- <div class="gd-12 pr0">
209		- <label for="" class="form-title point-font2 mb10">댓글 기능</label>
210		- <div class="flex align-center no-gutters">
211		- <div class="gd-4">
212		- <input type="radio" name="comment" id="comment-y" class="mr5" value="Y"
213		- v-model="bbsMng.cmntUseYn" />
214		- <label for="comment-y">사용</label>
215		- </div>
216		- <div class="gd-4">
217		- <input type="radio" name="comment" id="comment-n" class="mr5" value="N"
218		- v-model="bbsMng.cmntUseYn" />
219		- <label for="comment-n">미사용</label>
220		- </div>
221		- </div>
222		- </div>
223		- </td>
224		- </tr>
225		- </table>
226		- </div>
227		- </details>
228		-
229		- <!-- <div class="flex justify-end align-center no-gutters">
230		- <div class="gd-1">
231		- <button class="large-btn blue-btn">저장</button>
232		- </div>
233		- </div> -->
234		- <div class="flex justify-end align-center no-gutters">
235		- <div class="gd-1 mr10">
236		- <button class="large-btn blue-btn" @click="fnInsert">
237		- {{ bbsMng.bbsMngId == null ? "등록" : "수정" }}
238		- </button>
239		- </div>
240		- <div class="gd-1">
241		- <button class="large-btn gray-btn" @click="fnCancel">취소</button>
	170	+ </div>
	171	+ </div>
	172	+ </div>
242	173	</div>
243	174	</div>
244	175	</div>
	176	+ <div class="btn-wrap">
	177	+ <button class="btn sm primary" @click="fnInsert">
	178	+ {{ bbsMng.bbsMngId == null ? "등록" : "수정" }}
	179	+ </button>
	180	+ <button class="btn sm tertiary" @click="fnCancel">취소</button>
	181	+ </div>
245	182	</template>
246	183
247	184	<script>

...	...	@@ -1,79 +1,67 @@
1	1	<template>
2		- <div class="content">
3		- <div class="admin-page-title point-font2 mb30">
4		- <p>게시판 관리</p>
5		- </div>
6		- <div class="search-bar mb15">
7		- <div class="flex justify-end align-center no-gutters">
8		- <div class="gd-6 mr10">
9		- <div class="border">
10		- <select name="selectType" id="selectType" class="border-none gd-2" v-model="search.searchType">
11		- <option value="">전체</option>
12		- <option v-for="(item, idx) in codeList" :key="idx" :value="item.cd">{{ item.cdNm }}</option>
13		- </select>
14		- <input type="text" class="full-input border-none gd-10 condition-input" v-model="search.searchText" @keyup.enter="findAll">
	2	+ <div class="content-zone">
	3	+ <div class="content">
	4	+ <div class="scroll">
	5	+ <div class="title-zone">
	6	+ <div class="page-title">
	7	+ <p>게시판 관리</p>
15	8	</div>
	9	+ <PagiNavigationBar />
16	10	</div>
17		- <div class="gd-1">
18		- <button class="large-btn blue-border-btn" @click="findAll">검색</button>
	11	+ <div class="search-bar ">
	12	+ <select name="selectType" id="selectType" class="form-select sm" v-model="search.searchType">
	13	+ <option value="">전체</option>
	14	+ <option v-for="(item, idx) in codeList" :key="idx" :value="item.cd">{{ item.cdNm }}</option>
	15	+ </select>
	16	+ <input type="text" class="form-control sm" v-model="search.searchText" @keyup.enter="findAll">
	17	+
	18	+
	19	+ <button class="btn sm ico-before ico-sch" @click="findAll">검색</button>
	20	+ </div>
	21	+ <div class="tbl-wrap">
	22	+ <table class="tbl data cursor mixing">
	23	+ <colgroup>
	24	+ <col v-for="(w, idx) in colgroup" :width="w" :key="idx" />
	25	+ </colgroup>
	26	+ <thead>
	27	+ <tr>
	28	+ <th rowspan="2">번호</th>
	29	+ <th rowspan="2">게시판명</th>
	30	+ <th rowspan="2">유형</th>
	31	+ <th colspan="5">세부기능</th>
	32	+ <th rowspan="2">게시물수</th>
	33	+ </tr>
	34	+ <tr>
	35	+ <th>첨부</th>
	36	+ <th>공지</th>
	37	+ <th>비밀</th>
	38	+ <th>이전/다음</th>
	39	+ <th>댓글</th>
	40	+ </tr>
	41	+ </thead>
	42	+ <tbody>
	43	+ <tr v-for="(row, idx) in tbody" :key="idx" @click="fnView(idx)" class="cursor">
	44	+ <td v-for="(content, index) in row" :key="index"
	45	+ :class="index === 'bbsNm' ? 'text-lf' : 'text-ct'">
	46	+ {{ content }}
	47	+ </td>
	48	+ </tr>
	49	+ </tbody>
	50	+ </table>
19	51	</div>
20	52	</div>
21	53	</div>
22		- <div class="table-zone">
23		- <table class="list-table mb10 admin-list complex-table">
24		- <colgroup>
25		- <col v-for="(w, idx) in colgroup" :width="w" :key="idx" />
26		- </colgroup>
27		- <thead>
28		- <tr>
29		- <th rowspan="2">번호</th>
30		- <th rowspan="2">게시판명</th>
31		- <th rowspan="2">유형</th>
32		- <th colspan="5">세부기능</th>
33		- <th rowspan="2">게시물수</th>
34		- </tr>
35		- <tr>
36		- <th>첨부</th>
37		- <th>공지</th>
38		- <th>비밀</th>
39		- <th>이전/다음</th>
40		- <th>댓글</th>
41		- </tr>
42		- </thead>
43		- <tbody>
44		- <!-- <tr>
45		- <td class="text-ct">1</td>
46		- <td class="text-ct">공지사항</td>
47		- <td class="text-ct">일반</td>
48		- <td class="text-ct">y</td>
49		- <td class="text-ct">y</td>
50		- <td class="text-ct">y</td>
51		- <td class="text-ct">y</td>
52		- <td class="text-ct">y</td>
53		- <td class="text-ct">6</td>
54		- </tr> -->
55		- <tr v-for="(row, idx) in tbody" :key="idx" @click="fnView(idx)" class="cursor">
56		- <td v-for="(content, index) in row" :key="index"
57		- :class="index === 'bbsNm' ? 'text-lf' : 'text-ct'">
58		- {{ content }}
59		- </td>
60		- </tr>
61		- </tbody>
62		- </table>
63		- </div>
64		- <div class="flex justify-between align-center no-gutters">
65		- <div class="gd-1"></div>
66		- <div class="gd-10">
67		- <PaginationButton :className="'admin-pagination'"
68		- v-model:currentPage="search.currentPage"
69		- :pagination = 'search'
70		- :click="findAll"
71		- />
72		- </div>
73		- <div class="gd-1">
74		- <button class="large-btn blue-btn" @click="fnAdd">등록</button>
75		- </div>
76		- </div>
	54	+ </div>
	55	+ <div class="btn-wrap list">
	56	+ <div></div>
	57	+ <PaginationButton :className="'pagination'"
	58	+ v-model:currentPage="search.currentPage"
	59	+ :pagination = 'search'
	60	+ :click="findAll"
	61	+ />
	62	+
	63	+ <button class="btn sm primary" @click="fnAdd">등록</button>
	64	+
77	65	</div>
78	66	</template>
79	67

...	...	@@ -1,64 +1,54 @@
1	1	<template>
2		- <div class="content admin-style overflow-y">
3		- <div class="admin-page-title point-font2 mb30">
4		- <p>게시판 관리</p>
5		- </div>
6		- <details open class="form-table-style mb30">
7		- <summary class="point-font2">
8		- <p class="summary-style pl10">기본 설정</p>
9		- </summary>
10		- <div class="pt10 pb10">
11		- <table class="form-table">
12		- <colgroup>
13		- <col width="50%" />
14		- <col width="50%" />
15		- </colgroup>
16		- <tr>
17		- <td>
18		- <div class="gd-12 pl0">
19		- <label for="" class="form-title point-font2 mb10"
20		- >게시판명</label
	2	+ <div class="content-zone">
	3	+ <div class="content">
	4	+ <div class="scroll">
	5	+ <div class="title-zone">
	6	+ <div class="page-title">
	7	+ <p>게시판 관리</p>
	8	+ </div>
	9	+ <PagiNavigationBar />
	10	+ </div>
	11	+ <div class="form-box mb30">
	12	+ <div class="form-box-title">
	13	+ <p >기본 설정</p>
	14	+ </div>
	15	+ <div class="form-content">
	16	+ <div>
	17	+ <p class="form-title"
	18	+ >게시판명</p
21	19	>
22		- <input
	20	+ <p>{{ bbsMng.bbsNm }}</p>
	21	+ <!-- <input
23	22	type="text"
24	23	class="full-input"
25	24	v-model="bbsMng.bbsNm"
26	25	disabled
27		- />
	26	+ /> -->
28	27	</div>
29		- </td>
30		- <td>
31		- <div class="gd-12 pl0">
32		- <p class="form-title point-font2 mb10">게시판 상단 정보</p>
33		- <input
	28	+ <div>
	29	+ <p class="form-title">게시판 상단 정보</p>
	30	+ <p>{{bbsMng.bbsUpInfo}}</p>
	31	+ <!-- <input
34	32	type="text"
35	33	class="full-input"
36	34	v-model="bbsMng.bbsUpInfo"
37	35	disabled
38		- />
	36	+ /> -->
39	37	</div>
40		- </td>
41		- </tr>
42		- <tr>
43		- <td colspan="2">
44		- <div class="gd-12 pl0">
45		- <p class="form-title point-font2 mb10">게시판 설명</p>
46		- <input
	38	+ <div>
	39	+ <p class="form-title">게시판 설명</p>
	40	+ <p>{{ bbsMng.bbsExpln }}</p>
	41	+ <!-- <input
47	42	type="text"
48	43	class="full-input"
49	44	v-model="bbsMng.bbsExpln"
50	45	disabled
51		- />
	46	+ /> -->
52	47	</div>
53		- </td>
54		- </tr>
55		- <tr>
56		- <td>
57		- <div class="gd-12 pl0">
58		- <label for="" class="form-title point-font2 mb10"
59		- >게시판 유형</label
60		- >
61		- <select
	48	+ <div>
	49	+ <p class="form-title">게시판 유형</p>
	50	+ <p>{{ bbsMng.bbsTypeId }}</p>
	51	+ <!-- <select
62	52	name=""
63	53	id=""
64	54	class="full-select"
...	...	@@ -73,30 +63,24 @@
73	63	>
74	64	{{ item.bbsTypeKornNm }}
75	65	</option>
76		- </select>
	66	+ </select> -->
77	67	</div>
78		- </td>
79		- <td>
80		- <div class="gd-12 pl0">
81		- <label for="" class="form-title point-font2 mb10"
82		- >목록 개수</label
	68	+ <div>
	69	+ <p class="form-title"
	70	+ >목록 개수</p
83	71	>
84		- <input
	72	+ <p>{{ bbsMng.artclCnt }}</p>
	73	+ <!-- <input
85	74	type="number"
86	75	class="full-input"
87	76	v-model="bbsMng.artclCnt"
88	77	disabled
89		- />
	78	+ /> -->
90	79	</div>
91		- </td>
92		- </tr>
93		- <tr>
94		- <td>
95		- <div class="gd-12 pl0">
96		- <label for="" class="form-title point-font2 mb10"
97		- >페이지 유형</label
98		- >
99		- <select
	80	+ <div>
	81	+ <p class="form-title">페이지 유형</p>
	82	+ <p>{{ bbsMng.cd }}</p>
	83	+ <!-- <select
100	84	name=""
101	85	id=""
102	86	class="full-select"
...	...	@@ -111,239 +95,198 @@
111	95	>
112	96	{{ item.cdNm }}
113	97	</option>
114		- </select>
	98	+ </select> -->
115	99	</div>
116		- </td>
117		- </tr>
118		- </table>
119		- </div>
120		- </details>
121		- <details open class="form-table-style mb30">
122		- <summary class="point-font2">
123		- <p class="summary-style pl10">세부설정</p>
124		- </summary>
125		- <div class="pt10 pb10">
126		- <table class="form-table">
127		- <colgroup>
128		- <col width="50%" />
129		- <col width="50%" />
130		- </colgroup>
131		- <tr>
132		- <td>
133		- <div class="gd-12 pr0">
134		- <label for="" class="form-title point-font2 mb10"
135		- >첨부파일 기능</label
136		- >
137		- <div class="flex align-center no-gutters">
138		- <div class="gd-4">
139		- <input
140		- type="radio"
141		- name="file"
142		- id="file-y"
143		- class="mr5"
144		- value="Y"
145		- v-model="bbsMng.atchFileUseYn"
146		- disabled
147		- />
148		- <label for="file-y">사용</label>
149		- </div>
150		- <div class="gd-4">
151		- <input
152		- type="radio"
153		- name="file"
154		- id="file-n"
155		- class="mr5"
156		- value="N"
157		- v-model="bbsMng.atchFileUseYn"
158		- disabled
159		- />
160		- <label for="file-n">미사용</label>
161		- </div>
	100	+ </div>
	101	+ </div>
	102	+ <div class="form-box">
	103	+ <div class="form-box-title">
	104	+ <p>세부설정</p>
	105	+ </div>
	106	+ <div class="form-content">
	107	+ <div>
	108	+ <p class="form-title">첨부파일 기능</p>
	109	+ <p>{{ bbsMng.atchFileUseYn }}</p>
	110	+ <!-- <div class="flex align-center no-gutters">
	111	+ <div class="gd-4">
	112	+ <input
	113	+ type="radio"
	114	+ name="file"
	115	+ id="file-y"
	116	+ class="mr5"
	117	+ value="Y"
	118	+ v-model="bbsMng.atchFileUseYn"
	119	+ disabled
	120	+ />
	121	+ <label for="file-y">사용</label>
162	122	</div>
163		- </div>
164		- </td>
165		- <td>
166		- <div class="gd-12 pr0">
167		- <label for="" class="form-title point-font2 mb10"
168		- >공지글 기능</label
169		- >
170		- <div class="flex align-center no-gutters">
171		- <div class="gd-4">
172		- <input
173		- type="radio"
174		- name="notice"
175		- id="notice-y"
176		- class="mr5"
177		- value="Y"
178		- v-model="bbsMng.ntcUseYn"
179		- disabled
180		- />
181		- <label for="notice-y">사용</label>
182		- </div>
183		- <div class="gd-4">
184		- <input
185		- type="radio"
186		- name="notice"
187		- id="notice-n"
188		- class="mr5"
189		- value="N"
190		- v-model="bbsMng.ntcUseYn"
191		- disabled
192		- />
193		- <label for="notice-n">미사용</label>
194		- </div>
	123	+ <div class="gd-4">
	124	+ <input
	125	+ type="radio"
	126	+ name="file"
	127	+ id="file-n"
	128	+ class="mr5"
	129	+ value="N"
	130	+ v-model="bbsMng.atchFileUseYn"
	131	+ disabled
	132	+ />
	133	+ <label for="file-n">미사용</label>
195	134	</div>
196		- </div>
197		- </td>
198		- </tr>
199		- <tr>
200		- <td colspan="2">
201		- <div class="gd-12 pl0">
202		- <p class="form-title point-font2 mb10">첨부파일 확장자</p>
203		- <input
204		- type="text"
205		- class="full-input"
206		- v-model="bbsMng.fileExtnNm"
207		- disabled
208		- />
209		- </div>
210		- </td>
211		- </tr>
212		- <tr>
213		- <td colspan="2">
214		- <div class="gd-12 pl0">
215		- <p class="form-title point-font2 mb10">파일크기 제한</p>
216		- <input
217		- type="number"
218		- class=""
219		- v-model="bbsMng.fileSzLmt"
220		- disabled
221		- />
222		- <span>MByte</span>
223		- </div>
224		- </td>
225		- </tr>
226		- <tr>
227		- <td>
228		- <div class="gd-12 pr0">
229		- <label for="" class="form-title point-font2 mb10"
230		- >비밀글 기능</label
231		- >
232		- <div class="flex align-center no-gutters">
233		- <div class="gd-4">
234		- <input
235		- type="radio"
236		- name="private"
237		- id="private-y"
238		- class="mr5"
239		- value="Y"
240		- v-model="bbsMng.prvtPstUseYn"
241		- disabled
242		- />
243		- <label for="private-y">사용</label>
244		- </div>
245		- <div class="gd-4">
246		- <input
247		- type="radio"
248		- name="private"
249		- id="private-n"
250		- class="mr5"
251		- value="N"
252		- v-model="bbsMng.prvtPstUseYn"
253		- disabled
254		- />
255		- <label for="private-n">미사용</label>
256		- </div>
	135	+ </div> -->
	136	+ </div>
	137	+ <div>
	138	+ <p class="form-title">공지글 기능</p>
	139	+ <p>{{ bbsMng.ntcUseYn }}</p>
	140	+ <!-- <div class="flex align-center no-gutters">
	141	+ <div class="gd-4">
	142	+ <input
	143	+ type="radio"
	144	+ name="notice"
	145	+ id="notice-y"
	146	+ class="mr5"
	147	+ value="Y"
	148	+ v-model="bbsMng.ntcUseYn"
	149	+ disabled
	150	+ />
	151	+ <label for="notice-y">사용</label>
257	152	</div>
258		- </div>
259		- </td>
260		- <td>
261		- <div class="gd-12 pr0">
262		- <label for="" class="form-title point-font2 mb10"
263		- >이전글/다음글 기능</label
264		- >
265		- <div class="flex align-center no-gutters">
266		- <div class="gd-4">
267		- <input
268		- type="radio"
269		- name="bf"
270		- id="bf-y"
271		- class="mr5"
272		- value="Y"
273		- v-model="bbsMng.bfrAftrPstUseYn"
274		- disabled
275		- />
276		- <label for="bf-y">사용</label>
277		- </div>
278		- <div class="gd-4">
279		- <input
280		- type="radio"
281		- name="bf"
282		- id="bf-n"
283		- class="mr5"
284		- value="N"
285		- v-model="bbsMng.bfrAftrPstUseYn"
286		- disabled
287		- />
288		- <label for="bf-n">미사용</label>
289		- </div>
	153	+ <div class="gd-4">
	154	+ <input
	155	+ type="radio"
	156	+ name="notice"
	157	+ id="notice-n"
	158	+ class="mr5"
	159	+ value="N"
	160	+ v-model="bbsMng.ntcUseYn"
	161	+ disabled
	162	+ />
	163	+ <label for="notice-n">미사용</label>
290	164	</div>
291		- </div>
292		- </td>
293		- </tr>
294		- <tr>
295		- <td>
296		- <div class="gd-12 pr0">
297		- <label for="" class="form-title point-font2 mb10"
298		- >댓글 기능</label
299		- >
300		- <div class="flex align-center no-gutters">
301		- <div class="gd-4">
302		- <input
303		- type="radio"
304		- name="comment"
305		- id="comment-y"
306		- class="mr5"
307		- value="Y"
308		- v-model="bbsMng.cmntUseYn"
309		- disabled
310		- />
311		- <label for="comment-y">사용</label>
312		- </div>
313		- <div class="gd-4">
314		- <input
315		- type="radio"
316		- name="comment"
317		- id="comment-n"
318		- class="mr5"
319		- value="N"
320		- v-model="bbsMng.cmntUseYn"
321		- disabled
322		- />
323		- <label for="comment-n">미사용</label>
324		- </div>
	165	+ </div> -->
	166	+ </div>
	167	+ <div>
	168	+ <p class="form-title">첨부파일 확장자</p>
	169	+ <p>{{ bbsMng.fileExtnNm }}</p>
	170	+ <!-- <input
	171	+ type="text"
	172	+ class="full-input"
	173	+ v-model="bbsMng.fileExtnNm"
	174	+ disabled
	175	+ /> -->
	176	+ </div>
	177	+ <div>
	178	+ <p class="form-title">파일크기 제한</p>
	179	+ <p>{{ bbsMng.fileSzLmt }}</p>
	180	+ <!-- <input
	181	+ type="number"
	182	+ class=""
	183	+ v-model="bbsMng.fileSzLmt"
	184	+ disabled
	185	+ /> -->
	186	+ <span>MByte</span>
	187	+ </div>
	188	+ <div class="gd-12 pr0">
	189	+ <p class="form-title">비밀글 기능</p>
	190	+ <p>{{ bbsMng.prvtPstUseYn }}</p>
	191	+ <!-- <div class="flex align-center no-gutters">
	192	+ <div class="gd-4">
	193	+ <input
	194	+ type="radio"
	195	+ name="private"
	196	+ id="private-y"
	197	+ class="mr5"
	198	+ value="Y"
	199	+ v-model="bbsMng.prvtPstUseYn"
	200	+ disabled
	201	+ />
	202	+ <label for="private-y">사용</label>
325	203	</div>
326		- </div>
327		- </td>
328		- </tr>
329		- </table>
330		- </div>
331		- </details>
332		-
333		- <div class="flex justify-end align-center no-gutters">
334		- <div class="gd-1 mr10">
335		- <button class="large-btn gray-border-btn" @click="fnList">목록</button>
336		- </div>
337		- <div class="gd-1 mr10">
338		- <button class="large-btn blue-border-btn" @click="fnUpdate">
339		- 수정
340		- </button>
341		- </div>
342		- <div class="gd-1">
343		- <button class="large-btn red-border-btn" @click="fnDelete">삭제</button>
	204	+ <div class="gd-4">
	205	+ <input
	206	+ type="radio"
	207	+ name="private"
	208	+ id="private-n"
	209	+ class="mr5"
	210	+ value="N"
	211	+ v-model="bbsMng.prvtPstUseYn"
	212	+ disabled
	213	+ />
	214	+ <label for="private-n">미사용</label>
	215	+ </div>
	216	+ </div> -->
	217	+ </div>
	218	+ <div class="border-bottom">
	219	+ <p class="form-title">이전글/다음글 기능</p>
	220	+ <p>{{ bbsMng.bfrAftrPstUseYn }}</p>
	221	+ <!-- <div class="flex align-center no-gutters">
	222	+ <div class="gd-4">
	223	+ <input
	224	+ type="radio"
	225	+ name="bf"
	226	+ id="bf-y"
	227	+ class="mr5"
	228	+ value="Y"
	229	+ v-model="bbsMng.bfrAftrPstUseYn"
	230	+ disabled
	231	+ />
	232	+ <label for="bf-y">사용</label>
	233	+ </div>
	234	+ <div class="gd-4">
	235	+ <input
	236	+ type="radio"
	237	+ name="bf"
	238	+ id="bf-n"
	239	+ class="mr5"
	240	+ value="N"
	241	+ v-model="bbsMng.bfrAftrPstUseYn"
	242	+ disabled
	243	+ />
	244	+ <label for="bf-n">미사용</label>
	245	+ </div>
	246	+ </div> -->
	247	+ </div>
	248	+ <div>
	249	+ <p class="form-title">댓글 기능</p>
	250	+ <p>{{ bbsMng.cmntUseYn }}</p>
	251	+ <!-- <div class="flex align-center no-gutters">
	252	+ <div class="gd-4">
	253	+ <input
	254	+ type="radio"
	255	+ name="comment"
	256	+ id="comment-y"
	257	+ class="mr5"
	258	+ value="Y"
	259	+ v-model="bbsMng.cmntUseYn"
	260	+ disabled
	261	+ />
	262	+ <label for="comment-y">사용</label>
	263	+ </div>
	264	+ <div class="gd-4">
	265	+ <input
	266	+ type="radio"
	267	+ name="comment"
	268	+ id="comment-n"
	269	+ class="mr5"
	270	+ value="N"
	271	+ v-model="bbsMng.cmntUseYn"
	272	+ disabled
	273	+ />
	274	+ <label for="comment-n">미사용</label>
	275	+ </div>
	276	+ </div> -->
	277	+ </div>
	278	+ </div>
	279	+ </div>
344	280	</div>
345	281	</div>
346	282	</div>
	283	+ <div class="btn-wrap">
	284	+ <button class="btn sm tertiary" @click="fnList">목록</button>
	285	+ <button class="btn sm primary" @click="fnUpdate">
	286	+ 수정
	287	+ </button>
	288	+ <button class="btn sm red" @click="fnDelete">삭제</button>
	289	+ </div>
347	290	</template>
348	291
349	292	<script>

...	...	@@ -1,83 +1,73 @@
1	1	<template>
2		- <div class="content">
3		- <div class="admin-page-title point-font2 mb30">
4		- <p>금지어 관리</p>
5		- </div>
6		- <div class="search-bar mb15">
7		- <div class="flex justify-end align-center no-gutters">
8		- <div class="gd-6 mr10">
9		- <div class="border">
10		- <select name="" id="" class="border-none gd-2">
11		- <option value="">전체</option>
12		- <option v-for="(item, idx) in codeList" :key="idx" :value="item.cd">{{ item.cdNm }}</option>
13		- </select>
14		- <input type="text" class="full-input border-none gd-10 condition-input" placeholder="검색명을 입력하세요"
15		- v-model="search.searchText" @keyup.enter="fnFindAllWord" />
	2	+ <div class="content-zone">
	3	+ <div class="content">
	4	+ <div class="scroll">
	5	+ <div class="title-zone">
	6	+ <div class="page-title">
	7	+ <p>금지어 관리</p>
16	8	</div>
	9	+ <PagiNavigationBar />
17	10	</div>
18		- <div class="gd-1">
19		- <button class="large-btn blue-border-btn" @click="fnFindAllWord">검색</button>
	11	+ <div class="search-bar">
	12	+ <select class="form-select sm">
	13	+ <option value="">전체</option>
	14	+ <option v-for="(item, idx) in codeList" :key="idx" :value="item.cd">{{ item.cdNm }}</option>
	15	+ </select>
	16	+ <input type="text" class="form-control sm" placeholder="검색명을 입력하세요"
	17	+ v-model="search.searchText" @keyup.enter="fnFindAllWord" />
	18	+ <button class="btn sm ico-before ico-sch" @click="fnFindAllWord">검색</button>
	19	+ </div>
	20	+ <div class="tbl-wrap">
	21	+ <ListTable :className="'data'" :colgroup="colgroup" :thead="thead" :tbody="tbody">
	22	+ <template v-slot:checkbox="{ row, idx }">
	23	+ <div class="form-chip">
	24	+ <input type="checkbox" name="delCheck" :id="'check' + idx" @change="handleSelect(row, idx)" />
	25	+ <label></label>
	26	+ </div>
	27	+ </template>
	28	+ </ListTable>
20	29	</div>
21	30	</div>
22	31	</div>
23		- <ListTable :className="'admin-list'" :colgroup="colgroup" :thead="thead" :tbody="tbody">
24		- <template v-slot:checkbox="{ row, idx }">
25		- <input type="checkbox" name="delCheck" :id="'check' + idx" @change="handleSelect(row, idx)">
26		- </template>
27		- </ListTable>
28		- <div class="flex justify-between align-center no-gutters">
29		- <div class="gd-2"></div>
30		- <div class="gd-8">
31		- <PaginationButton :className="'admin-pagination'" v-model:currentPage="search.currentPage"
32		- :pagination='search' :click="fnFindAllWord" />
33		- </div>
34		- <div class="gd-2 flex justify-end align-center">
35		- <div class="gd-6 pr0">
36		- <div>
37		- <button class="large-btn red-btn" @click="fnDelete">선택삭제</button>
38		- </div>
39		- </div>
40		- <div class="gd-6 pr0">
41		- <div>
42		- <button class="large-btn blue-btn" @click="fnAdd">추가</button>
43		- </div>
44		- </div>
45		- </div>
46		- </div>
47		- <Modal :showModal="wordsList">
48		- <template v-slot:header>
49		- <div class="modal-title">
50		- <p>금지어 추가</p>
51		- </div>
52		- <button class="close-btn" @click="modalClose">X</button>
53		- </template>
54		- <div class="search mb30">
55		- <div class="flex justify-start align-center">
56		- <div class="gd-10 pl0">
57		- <input type="text" class="full-input" placeholder="추가할 금지어를 입력해주세요." v-model="inputWordNm"
58		- @keyup.enter="addinputWord" />
59		- </div>
60		- <div class="gd-2 pl0 pr0">
61		- <button class="large-btn blue-border-btn" @click="addinputWord">추가</button>
62		- </div>
63		- </div>
64		- </div>
65		- <ul style="height:calc(100% - 118px)" class="overflow-y">
66		- <li v-for="(item, index) in wordsArr" class="word-item pd10 border radius mb5" :key="index">
67		- {{ item }}
68		- <span class="close-btn ml10" @click="wordsArr.splice(index, 1)">x</span>
69		- </li>
70		- </ul>
71		- <template v-slot:footer>
72		- <div class="gd-2">
73		- <button class="large-btn darkg-border-btn ml0" @click="modalClose">취소</button>
74		- </div>
75		- <div class="gd-2 ">
76		- <button class="large-btn blue-btn ml0" @click="fnSave">등록</button>
77		- </div>
78		- </template>
79		- </Modal>
80	32	</div>
	33	+ <div class="btn-wrap list">
	34	+ <div></div>
	35	+ <PaginationButton :className="'admin-pagination'" v-model:currentPage="search.currentPage"
	36	+ :pagination='search' :click="fnFindAllWord" />
	37	+ <div>
	38	+ <button class="btn sm primary" @click="fnAdd">추가</button>
	39	+ <button class="btn sm red" @click="fnDelete">선택삭제</button>
	40	+ </div>
	41	+ </div>
	42	+ <Modal :showModal="wordsList">
	43	+ <template v-slot:header>
	44	+ <div class="modal-title">
	45	+ <p>금지어 추가</p>
	46	+ </div>
	47	+ <button class="close-btn" @click="modalClose">X</button>
	48	+ </template>
	49	+ <div class="search mb30">
	50	+ <div class="flex justify-start align-center">
	51	+ <div class="gd-10 pl0">
	52	+ <input type="text" class="full-input" placeholder="추가할 금지어를 입력해주세요." v-model="inputWordNm"
	53	+ @keyup.enter="addinputWord" />
	54	+ </div>
	55	+ <div class="gd-2 pl0 pr0">
	56	+ <button class="large-btn blue-border-btn" @click="addinputWord">추가</button>
	57	+ </div>
	58	+ </div>
	59	+ </div>
	60	+ <ul style="height:calc(100% - 118px)" class="overflow-y">
	61	+ <li v-for="(item, index) in wordsArr" class="word-item pd10 border radius mb5" :key="index">
	62	+ {{ item }}
	63	+ <span class="close-btn ml10" @click="wordsArr.splice(index, 1)">x</span>
	64	+ </li>
	65	+ </ul>
	66	+ <template v-slot:footer>
	67	+ <button class="large-btn darkg-border-btn ml0" @click="modalClose">취소</button>
	68	+ <button class="large-btn blue-btn ml0" @click="fnSave">등록</button>
	69	+ </template>
	70	+ </Modal>
81	71	</template>
82	72
83	73	<script>

...	...	@@ -10,7 +10,6 @@
10	10	<div class="setting-box">
11	11	<div class="node-zone">
12	12	<div class="tree">
13		- <div>
14	13	<draggable tag="ul" class="tree-node" :list="codeList" :group="{ name: 'menu' }" item-key="id"
15	14	handle=".handle" ghost-class="ghost">
16	15	<template #item="{ element }">
...	...	@@ -18,7 +17,6 @@
18	17	@changeSelected="fnViewDetail" />
19	18	</template>
20	19	</draggable>
21		- </div>
22	20	</div>
23	21	<div class="btn-zone">
24	22	<template v-if="pageAuth.mdfcnAuthrt == 'Y'">

...	...	@@ -8,7 +8,7 @@
8	8	</div>
9	9	<PagiNavigationBar />
10	10	</div>
11		- <div open class="form-box">
	11	+ <div class="form-box">
12	12	<div class="form-box-title">
13	13	<p>기본정보</p>
14	14	</div>

Delete comment