Commit @57a4d02ccbaa68dd55fc7bb7a7fde0eef4f11616

hmkim 04-07

Merge branch 'master' of http://210.180.118.83/jhpark/cms_frontend

@57a4d02ccbaa68dd55fc7bb7a7fde0eef4f11616

dd8b248

57a4d02

client/resources/scss/admin/content.scss

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

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


     // grid-template-rows: 1fr 1fr;
 
     >div {
-        @include flex-layout(flex, center, start);
         width: 100%;
         padding: 1rem;
         border-bottom: 1px solid var(--tk-gray-10);

         overflow-y: auto;
     }
 
-    .tbl.data{
-        thead{
-            th{
-                background-color: #c8d0d8;
-                &:first-child{
-                    border-radius: 1rem 0 0 0;
-                }
-                &:last-child{
-                    border-radius: 0 1rem 0 0;
+    .tbl{
+        max-width: 100%;
+        width: 100%;
+        .data{
+            thead{
+                th{
+                    background-color: #c8d0d8;
+                    &:first-child{
+                        border-radius: 1rem 0 0 0;
+                    }
+                    &:last-child{
+                        border-radius: 0 1rem 0 0;
+                    }
                 }
             }
-        }
-
-        tbody{
-            tr{
-                &:last-child{
-                    td{
-                        &:first-child{
-                            border-radius:  0 0 0 1rem;
-                        }
-                        &:last-child{
-                            border-radius: 0 0 1rem 0;
+    
+            tbody{
+                tr{
+                    &:last-child{
+                        td{
+                            &:first-child{
+                                border-radius:  0 0 0 1rem;
+                            }
+                            &:last-child{
+                                border-radius: 0 0 1rem 0;
+                            }
                         }
                     }
                 }

     .ml10{
         margin-left: 1rem;
     }
+
+    &.between{
+        @include flex-layout(flex, center, space-between);
+    }
 }
 

dd8b248

57a4d02

client/views/component/userInfo/UserInfoInsert.vue

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

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


             <p>기본정보</p>
           </div>
           <div class="form-content">
-            <div>
+            <div  class="layout">
                 <label class="form-title">아이디</label>
                 <input
                   type="text"

                   :disabled="mbrVO.mbrId != null"
                 />
               </div>
-              <div>
+              <div  class="layout">
                 <label class="form-title">이름</label>
                 <input
                   type="text"

                   placeholder="이름을 입력하세요."
                 />
               </div>
-              <div>
+              <div  class="layout">
                 <label class="form-title">
                   <p v-if="pageId == null">비밀번호</p>
                   <p v-else>비밀번호변경</p>

                   </span>
                 </div>
               </div>
-              <div>
+              <div  class="layout">
                 <label class="form-title">
                   <p v-if="pageId == null">비밀번호확인</p>
                   <p v-else>비밀번호변경 확인</p>

                 />
               </div>
               <template v-if="showOpt.isMblNo || showOpt.isTelNo">
-                <div v-if="showOpt.isMblNo">
+                <div v-if="showOpt.isMblNo"  class="layout">
                   <label  class="form-title">휴대폰번호</label>
                   <input
                     type="text"

                   />
                 </div>
               </template>
-              <div v-if="showOpt.isTelNo">
+              <div v-if="showOpt.isTelNo"  class="layout">
                 <label class="form-title">전화번호</label>
                 <input
                   type="text"

                 />
               </div>
               <template v-if="showOpt.isEml || showOpt.isSmsAgree || showOpt.isEmlAgree">
-                <div v-if="showOpt.isEml" >
+                <div v-if="showOpt.isEml"  class="layout">
                   <label  class="form-title">이메일</label>
                   <div class="check-area">
                       <input

                       </select>
                   </div>
                 </div>
-                <div v-if="showOpt.isSmsAgree">
+                <div v-if="showOpt.isSmsAgree"  class="layout">
                     <label class="form-title">
                       문자수신
                     </label>

                       </div>
                     </div>
                   </div>
-                  <div v-if="showOpt.isEmlAgree">
+                  <div v-if="showOpt.isEmlAgree"  class="layout">
                     <label class="form-title">
                       이메일수신
                     </label>

                   </div>
               </template>
               <template  v-if="showOpt.isAddr">
-                <div>
+                <div  class="layout">
                   <label class="form-title">우편번호</label>
                       <input
                         type="text"

                         찾기
                       </button>
                 </div>
-                <div>
+                <div  class="layout">
                   <label class="form-title">주소</label>
                   <input
                     type="text"

                     readonly
                   />
                 </div>
-                <div>
+                <div  class="layout">
                   <label class="form-title">
                     상세주소
                   </label>

                 </div>
               </template>
               <template  v-if="showOpt.isStts && pageRole == 'adm'">
-                <div>
+                <div  class="layout">
                       <label class="form-title">회원상태</label>
                       <select class="form-select sm" v-model="mbrVO.mbrStts">
                         <option value="1">승인</option>

                         <option value="3">차단</option>
                       </select>
                   </div>
-                  <div >
+                  <div  class="layout">
                       <label class="form-title">차단일</label>
                       <input
                         type="date"

                       />
                     </div>
               </template>
-              <div>
+              <div  class="layout">
                 <label class="form-title">차단 사유</label>
                 <input
                   type="text"

                   placeholder="차단 사유를 입력하세요."
                 />
               </div>
-              <div v-if="showOpt.isAuthor && pageRole == 'adm'">
+              <div v-if="showOpt.isAuthor && pageRole == 'adm'"  class="layout">
                   <UserAuthorList :mbrVO="mbrVO" />
               </div>
           </div>

dd8b248

57a4d02

client/views/component/userInfo/UserInfoView.vue

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

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


                 <p>기본정보</p>
               </div>
               <div class="form-content">
-                <div>
+                <div class="layout">
                   <p class="form-title">아이디</p>
                   <p>{{ mbrVO.lgnId }}</p>
                   <!-- <input

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

                   /> -->
                 </div>
                 <template v-if="showOpt.isMblNo || showOpt.isTelNo">
-                  <div v-if="showOpt.isMblNo">
+                  <div v-if="showOpt.isMblNo" class="layout">
                     <p class="form-title">
                       휴대폰번호
                     </p>

                       disabled
                     /> -->
                   </div>
-                  <div v-if="showOpt.isTelNo" class="border-bottom">
+                  <div v-if="showOpt.isTelNo" class="layout border-bottom">
                     <p class="form-title">전화번호</p>
                     <p>{{ mbrVO.telno }}</p>
                     <!-- <input

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

                         </div>
                       </div>
          
-                      <div v-if="showOpt.isSmsAgree">
+                      <div v-if="showOpt.isSmsAgree"  class="layout">
                         <p class="form-title">
                           문자수신
                         </p>

                           </div> -->
                       </div>
 
-                      <div v-if="showOpt.isEmlAgree">
+                      <div v-if="showOpt.isEmlAgree"  class="layout">
                         <p class="form-title">
                           이메일수신
                         </p>

                   </template>
                   <template v-if="showOpt.isAddr">
         
-                        <div>
+                        <div  class="layout">
                           <p class="form-title">
                             우편번호
                           </p>

                   </template>
                   <template v-if="showOpt.isStts && pageRole == 'adm'">
             
-                      <div>
+                      <div  class="layout">
                           <p class="form-title">
                             회원상태
                           </p>

                             disabled
                           /> -->
                         </div>
-                      <div>
+                      <div  class="layout">
                         <p  class="form-title">차단 사유</p>
                         <p>{{ mbrVO.cntrlRsn }}</p>
                         <!-- <input

dd8b248

57a4d02

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

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

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


             <p>기본정보</p>
           </div>
           <div class="form-content">
-            <div>
+            <div class="layout">
               <label class="form-title">권한코드</label>
               <div class="form-group">
                 <input

               </div>
             </div>
 
-            <div class="border-bottom">
+            <div class="border-bottom layout">
               <label class="form-title">권한명</label>
               <input
                 type="text"

               />
             </div>
 
-            <div class="grid-column">
+            <div class="grid-column layout">
               <label class="form-title">권한설명</label>
               <textarea
                 name="authrtExpln"

dd8b248

57a4d02

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

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

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


 <template>
-  <div class="seach-wrap">
+  <div class="search-wrap">
     <div class="search-bar border">
       <!-- <select name="" id="" class="border-none gd-2">
                       <option value="">전체</option>

dd8b248

57a4d02

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

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

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


             <p>기본 정보</p>
           </div>
           <div class="form-content">
-            <div>
+            <div  class="layout">
               <p class="form-title">권한코드</p>
               <p>{{ authrt.authrtCd }}</p>
             </div>
-            <div class="border-bottom">
+            <div class="border-bottom layout">
               <p class="form-title">권한명</p>
               <p>{{ authrt.authrtNm }}</p>
             </div>
-            <div>
+            <div class="layout">
               <p class="form-title">
                 권한설명
               </p>

dd8b248

57a4d02

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

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

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


                         <p>기본 설정</p>
                     </div>
                     <div class="form-content">
-                        <div>
+                        <div class="layout">
                             <label class="form-title">게시판명</label>
                             <input type="text" class="form-control sm" v-model="bbsMng.bbsNm"
                                 placeholder="게시판명을 입력하세요." />
                         </div>
-                        <div>
+                        <div class="layout">
                             <label class="form-title">게시판 상단 정보</label>
                             <input type="text" class="form-control sm" v-model="bbsMng.bbsUpInfo"
                                 placeholder="게시판 상단에 표기될 정보를 입력하세요." />
                         </div>
-                        <div>
+                        <div class="layout">
                             <label class="form-title">게시판 설명</label>
                             <input type="text" class="form-control sm" v-model="bbsMng.bbsExpln"
                                 placeholder="게시판 설명을 입력하세요." />
                         </div>
-                        <div>
+                        <div class="layout">
                             <label class="form-title">게시판 유형</label>
                             <select name="" id="" class="form-select sm" @change="typeSelect"
                                 :disabled="bbsMng.bbsMngId != null">

                                 </option>
                             </select>
                         </div>
-                        <div>
+                        <div class="layout">
                             <label class="form-title">목록 개수</label>
                             <input type="number" class="form-control sm" v-model="bbsMng.artclCnt" />
                         </div>
-                        <div>
+                        <div class="layout">
                             <label class="form-title">페이지 유형</label>
                             <select name="" id="" class="form-select sm" v-model="bbsMng.cd">
                                 <option :value="null" disabled>선택해주세요</option>

                         <p>세부설정</p>
                     </div>
                     <div class="form-content">
-                        <div>
+                        <div class="layout">
                             <label class="form-title">첨부파일 기능</label>
                             <div class="check-area">
                                 <div class="form-check">

                                 </div>
                             </div>
                         </div>
-                        <div>
+                        <div class="layout">
                             <label class="form-title">공지글 기능</label>
                             <div class="check-area">
                                 <div class="form-check">

                                 </div>
                             </div>
                         </div>
-                        <div>
+                        <div class="layout">
                             <label class="form-title">첨부파일 확장자</label>
                             <div>
                                 <div class="input-group">

                                 </div>
                             </div>
                         </div>
-                        <div>
+                        <div class="layout">
                             <label class="form-title">파일크기 제한</label>
                             <div class="input-group">
                                 <input type="number" class="form-control sm" v-model="bbsMng.fileSzLmt"

                                 <span>MByte</span>
                             </div>
                         </div>
-                        <div>
+                        <div class="layout">
                             <label class="form-title">비밀글 기능</label>
                             <div class="check-area">
                                 <div class="form-check">

                                 </div>
                             </div>
                         </div>
-                        <div class="border-bottom">
+                        <div class="border-bottom layout">
                             <label class="form-title">이전글/다음글 기능</label>
                             <div class="check-area">
                                 <div class="form-check">

                                 </div>
                             </div>
                         </div>
-                        <div>
+                        <div class="layout">
                             <label class="form-title">댓글 기능</label>
                             <div class="check-area">
                                 <div class="form-check">

dd8b248

57a4d02

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

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

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


             <p >기본 설정</p>
           </div>
           <div class="form-content">
-            <div>
+            <div class="layout">
                 <p class="form-title"
                   >게시판명</p
                 >

                   disabled
                 /> -->
               </div>
-              <div>
+              <div class="layout">
                 <p class="form-title">게시판 상단 정보</p>
                 <p>{{bbsMng.bbsUpInfo}}</p>
                 <!-- <input

                   disabled
                 /> -->
               </div>
-              <div>
+              <div class="layout">
                 <p class="form-title">게시판 설명</p>
                 <p>{{ bbsMng.bbsExpln }}</p>
                 <!-- <input

                   disabled
                 /> -->
               </div>
-              <div>
+              <div class="layout">
                 <p class="form-title">게시판 유형</p>
                 <p>{{ bbsMng.bbsTypeKornNm }}</p>
                 <!-- <select

                   </option>
                 </select> -->
               </div>
-              <div>
+              <div class="layout">
                 <p class="form-title"
                   >목록 개수</p
                 >

                   disabled
                 /> -->
               </div>
-              <div>
+              <div class="layout">
                 <p class="form-title">페이지 유형</p>
                 <p>{{ bbsMng.cd }}</p>
                 <!-- <select

             <p>세부설정</p>
           </div>
           <div class="form-content">
-            <div>
+            <div class="layout">
               <p class="form-title">첨부파일 기능</p>
               <p>{{ bbsMng.atchFileUseYn }}</p>
               <!-- <div class="flex align-center no-gutters">

                 </div>
               </div> -->
             </div>
-            <div>
+            <div class="layout">
               <p class="form-title">공지글 기능</p>
               <p>{{ bbsMng.ntcUseYn }}</p>
               <!-- <div class="flex align-center no-gutters">

                 </div>
               </div> -->
             </div>
-            <div>
+            <div class="layout">
               <p class="form-title">첨부파일 확장자</p>
               <p>{{ bbsMng.fileExtnNm }}</p>
               <!-- <input

                 disabled
               /> -->
             </div>
-            <div>
+            <div class="layout">
               <p class="form-title">파일크기 제한</p>
               <p>{{ bbsMng.fileSzLmt }}</p>
               <!-- <input

               /> -->
               <span>MByte</span>
             </div>
-            <div class="gd-12 pr0">
+            <div  class="layout">
               <p class="form-title">비밀글 기능</p>
               <p>{{ bbsMng.prvtPstUseYn }}</p>
               <!-- <div class="flex align-center no-gutters">

                 </div>
               </div> -->
             </div>
-            <div class="border-bottom">
+            <div class="border-bottom layout">
               <p class="form-title">이전글/다음글 기능</p>
               <p>{{ bbsMng.bfrAftrPstUseYn }}</p>
               <!-- <div class="flex align-center no-gutters">

                 </div>
               </div> -->
             </div>
-            <div>
+            <div class="layout">
               <p class="form-title">댓글 기능</p>
               <p>{{ bbsMng.cmntUseYn }}</p>
               <!-- <div class="flex align-center no-gutters">

dd8b248

57a4d02

client/views/pages/adm/boardManagement/template/galleryTemplate/GallerySelectList.vue

--- client/views/pages/adm/boardManagement/template/galleryTemplate/GallerySelectList.vue

+++ client/views/pages/adm/boardManagement/template/galleryTemplate/GallerySelectList.vue


             <div class="content">
                 <div class="scroll">
                     <div class="tbl-wrap">
-                        <table class="tbl data">
+                        <table class="tbl data cursor">
                             <colgroup>
                                 <!-- <col width="10%" /> -->
                                 <col width="60%" />

dd8b248

57a4d02

client/views/pages/adm/boardManagement/template/galleryTemplate/GallerySelectListOne.vue

--- client/views/pages/adm/boardManagement/template/galleryTemplate/GallerySelectListOne.vue

+++ client/views/pages/adm/boardManagement/template/galleryTemplate/GallerySelectListOne.vue


 <template>
-  <div
-    :class="{
-      content: true,
-      'admin-style overflow-y': pageRole === 'adm',
-      'w1400 pt50 pb50': pageRole === 'portal',
-    }"
-  >
-    <div
-      :class="{
-        'admin-page-title point-font2 mb30': pageRole == 'adm',
-        'page-title point-font mb30': pageRole == 'portal',
-      }"
-    >
-      <p>{{ bbsMng.bbsNm }}</p>
-    </div>
-    <div>
-      <table
-        class="detail-table mb30"
-        :class="{ 'admin-detail': pageRole === 'adm' }"
-      >
-        <colgroup>
-          <col width="10%" />
-          <col width="90%" />
-        </colgroup>
-        <tbody>
-          <tr class="detail-title">
-            <td colspan="2">
-              <p
-                :class="{
-                  'detail-table-title point-font2 mb10': pageRole == 'adm',
-                  'detail-table-title point-font mb10':
-                    pageRole == 'portal',
-                }"
-              >
-                {{ bbsCn.bbsNm }}
-              </p>
-              <p>
+  <template v-if="pageRole === 'portal'"></template>
+  <template v-else>
+      <div class="content-zone">
+        <div class="content">
+          <div class="scroll">
+            <div class="form-box">
+              <div class="layout between">
+                <div class="form-box-title">
+                  <p>{{ bbsCn.bbsNm }}</p>
+                </div>
                 <span>등록일시 | {{ bbsCn.regDt }}</span>
-              </p>
-            </td>
-          </tr>
-          <tr>
-            <td colspan="2" class="pd15">
-              <div>
-                <div class="gall-zone">
-                  <div class="gall-slide">
-                    <swiper-container
-                      class="mySwiper mb30"
-                      thumbs-swiper=".mySwiper2"
-                      space-between="10"
-                      navigation="true"
+              </div>
+              <div class="form-content">
+                <div class="grid-column">
+                  <swiper-container
+                    class="mySwiper mb30"
+                    thumbs-swiper=".mySwiper2"
+                    space-between="10"
+                    navigation="true"
+                  >
+                    <swiper-slide
+                      v-for="(item, index) in imgFileList"
+                      :key="index"
                     >
-                      <swiper-slide
-                        v-for="(item, index) in imgFileList"
-                        :key="index"
-                      >
-                        <img :src="item.absltPath" />
-                      </swiper-slide>
-                    </swiper-container>
+                      <img :src="item.absltPath" />
+                    </swiper-slide>
+                  </swiper-container>
 
-                    <swiper-container
-                      class="mySwiper2"
-                      space-between="10"
-                      slides-per-view="4"
-                      free-mode="true"
-                      watch-slides-progress="true"
+                  <swiper-container
+                    class="mySwiper2"
+                    space-between="10"
+                    slides-per-view="4"
+                    free-mode="true"
+                    watch-slides-progress="true"
+                  >
+                    <swiper-slide
+                      v-for="(item, index) in imgFileList"
+                      :key="index"
                     >
-                      <swiper-slide
-                        v-for="(item, index) in imgFileList"
-                        :key="index"
-                      >
-                        <img :src="item.absltPath" class="radius" />
-                      </swiper-slide>
-                    </swiper-container>
+                      <img :src="item.absltPath" class="radius" />
+                    </swiper-slide>
+                  </swiper-container>
+                  <div>
+                    <div
+                      class="editor5"
+                      style="width: 100%; min-height: 35rem"
+                      v-html="sanitizedContent"
+                    >
+                    </div>
                   </div>
                 </div>
-                <div class="pt30 pb30">
-                  <div
-                    class="editor5"
-                    style="width: 100%; min-height: 35rem"
-                    v-html="sanitizedContent"
-                  ></div>
+                <div class="grid-column">
+                  <p>첨부파일</p>
+                  <div v-if="fileList.length == 0">
+                    <label>첨부된 파일이 없습니다.</label>
+                  </div>
+                  <ul v-else class="pd10">
+                    <li
+                      v-for="(item, idx) in fileList"
+                      :key="idx"
+                      @click="downloadFile(item)"
+                      class="layout"
+                    >
+                      <p>{{ item.fileNm + "." + item.extnNm }}</p>
+                      <svg-icon type="mdi" :path="downloadFilePath"></svg-icon>
+                    </li>
+                  </ul>
                 </div>
               </div>
-            </td>
-          </tr>
-          <tr class="border-top">
-            <td
+            </div>
+            <div
+              v-if="bbsMng.cmntUseYn == 'Y'"
               :class="{
-                'pd15 point-font2': pageRole == 'adm',
-                'pd15 point-font': pageRole == 'portal',
+                pd30: true,
+                'comment-zone': pageRole == 'adm',
+                'comment-zone2': pageRole == 'portal',
               }"
             >
-              첨부파일
-            </td>
-            <td>
-              <div v-if="fileList.length == 0">
-                <label>첨부된 파일이 없습니다.</label>
+              <div class="flex justify-start align-start mb30">
+                <div class="gd-10 pl0">
+                  <textarea
+                    name=""
+                    id=""
+                    style="width: 100%; min-height: 4rem"
+                    v-model="InputCmnt"
+                  ></textarea>
+                </div>
+                <div class="gd-2 pr0">
+                  <button
+                    :class="{
+                      'large-btn comment-btn radius': true,
+                      'blue-btn': pageRole == 'adm',
+                      'green-btn': pageRole == 'portal',
+                    }"
+                    @click="fnInsertCmnt"
+                  >
+                    등록
+                  </button>
+                </div>
               </div>
-              <ul v-else class="pd10">
-                <li
-                  v-for="(item, idx) in fileList"
-                  :key="idx"
-                  @click="downloadFile(item)"
-                  class="cursor pd5 border radius mb5 flex justify-between align-center"
-                >
-                  <p>{{ item.fileNm + "." + item.extnNm }}</p>
-                  <svg-icon type="mdi" :path="downloadFilePath"></svg-icon>
-                </li>
-              </ul>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-      <div class="flex justify-end align-center mb30">
-        <div class="gd-1 pr0">
-          <button class="large-btn gray-border-btn" @click="fnList">
-            목록
-          </button>
-        </div>
-        <div
-          v-if="pageAuth.mdfcnAuthrt == 'Y' || mbrId == bbsCn.rgtr"
-          class="gd-1 pr0"
-        >
-          <button
-            :class="{
-              'large-btn': true,
-              'blue-border-btn': pageRole == 'adm',
-              'green-border-btn':
-                pageRole == 'portal',
-            }"
-            @click="fnUpdate"
-          >
-            수정
-          </button>
-        </div>
-        <div
-          v-if="pageAuth.delAuthrt == 'Y' || mbrId == bbsCn.rgtr"
-          class="gd-1 pr0"
-        >
-          <button class="large-btn red-border-btn" @click="fnDelete">
-            삭제
-          </button>
+              <div class="comment-wrap">
+                <template v-if="cmntList.length > 0">
+                  <CommentItem
+                    :comments="cmntList"
+                    :pageAuth="pageAuth"
+                    :pageId="pageId"
+                    @isReply="isReply"
+                  />
+                </template>
+                <template v-else>
+                  <p class="comment-text text-ct data-none">
+                    등록된 댓글이 없습니다.
+                  </p>
+                </template>
+              </div>
+            </div>
+          </div>
         </div>
       </div>
-      <table v-if="bbsMng.bfrAftrPstUseYn == 'Y'" class="content-navigate mb30">
-        <colgroup>
-          <col width="10%" />
-          <col width="90%" />
-        </colgroup>
-        <tbody>
-          <tr>
-            <td class="pd10 text-ct">이전글</td>
-            <td
-              v-if="prevBbsCn != null"
-              class="pd10 cursor"
-              @click="fnMoveBbsCn(prevBbsCn.bbsId)"
-            >
-              {{ prevBbsCn.bbsNm }}
-            </td>
-            <td v-else class="pd10">이전글이 없습니다</td>
-          </tr>
-          <tr>
-            <td class="pd10 text-ct">다음글</td>
-            <td
-              v-if="nextBbsCn != null"
-              class="pd10 cursor"
-              @click="fnMoveBbsCn(nextBbsCn.bbsId)"
-            >
-              {{ nextBbsCn.bbsNm }}
-            </td>
-            <td v-else class="pd10">다음글이 없습니다</td>
-          </tr>
-        </tbody>
-      </table>
-      <div
-        v-if="bbsMng.cmntUseYn == 'Y'"
-        :class="{
-          pd30: true,
-          'comment-zone': pageRole == 'adm',
-          'comment-zone2': pageRole == 'portal',
-        }"
-      >
-        <div class="flex justify-start align-start mb30">
-          <div class="gd-10 pl0">
-            <textarea
-              name=""
-              id=""
-              style="width: 100%; min-height: 4rem"
-              v-model="InputCmnt"
-            ></textarea>
-          </div>
-          <div class="gd-2 pr0">
+      <!-- 다음글 이전글 -->
+      <div>
+        <table v-if="bbsMng.bfrAftrPstUseYn == 'Y'" class="content-navigate mb30">
+          <colgroup>
+            <col width="10%" />
+            <col width="90%" />
+          </colgroup>
+          <tbody>
+            <tr>
+              <td class="pd10 text-ct">이전글</td>
+              <td
+                v-if="prevBbsCn != null"
+                class="pd10 cursor"
+                @click="fnMoveBbsCn(prevBbsCn.bbsId)"
+              >
+                {{ prevBbsCn.bbsNm }}
+              </td>
+              <td v-else class="pd10">이전글이 없습니다</td>
+            </tr>
+            <tr>
+              <td class="pd10 text-ct">다음글</td>
+              <td
+                v-if="nextBbsCn != null"
+                class="pd10 cursor"
+                @click="fnMoveBbsCn(nextBbsCn.bbsId)"
+              >
+                {{ nextBbsCn.bbsNm }}
+              </td>
+              <td v-else class="pd10">다음글이 없습니다</td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+      <div class="btn-wrap">
+            <button class="btn sm" @click="fnList">
+              목록
+            </button>
+          <template v-if="pageAuth.mdfcnAuthrt == 'Y' || mbrId == bbsCn.rgtr">
             <button
               :class="{
-                'large-btn comment-btn radius': true,
-                'blue-btn': pageRole == 'adm',
-                'green-btn': pageRole == 'portal',
+                'large-btn': true,
+                'blue-border-btn': pageRole == 'adm',
+                'green-border-btn':
+                  pageRole == 'portal',
               }"
-              @click="fnInsertCmnt"
+              @click="fnUpdate"
             >
-              등록
+              수정
             </button>
-          </div>
-        </div>
-        <div class="comment-wrap">
-          <template v-if="cmntList.length > 0">
-            <CommentItem
-              :comments="cmntList"
-              :pageAuth="pageAuth"
-              :pageId="pageId"
-              @isReply="isReply"
-            />
           </template>
-          <template v-else>
-            <p class="comment-text text-ct data-none">
-              등록된 댓글이 없습니다.
-            </p>
+          <template v-if="pageAuth.delAuthrt == 'Y' || mbrId == bbsCn.rgtr">
+            <button class="large-btn red-border-btn" @click="fnDelete">
+              삭제
+            </button>
           </template>
-        </div>
       </div>
-    </div>
-  </div>
+  </template>
 </template>
 
 <script>

dd8b248

57a4d02

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="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-ico xsm  main ico-sch" @click="fnFindAllWord">
-            <span class="sr-only">검색</span>
-        </button>
+    <div class="search-wrap">
+        <div class="search-bar border">
+            <select class="form-select sm border-none">
+                <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 border-none"  placeholder="검색어를 입력하세요."
+                v-model="search.searchText" @keyup.enter="fnFindAllWord" />
+            <button class="btn-ico xsm  main ico-sch" @click="fnFindAllWord">
+                <span class="sr-only">검색</span>
+            </button>
+        </div>
     </div>
     <div class="content-zone">
         <div class="content">

dd8b248

57a4d02

client/views/pages/adm/departmentManagement/DepartmentManagement.vue

--- client/views/pages/adm/departmentManagement/DepartmentManagement.vue

+++ client/views/pages/adm/departmentManagement/DepartmentManagement.vue


                 <p>부서 정보</p>
               </div>
               <div class="form-content">
-                <div>
+                <div  class="layout">
                   <label class="form-title">상위부서</label>
                   <input
                     type="text"

                     v-model="viewDept.upDeptNm"
                   />
                 </div>
-                <div>
+                <div  class="layout">
                   <label class="form-title">부서명</label>
                   <input
                     type="text"

                     v-model="viewDept.deptNm"
                   />
                 </div>
-                <div  class="grid-column">
+                <div  class="grid-column layout">
                   <label class="form-title">부서권한</label>
                   <select
                     class="form-select sm"

                     </option>
                   </select>
                 </div>
-                <div class="grid-column">
+                <div class="grid-column layout">
                   <label class="form-title">부서설명</label>
                   <textarea
                     class="form-control lg area"

dd8b248

57a4d02

client/views/pages/adm/menuManagement/menuManagement/MenuManagement.vue

--- client/views/pages/adm/menuManagement/menuManagement/MenuManagement.vue

+++ client/views/pages/adm/menuManagement/menuManagement/MenuManagement.vue


                 <p>메뉴 정보</p>
               </div>
               <div class="form-content">
-                <div>
+                <div  class="layout">
                   <label class="form-title">상위 메뉴명 </label>
                   <input type="text" class="form-control sm" v-model="viewMenu.upMenuNm" disabled />
                 </div>
-                <div>
+                <div  class="layout">
                   <label class="form-title">메뉴명</label>
                   <input type="text" class="form-control sm" ref="menuNm" v-model="viewMenu.menuNm"
                     :disabled="!editMode" />
                 </div>
-                <div class="grid-column">
+                <div class="grid-column layout">
                   <label class="form-title">메뉴 설명</label>
                   <textarea  v-model="viewMenu.menuExpln" :disabled="!editMode" class="form-control lg area"></textarea>
                 </div>
-                <div class="grid-column">
+                <div class="grid-column layout">
                   <label class="form-title">메뉴 타입</label>
                   <div class="input-group">
                       <select class="form-select sm" ref="menuType" v-model="viewMenu.menuType" :disabled="!editMode">

                     </template>
                   </div>
                 </div>
-                <div>
+                <div  class="layout">
                   <label class="form-title">메뉴 사용자</label>
                   <div class="check-area">
                     <div class="form-check">

                     </div>
                   </div>
                 </div>
-                <div>
+                <div  class="layout">
                   <label class="form-title">링크유형 </label>
                   <div class="check-area">
                     <div class="form-check">

                     </div>
                   </div>
                 </div>
-                <div class="gd-12 pr0">
+                <div class="layout">
                   <label for="" class="form-title">만족도 조사 사용 여부 </label>
                   <div class="check-area">
                     <div class="form-check">

                     </div>
                   </div>
                 </div>
-                <div>
+                <div  class="layout">
                   <label class="form-title">메뉴 노출 여부</label>
                   <div class="check-area">
                     <div class="form-check">

                     </div>
                   </div>
                 </div>
-                <div>
+                <div  class="layout">
                   <label class="form-title">등록자</label>
                   <input type="text" class="form-control sm" v-model="viewMenu.rgtrNm" disabled />
                 </div>
-                <div>
+                <div  class="layout">
                   <label class="form-title">등록일</label>
                   <input type="text" class="form-control sm" v-model="viewMenu.regDt" disabled />
                 </div>
-                <div>
+                <div  class="layout">
                   <label class="form-title">수정자</label>
                   <input type="text" class="form-control sm" v-model="viewMenu.mdfrNm" disabled />
                 </div>
-                <div>
+                <div  class="layout">
                   <label class="form-title">수정일</label>
                   <input type="text" class="form-control sm" v-model="viewMenu.mdfcnDt" disabled />
                 </div>

dd8b248

57a4d02

client/views/pages/adm/menuManagement/menuSatisfactionManagement/MenuSatisfactionSelectList.vue

--- client/views/pages/adm/menuManagement/menuSatisfactionManagement/MenuSatisfactionSelectList.vue

+++ client/views/pages/adm/menuManagement/menuSatisfactionManagement/MenuSatisfactionSelectList.vue

...	...	@@ -64,7 +64,7 @@
64	64	pageAuth: JSON.parse(localStorage.getItem("vuex")).pageAuth,
65	65
66	66	satisfaction: false,
67		- colgroup: ["23%", "12%", "12%", "12%", "12%", "12%", "12%", "5%"],
	67	+ colgroup: ["30%", "10%", "10%", "10%", "10%", "10%", "10%", "10%"],
68	68	colgroup2: ["13%", "13%", "13%", "13%", "13%", "13%", "22%"],
69	69	thead: [
70	70	"메뉴명",

dd8b248

57a4d02

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

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

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


                 <p>공통코드정보</p>
               </div>
               <div class="form-content">
-                <div>
+                <div class="layout">
                   <label for="" class="form-title">상위코드</label>
                   <input type="text" class="form-control sm" disabled v-model="viewCode.upCd" />
                 </div>
-                <div>
+                <div class="layout">
                   <label for="" class="form-title">상위코드명</label>
                   <input type="text" class="form-control sm" disabled v-model="viewCode.upCdNm" />
                 </div>
-                <div>
+                <div class="layout">
                   <label for="" class="form-title">코드</label>
                   <input type="text" class="form-control sm" :disabled="isFormDisabled || !submitStts"
                     v-model="viewCode.cd" />
                 </div>
-                <div>
+                <div class="layout">
                   <label for="" class="form-title">코드명</label>
                   <input type="text" class="form-control sm" :disabled="isFormDisabled" v-model="viewCode.cdNm" />
                 </div>
-                <div>
+                <div class="layout">
                   <label for="" class="form-title">코드값</label>
                   <input type="text" class="form-control sm" :disabled="isFormDisabled" v-model="viewCode.cdVl" />
                 </div>
-                <div class="border-bottom">
+                <div class="border-bottom layout">
                   <label for="" class="form-title">사용여부</label>
                   <div class="check-area">
                     <div class="form-check">

                     </div>
                   </div>
                 </div>
-                <div class="grid-column">
+                <div class="grid-column layout">
                   <label for="textarea" class="form-title">코드설명</label>
                   <textarea class="form-control" id="textarea" :disabled="isFormDisabled" v-model="viewCode.cdExpln"></textarea>
                 </div>

dd8b248

57a4d02

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

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

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


             <p>기본정보</p>
           </div>
           <div class="form-content">
-            <div>
+            <div class="layout">
                 <label for="" class="form-title">
                   콘텐츠 한글명
                 </label>

                   ref="contsKornNm"
                 />
               </div>
-              <div>
+              <div class="layout">
                 <label for="" class="form-title">
                   콘텐츠 영문명
                 </label>

                   ref="contsEngNm"
                 />
               </div>
-              <div>
+              <div class="layout">
                 <label for="" class="form-title">
                   관리자 PATH
                 </label>

                   ref="mngrPageCrs"
                 />
               </div>
-              <div>
+              <div class="layout">
                 <label for="" class="form-title">
                   사용자 PATH
                 </label>

                   ref="pageCrs"
                 />
               </div>
-              <div>
+              <div class="layout">
                 <label for="" class="form-title">
                   COMPONENT_URL
                 </label>

                   ref="compnCrs"
                 />
               </div>
-              <div>
+              <div class="layout">
                 <label for="" class="form-title">
                   메뉴노출
                 </label>

dd8b248

57a4d02

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

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

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


             <p>기본정보</p>
           </div>
           <div class="form-content">
-            <div>
+            <div  class="layout"> 
               <p class="form-title">콘텐츠 한글명</p>
               <p>{{ contsTypeVO.contsKornNm }}</p>
               <!-- <input

                 disabled
               /> -->
             </div>
-            <div class="gd-12 pr0">
+            <div class="layout">
               <p class="form-title">콘텐츠 영문명</p>
               <p>{{ contsTypeVO.contsEngNm }}</p>
               <!-- <input

                 disabled
               /> -->
             </div>
-            <div class="gd-12 pr10">
+            <div class="layout">
               <p class="form-title">관리자 PATH</p>
               <p>{{ contsTypeVO.mngrPageCrs }}</p>
               <!-- <input

                 disabled
               /> -->
             </div>
-            <div>
+            <div  class="layout">
               <p class="form-title">사용자 PATH</p>
               <p>{{ contsTypeVO.pageCrs }}</p>
               <!-- <input

                 disabled
               /> -->
             </div>
-            <div>
+            <div  class="layout">
               <p class="form-title">COMPONENT_URL</p>
               <p>{{ contsTypeVO.compnCrs }}</p>
               <!-- <input

                 disabled
               /> -->
             </div>
-            <div>
+            <div  class="layout">
               <p class="form-title">메뉴타입 목록 노출</p>
               <p>{{contsTypeVO.expsrYn}}</p>
               <!--<div class="check-area">

dd8b248

57a4d02

client/views/pages/adm/system/LoginPolicy/LoginPolicy.vue

--- client/views/pages/adm/system/LoginPolicy/LoginPolicy.vue

+++ client/views/pages/adm/system/LoginPolicy/LoginPolicy.vue


             <span style="color: red;"> ※ 로그인 정책을 변경하면 전체 사용자가 로그아웃됩니다.</span>
           </div>
           <div class="form-content">
-            <div class="gd-12 pl0">
+            <div class="layout">
               <label class="form-title">중복로그인 설정</label>
               <div class="form-group">
                 <div class="check-area">

                 <!--    <p>{{ allowMultipleLogin ? '중복 로그인을 허용하고 있습니다.' : '중복 로그인을 허용하지 않습니다.' }}</p>-->
               </div>
             </div>
-            <div>
+            <div class="layout border-bottom">
               <label class="form-title">로그인 방식 설정</label>
               <div class="form-group">
                 <div class="check-area">

                 </span> -->
               </div>
             </div>
-            <div>
+            <div class="layout">
               <label class="form-title">Context Path 설정</label>
               <div class="form-group">
                 <div class="check-area">

dd8b248

57a4d02

client/views/pages/adm/system/networkAccessControl/NetworkAccessControlInsert.vue

--- client/views/pages/adm/system/networkAccessControl/NetworkAccessControlInsert.vue

+++ client/views/pages/adm/system/networkAccessControl/NetworkAccessControlInsert.vue


                         <p><span>*</span>필수입력</p>
                     </div>
                     <div class="form-content">
-                            <div>
+                            <div class="layout">
                                 <label for="" class="form-title"><span>*</span> 제어 유형</label>
                                 <select name="selectType" id="selectType" class="form-select sm"
                                     v-model="accesCtrl.cntrlType">

                                     </option>
                                 </select>
                             </div>
-                            <div class="border-bottom">
+                            <div class="layout border-bottom">
                                 <label for="" class="form-title"><span>*</span> 제어 IP</label>
                                 <div class="form-group">
                                     <input type="text" class="form-control sm" v-model="accesCtrl.cntrlIp"  placeholder="1~255 범위의 숫자로 구성하여 형식에 맞게 작성해주세요." />
                                     <span>ex) 192.168.0.1 / 192.168.0.*</span>
                                 </div>
                             </div>
-                            <div>
+                            <div class="layout">
                                 <label for="" class="form-title"><span>*</span> 제어 경로</label>
                                 <input type="text"  class="form-control sm"  v-model="accesCtrl.cntrlCrs" placeholder="제어할 경로 URL을 입력하세요."/>
                             </div>

dd8b248

57a4d02

client/views/pages/adm/system/networkAccessControl/NetworkAccessControlSelectListOne.vue

--- client/views/pages/adm/system/networkAccessControl/NetworkAccessControlSelectListOne.vue

+++ client/views/pages/adm/system/networkAccessControl/NetworkAccessControlSelectListOne.vue


             <p>기본정보</p>
           </div>
           <div class="form-content">
-            <div>
+            <div class="layout">
               <p class="form-title">제어유형</p>
               <p>{{ accesCtrl.cntrlTypeNm }}</p>
             </div>
-            <div class="border-bottom">
+            <div class="layout border-bottom">
               <p class="form-title">제어 IP</p>
               <p>{{ accesCtrl.cntrlIp }}</p>
             </div>
-            <div>
+            <div class="layout">
               <p class="form-title">제어 경로</p>
               <p colspan="3">{{ accesCtrl.cntrlCrs }}</p>
             </div>

Add a comment

Open 0
Closed 0

List

...	...	@@ -135,7 +135,6 @@
135	135	// grid-template-rows: 1fr 1fr;
136	136
137	137	>div {
138		- @include flex-layout(flex, center, start);
139	138	width: 100%;
140	139	padding: 1rem;
141	140	border-bottom: 1px solid var(--tk-gray-10);
...	...	@@ -382,28 +381,32 @@
382	381	overflow-y: auto;
383	382	}
384	383
385		- .tbl.data{
386		- thead{
387		- th{
388		- background-color: #c8d0d8;
389		- &:first-child{
390		- border-radius: 1rem 0 0 0;
391		- }
392		- &:last-child{
393		- border-radius: 0 1rem 0 0;
	384	+ .tbl{
	385	+ max-width: 100%;
	386	+ width: 100%;
	387	+ .data{
	388	+ thead{
	389	+ th{
	390	+ background-color: #c8d0d8;
	391	+ &:first-child{
	392	+ border-radius: 1rem 0 0 0;
	393	+ }
	394	+ &:last-child{
	395	+ border-radius: 0 1rem 0 0;
	396	+ }
394	397	}
395	398	}
396		- }
397		-
398		- tbody{
399		- tr{
400		- &:last-child{
401		- td{
402		- &:first-child{
403		- border-radius: 0 0 0 1rem;
404		- }
405		- &:last-child{
406		- border-radius: 0 0 1rem 0;
	399	+
	400	+ tbody{
	401	+ tr{
	402	+ &:last-child{
	403	+ td{
	404	+ &:first-child{
	405	+ border-radius: 0 0 0 1rem;
	406	+ }
	407	+ &:last-child{
	408	+ border-radius: 0 0 1rem 0;
	409	+ }
407	410	}
408	411	}
409	412	}
...	...	@@ -469,5 +472,9 @@
469	472	.ml10{
470	473	margin-left: 1rem;
471	474	}
	475	+
	476	+ &.between{
	477	+ @include flex-layout(flex, center, space-between);
	478	+ }
472	479	}
473	480

...	...	@@ -74,7 +74,7 @@
74	74	<div class="content">
75	75	<div class="scroll">
76	76	<div class="tbl-wrap">
77		- <table class="tbl data">
	77	+ <table class="tbl data cursor">
78	78	<colgroup>
79	79	<!-- <col width="10%" /> -->
80	80	<col width="60%" />

...	...	@@ -30,20 +30,20 @@
30	30	<p>메뉴 정보</p>
31	31	</div>
32	32	<div class="form-content">
33		- <div>
	33	+ <div class="layout">
34	34	<label class="form-title">상위 메뉴명 </label>
35	35	<input type="text" class="form-control sm" v-model="viewMenu.upMenuNm" disabled />
36	36	</div>
37		- <div>
	37	+ <div class="layout">
38	38	<label class="form-title">메뉴명</label>
39	39	<input type="text" class="form-control sm" ref="menuNm" v-model="viewMenu.menuNm"
40	40	:disabled="!editMode" />
41	41	</div>
42		- <div class="grid-column">
	42	+ <div class="grid-column layout">
43	43	<label class="form-title">메뉴 설명</label>
44	44	<textarea v-model="viewMenu.menuExpln" :disabled="!editMode" class="form-control lg area"></textarea>
45	45	</div>
46		- <div class="grid-column">
	46	+ <div class="grid-column layout">
47	47	<label class="form-title">메뉴 타입</label>
48	48	<div class="input-group">
49	49	<select class="form-select sm" ref="menuType" v-model="viewMenu.menuType" :disabled="!editMode">
...	...	@@ -70,7 +70,7 @@
70	70	</template>
71	71	</div>
72	72	</div>
73		- <div>
	73	+ <div class="layout">
74	74	<label class="form-title">메뉴 사용자</label>
75	75	<div class="check-area">
76	76	<div class="form-check">
...	...	@@ -85,7 +85,7 @@
85	85	</div>
86	86	</div>
87	87	</div>
88		- <div>
	88	+ <div class="layout">
89	89	<label class="form-title">링크유형 </label>
90	90	<div class="check-area">
91	91	<div class="form-check">
...	...	@@ -100,7 +100,7 @@
100	100	</div>
101	101	</div>
102	102	</div>
103		- <div class="gd-12 pr0">
	103	+ <div class="layout">
104	104	<label for="" class="form-title">만족도 조사 사용 여부 </label>
105	105	<div class="check-area">
106	106	<div class="form-check">
...	...	@@ -115,7 +115,7 @@
115	115	</div>
116	116	</div>
117	117	</div>
118		- <div>
	118	+ <div class="layout">
119	119	<label class="form-title">메뉴 노출 여부</label>
120	120	<div class="check-area">
121	121	<div class="form-check">
...	...	@@ -130,19 +130,19 @@
130	130	</div>
131	131	</div>
132	132	</div>
133		- <div>
	133	+ <div class="layout">
134	134	<label class="form-title">등록자</label>
135	135	<input type="text" class="form-control sm" v-model="viewMenu.rgtrNm" disabled />
136	136	</div>
137		- <div>
	137	+ <div class="layout">
138	138	<label class="form-title">등록일</label>
139	139	<input type="text" class="form-control sm" v-model="viewMenu.regDt" disabled />
140	140	</div>
141		- <div>
	141	+ <div class="layout">
142	142	<label class="form-title">수정자</label>
143	143	<input type="text" class="form-control sm" v-model="viewMenu.mdfrNm" disabled />
144	144	</div>
145		- <div>
	145	+ <div class="layout">
146	146	<label class="form-title">수정일</label>
147	147	<input type="text" class="form-control sm" v-model="viewMenu.mdfcnDt" disabled />
148	148	</div>

...	...	@@ -7,7 +7,7 @@
7	7	<p>기본정보</p>
8	8	</div>
9	9	<div class="form-content">
10		- <div>
	10	+ <div class="layout">
11	11	<label class="form-title">제목</label>
12	12	<input
13	13	type="text"
...	...	@@ -17,7 +17,7 @@
17	17	placeholder="제목을 입력하세요."
18	18	/>
19	19	</div>
20		- <div>
	20	+ <div class="layout">
21	21	<label class="form-title">게시일</label>
22	22	<div class="input-group">
23	23	<VueDatePicker
...	...	@@ -39,7 +39,7 @@
39	39	/>
40	40	</div>
41	41	</div>
42		- <div>
	42	+ <div class="layout">
43	43	<label class="form-title">팝업크기</label>
44	44	<div class="input-group">
45	45	<select class="form-select sm fixed" v-model="popup['popupSizeType']">
...	...	@@ -85,7 +85,7 @@
85	85	</template>
86	86	</div>
87	87	</div>
88		- <div >
	88	+ <div class="layout">
89	89	<label class="form-title">업로드 형식</label>
90	90	<div class="check-area">
91	91	<div class="form-check">
...	...	@@ -111,7 +111,7 @@
111	111	</div>
112	112	</div>
113	113	<template v-if="popup['popupType'] == 'image'">
114		- <div>
	114	+ <div class="layout">
115	115	<label class="form-title">이미지 첨부파일</label>
116	116
117	117	<div
...	...	@@ -152,7 +152,7 @@
152	152	</div>
153	153	</div>
154	154
155		- <div>
	155	+ <div class="layout">
156	156	<label class="form-title">링크 URL</label>
157	157	<input
158	158	type="text"
...	...	@@ -165,7 +165,7 @@
165	165	</div>
166	166	</template>
167	167	<template v-if="popup['popupType'] == 'video'">
168		- <div>
	168	+ <div class="layout">
169	169	<label class="form-title">동영상 URL</label>
170	170	<input
171	171	type="text"
...	...	@@ -177,7 +177,7 @@
177	177	/>
178	178	</div>
179	179	</template>
180		- <div>
	180	+ <div class="layout">
181	181	<label class="form-title">팝업 노출 페이지</label>
182	182	<select
183	183	class="form-select sm "
...	...	@@ -194,7 +194,7 @@
194	194	</option>
195	195	</select>
196	196	</div>
197		- <div>
	197	+ <div class="layout">
198	198	<label class="form-title">순서</label>
199	199	<select class="form-select sm " v-model="popup['sn']" ref="sn">
200	200	<option value="0">순서를 선택하세요.</option>

...	...	@@ -7,7 +7,7 @@
7	7	<p>기본정보</p>
8	8	</div>
9	9	<div class="form-content">
10		- <div>
	10	+ <div class="layout">
11	11	<p class="form-title">제목</p>
12	12	<p>{{ popup['popupTtl'] }}</p>
13	13	<!-- <input
...	...	@@ -18,7 +18,7 @@
18	18	disabled
19	19	/> -->
20	20	</div>
21		- <div>
	21	+ <div class="layout">
22	22	<p class="form-title">게시일</p>
23	23	<p>{{ popup['bgngDt'] +"-"+ popup['endDt'] }}</p>
24	24
...	...	@@ -42,7 +42,7 @@
42	42
43	43
44	44	</div>
45		- <div>
	45	+ <div class="layout">
46	46	<p class="form-title">팝업크기</p>
47	47	<p>{{ popup['wdthLen'] + "X" + popup['vrtcLen']}}</p>
48	48
...	...	@@ -106,7 +106,7 @@
106	106	</div>
107	107	</div> -->
108	108	</div>
109		- <div>
	109	+ <div class="layout">
110	110	<p class="form-title">업로드 형식 </p>
111	111	<p>{{ popup['popupType'] }}</p>
112	112	<!-- <div class="flex align-center no-gutters">
...	...	@@ -135,7 +135,7 @@
135	135	</div> -->
136	136	</div>
137	137	<template v-if="popup['popupType'] == 'image'">
138		- <div>
	138	+ <div class="layout">
139	139	<p class="form-title">이미지 첨부파일</p>
140	140	<p v-if="fileList.length < 1">첨부파일이 없습니다.</p>
141	141	<p v-else>{{ fileList[0]['fileNm'] + '.' + fileList[0]['extnNm'] }}</p>
...	...	@@ -166,7 +166,7 @@
166	166	</div>
167	167	</div> -->
168	168	</div>
169		- <div>
	169	+ <div class="layout">
170	170	<p class="form-title">링크 URL</p>
171	171	<p v-if="popup['linkUrl'] != null \|\| popup['linkUrl'] != ''">{{ popup['linkUrl'] }}</p>
172	172	<p v-else>링크가 없습니다.</p>
...	...	@@ -180,7 +180,7 @@
180	180	</div>
181	181	</template>
182	182	<template v-if="popup['popupType'] == 'video'">
183		- <div>
	183	+ <div class="layout">
184	184	<p class="form-title">동영상 URL</p>
185	185	<p>{{ popup['vdoUrl'] }}</p>
186	186	<!-- <input
...	...	@@ -192,7 +192,7 @@
192	192	/> -->
193	193	</div>
194	194	</template>
195		- <div>
	195	+ <div class="layout">
196	196	<p class="form-title point-font2 mb10"> 팝업 노출 페이지</p>
197	197	<p>{{ popup['pageType'] }}</p>
198	198	<!-- <select
...	...	@@ -211,7 +211,7 @@
211	211	</option>
212	212	</select> -->
213	213	</div>
214		- <div>
	214	+ <div class="layout">
215	215	<p class="form-title">순서</p>
216	216	<p>{{ popup['sn'] }}</p>
217	217	<!-- <select

...	...	@@ -1,5 +1,5 @@
1	1	<template>
2		- <div class="seach-wrap">
	2	+ <div class="search-wrap">
3	3	<div class="search-bar border">
4	4	<!-- <select name="" id="" class="border-none gd-2">
5	5	<option value="">전체</option>

...	...	@@ -7,15 +7,15 @@
7	7	<p>기본 정보</p>
8	8	</div>
9	9	<div class="form-content">
10		- <div>
	10	+ <div class="layout">
11	11	<p class="form-title">권한코드</p>
12	12	<p>{{ authrt.authrtCd }}</p>
13	13	</div>
14		- <div class="border-bottom">
	14	+ <div class="border-bottom layout">
15	15	<p class="form-title">권한명</p>
16	16	<p>{{ authrt.authrtNm }}</p>
17	17	</div>
18		- <div>
	18	+ <div class="layout">
19	19	<p class="form-title">
20	20	권한설명
21	21	</p>

...	...	@@ -7,22 +7,22 @@
7	7	<p>기본 설정</p>
8	8	</div>
9	9	<div class="form-content">
10		- <div>
	10	+ <div class="layout">
11	11	<label class="form-title">게시판명</label>
12	12	<input type="text" class="form-control sm" v-model="bbsMng.bbsNm"
13	13	placeholder="게시판명을 입력하세요." />
14	14	</div>
15		- <div>
	15	+ <div class="layout">
16	16	<label class="form-title">게시판 상단 정보</label>
17	17	<input type="text" class="form-control sm" v-model="bbsMng.bbsUpInfo"
18	18	placeholder="게시판 상단에 표기될 정보를 입력하세요." />
19	19	</div>
20		- <div>
	20	+ <div class="layout">
21	21	<label class="form-title">게시판 설명</label>
22	22	<input type="text" class="form-control sm" v-model="bbsMng.bbsExpln"
23	23	placeholder="게시판 설명을 입력하세요." />
24	24	</div>
25		- <div>
	25	+ <div class="layout">
26	26	<label class="form-title">게시판 유형</label>
27	27	<select name="" id="" class="form-select sm" @change="typeSelect"
28	28	:disabled="bbsMng.bbsMngId != null">
...	...	@@ -34,11 +34,11 @@
34	34	</option>
35	35	</select>
36	36	</div>
37		- <div>
	37	+ <div class="layout">
38	38	<label class="form-title">목록 개수</label>
39	39	<input type="number" class="form-control sm" v-model="bbsMng.artclCnt" />
40	40	</div>
41		- <div>
	41	+ <div class="layout">
42	42	<label class="form-title">페이지 유형</label>
43	43	<select name="" id="" class="form-select sm" v-model="bbsMng.cd">
44	44	<option :value="null" disabled>선택해주세요</option>
...	...	@@ -54,7 +54,7 @@
54	54	<p>세부설정</p>
55	55	</div>
56	56	<div class="form-content">
57		- <div>
	57	+ <div class="layout">
58	58	<label class="form-title">첨부파일 기능</label>
59	59	<div class="check-area">
60	60	<div class="form-check">
...	...	@@ -69,7 +69,7 @@
69	69	</div>
70	70	</div>
71	71	</div>
72		- <div>
	72	+ <div class="layout">
73	73	<label class="form-title">공지글 기능</label>
74	74	<div class="check-area">
75	75	<div class="form-check">
...	...	@@ -84,7 +84,7 @@
84	84	</div>
85	85	</div>
86	86	</div>
87		- <div>
	87	+ <div class="layout">
88	88	<label class="form-title">첨부파일 확장자</label>
89	89	<div>
90	90	<div class="input-group">
...	...	@@ -109,7 +109,7 @@
109	109	</div>
110	110	</div>
111	111	</div>
112		- <div>
	112	+ <div class="layout">
113	113	<label class="form-title">파일크기 제한</label>
114	114	<div class="input-group">
115	115	<input type="number" class="form-control sm" v-model="bbsMng.fileSzLmt"
...	...	@@ -117,7 +117,7 @@
117	117	<span>MByte</span>
118	118	</div>
119	119	</div>
120		- <div>
	120	+ <div class="layout">
121	121	<label class="form-title">비밀글 기능</label>
122	122	<div class="check-area">
123	123	<div class="form-check">
...	...	@@ -132,7 +132,7 @@
132	132	</div>
133	133	</div>
134	134	</div>
135		- <div class="border-bottom">
	135	+ <div class="border-bottom layout">
136	136	<label class="form-title">이전글/다음글 기능</label>
137	137	<div class="check-area">
138	138	<div class="form-check">
...	...	@@ -147,7 +147,7 @@
147	147	</div>
148	148	</div>
149	149	</div>
150		- <div>
	150	+ <div class="layout">
151	151	<label class="form-title">댓글 기능</label>
152	152	<div class="check-area">
153	153	<div class="form-check">

...	...	@@ -7,7 +7,7 @@
7	7	<p >기본 설정</p>
8	8	</div>
9	9	<div class="form-content">
10		- <div>
	10	+ <div class="layout">
11	11	<p class="form-title"
12	12	>게시판명</p
13	13	>
...	...	@@ -19,7 +19,7 @@
19	19	disabled
20	20	/> -->
21	21	</div>
22		- <div>
	22	+ <div class="layout">
23	23	<p class="form-title">게시판 상단 정보</p>
24	24	<p>{{bbsMng.bbsUpInfo}}</p>
25	25	<!-- <input
...	...	@@ -29,7 +29,7 @@
29	29	disabled
30	30	/> -->
31	31	</div>
32		- <div>
	32	+ <div class="layout">
33	33	<p class="form-title">게시판 설명</p>
34	34	<p>{{ bbsMng.bbsExpln }}</p>
35	35	<!-- <input
...	...	@@ -39,7 +39,7 @@
39	39	disabled
40	40	/> -->
41	41	</div>
42		- <div>
	42	+ <div class="layout">
43	43	<p class="form-title">게시판 유형</p>
44	44	<p>{{ bbsMng.bbsTypeKornNm }}</p>
45	45	<!-- <select
...	...	@@ -59,7 +59,7 @@
59	59	</option>
60	60	</select> -->
61	61	</div>
62		- <div>
	62	+ <div class="layout">
63	63	<p class="form-title"
64	64	>목록 개수</p
65	65	>
...	...	@@ -71,7 +71,7 @@
71	71	disabled
72	72	/> -->
73	73	</div>
74		- <div>
	74	+ <div class="layout">
75	75	<p class="form-title">페이지 유형</p>
76	76	<p>{{ bbsMng.cd }}</p>
77	77	<!-- <select
...	...	@@ -98,7 +98,7 @@
98	98	<p>세부설정</p>
99	99	</div>
100	100	<div class="form-content">
101		- <div>
	101	+ <div class="layout">
102	102	<p class="form-title">첨부파일 기능</p>
103	103	<p>{{ bbsMng.atchFileUseYn }}</p>
104	104	<!-- <div class="flex align-center no-gutters">
...	...	@@ -128,7 +128,7 @@
128	128	</div>
129	129	</div> -->
130	130	</div>
131		- <div>
	131	+ <div class="layout">
132	132	<p class="form-title">공지글 기능</p>
133	133	<p>{{ bbsMng.ntcUseYn }}</p>
134	134	<!-- <div class="flex align-center no-gutters">
...	...	@@ -158,7 +158,7 @@
158	158	</div>
159	159	</div> -->
160	160	</div>
161		- <div>
	161	+ <div class="layout">
162	162	<p class="form-title">첨부파일 확장자</p>
163	163	<p>{{ bbsMng.fileExtnNm }}</p>
164	164	<!-- <input
...	...	@@ -168,7 +168,7 @@
168	168	disabled
169	169	/> -->
170	170	</div>
171		- <div>
	171	+ <div class="layout">
172	172	<p class="form-title">파일크기 제한</p>
173	173	<p>{{ bbsMng.fileSzLmt }}</p>
174	174	<!-- <input
...	...	@@ -179,7 +179,7 @@
179	179	/> -->
180	180	<span>MByte</span>
181	181	</div>
182		- <div class="gd-12 pr0">
	182	+ <div class="layout">
183	183	<p class="form-title">비밀글 기능</p>
184	184	<p>{{ bbsMng.prvtPstUseYn }}</p>
185	185	<!-- <div class="flex align-center no-gutters">
...	...	@@ -209,7 +209,7 @@
209	209	</div>
210	210	</div> -->
211	211	</div>
212		- <div class="border-bottom">
	212	+ <div class="border-bottom layout">
213	213	<p class="form-title">이전글/다음글 기능</p>
214	214	<p>{{ bbsMng.bfrAftrPstUseYn }}</p>
215	215	<!-- <div class="flex align-center no-gutters">
...	...	@@ -239,7 +239,7 @@
239	239	</div>
240	240	</div> -->
241	241	</div>
242		- <div>
	242	+ <div class="layout">
243	243	<p class="form-title">댓글 기능</p>
244	244	<p>{{ bbsMng.cmntUseYn }}</p>
245	245	<!-- <div class="flex align-center no-gutters">

...	...	@@ -1,227 +1,180 @@
1	1	<template>
2		- <div
3		- :class="{
4		- content: true,
5		- 'admin-style overflow-y': pageRole === 'adm',
6		- 'w1400 pt50 pb50': pageRole === 'portal',
7		- }"
8		- >
9		- <div
10		- :class="{
11		- 'admin-page-title point-font2 mb30': pageRole == 'adm',
12		- 'page-title point-font mb30': pageRole == 'portal',
13		- }"
14		- >
15		- <p>{{ bbsMng.bbsNm }}</p>
16		- </div>
17		- <div>
18		- <table
19		- class="detail-table mb30"
20		- :class="{ 'admin-detail': pageRole === 'adm' }"
21		- >
22		- <colgroup>
23		- <col width="10%" />
24		- <col width="90%" />
25		- </colgroup>
26		- <tbody>
27		- <tr class="detail-title">
28		- <td colspan="2">
29		- <p
30		- :class="{
31		- 'detail-table-title point-font2 mb10': pageRole == 'adm',
32		- 'detail-table-title point-font mb10':
33		- pageRole == 'portal',
34		- }"
35		- >
36		- {{ bbsCn.bbsNm }}
37		- </p>
38		- <p>
	2	+ <template v-if="pageRole === 'portal'"></template>
	3	+ <template v-else>
	4	+ <div class="content-zone">
	5	+ <div class="content">
	6	+ <div class="scroll">
	7	+ <div class="form-box">
	8	+ <div class="layout between">
	9	+ <div class="form-box-title">
	10	+ <p>{{ bbsCn.bbsNm }}</p>
	11	+ </div>
39	12	<span>등록일시 \| {{ bbsCn.regDt }}</span>
40		- </p>
41		- </td>
42		- </tr>
43		- <tr>
44		- <td colspan="2" class="pd15">
45		- <div>
46		- <div class="gall-zone">
47		- <div class="gall-slide">
48		- <swiper-container
49		- class="mySwiper mb30"
50		- thumbs-swiper=".mySwiper2"
51		- space-between="10"
52		- navigation="true"
	13	+ </div>
	14	+ <div class="form-content">
	15	+ <div class="grid-column">
	16	+ <swiper-container
	17	+ class="mySwiper mb30"
	18	+ thumbs-swiper=".mySwiper2"
	19	+ space-between="10"
	20	+ navigation="true"
	21	+ >
	22	+ <swiper-slide
	23	+ v-for="(item, index) in imgFileList"
	24	+ :key="index"
53	25	>
54		- <swiper-slide
55		- v-for="(item, index) in imgFileList"
56		- :key="index"
57		- >
58		- <img :src="item.absltPath" />
59		- </swiper-slide>
60		- </swiper-container>
	26	+ <img :src="item.absltPath" />
	27	+ </swiper-slide>
	28	+ </swiper-container>
61	29
62		- <swiper-container
63		- class="mySwiper2"
64		- space-between="10"
65		- slides-per-view="4"
66		- free-mode="true"
67		- watch-slides-progress="true"
	30	+ <swiper-container
	31	+ class="mySwiper2"
	32	+ space-between="10"
	33	+ slides-per-view="4"
	34	+ free-mode="true"
	35	+ watch-slides-progress="true"
	36	+ >
	37	+ <swiper-slide
	38	+ v-for="(item, index) in imgFileList"
	39	+ :key="index"
68	40	>
69		- <swiper-slide
70		- v-for="(item, index) in imgFileList"
71		- :key="index"
72		- >
73		- <img :src="item.absltPath" class="radius" />
74		- </swiper-slide>
75		- </swiper-container>
	41	+ <img :src="item.absltPath" class="radius" />
	42	+ </swiper-slide>
	43	+ </swiper-container>
	44	+ <div>
	45	+ <div
	46	+ class="editor5"
	47	+ style="width: 100%; min-height: 35rem"
	48	+ v-html="sanitizedContent"
	49	+ >
	50	+ </div>
76	51	</div>
77	52	</div>
78		- <div class="pt30 pb30">
79		- <div
80		- class="editor5"
81		- style="width: 100%; min-height: 35rem"
82		- v-html="sanitizedContent"
83		- ></div>
	53	+ <div class="grid-column">
	54	+ <p>첨부파일</p>
	55	+ <div v-if="fileList.length == 0">
	56	+ <label>첨부된 파일이 없습니다.</label>
	57	+ </div>
	58	+ <ul v-else class="pd10">
	59	+ <li
	60	+ v-for="(item, idx) in fileList"
	61	+ :key="idx"
	62	+ @click="downloadFile(item)"
	63	+ class="layout"
	64	+ >
	65	+ <p>{{ item.fileNm + "." + item.extnNm }}</p>
	66	+ <svg-icon type="mdi" :path="downloadFilePath"></svg-icon>
	67	+ </li>
	68	+ </ul>
84	69	</div>
85	70	</div>
86		- </td>
87		- </tr>
88		- <tr class="border-top">
89		- <td
	71	+ </div>
	72	+ <div
	73	+ v-if="bbsMng.cmntUseYn == 'Y'"
90	74	:class="{
91		- 'pd15 point-font2': pageRole == 'adm',
92		- 'pd15 point-font': pageRole == 'portal',
	75	+ pd30: true,
	76	+ 'comment-zone': pageRole == 'adm',
	77	+ 'comment-zone2': pageRole == 'portal',
93	78	}"
94	79	>
95		- 첨부파일
96		- </td>
97		- <td>
98		- <div v-if="fileList.length == 0">
99		- <label>첨부된 파일이 없습니다.</label>
	80	+ <div class="flex justify-start align-start mb30">
	81	+ <div class="gd-10 pl0">
	82	+ <textarea
	83	+ name=""
	84	+ id=""
	85	+ style="width: 100%; min-height: 4rem"
	86	+ v-model="InputCmnt"
	87	+ ></textarea>
	88	+ </div>
	89	+ <div class="gd-2 pr0">
	90	+ <button
	91	+ :class="{
	92	+ 'large-btn comment-btn radius': true,
	93	+ 'blue-btn': pageRole == 'adm',
	94	+ 'green-btn': pageRole == 'portal',
	95	+ }"
	96	+ @click="fnInsertCmnt"
	97	+ >
	98	+ 등록
	99	+ </button>
	100	+ </div>
100	101	</div>
101		- <ul v-else class="pd10">
102		- <li
103		- v-for="(item, idx) in fileList"
104		- :key="idx"
105		- @click="downloadFile(item)"
106		- class="cursor pd5 border radius mb5 flex justify-between align-center"
107		- >
108		- <p>{{ item.fileNm + "." + item.extnNm }}</p>
109		- <svg-icon type="mdi" :path="downloadFilePath"></svg-icon>
110		- </li>
111		- </ul>
112		- </td>
113		- </tr>
114		- </tbody>
115		- </table>
116		- <div class="flex justify-end align-center mb30">
117		- <div class="gd-1 pr0">
118		- <button class="large-btn gray-border-btn" @click="fnList">
119		- 목록
120		- </button>
121		- </div>
122		- <div
123		- v-if="pageAuth.mdfcnAuthrt == 'Y' \|\| mbrId == bbsCn.rgtr"
124		- class="gd-1 pr0"
125		- >
126		- <button
127		- :class="{
128		- 'large-btn': true,
129		- 'blue-border-btn': pageRole == 'adm',
130		- 'green-border-btn':
131		- pageRole == 'portal',
132		- }"
133		- @click="fnUpdate"
134		- >
135		- 수정
136		- </button>
137		- </div>
138		- <div
139		- v-if="pageAuth.delAuthrt == 'Y' \|\| mbrId == bbsCn.rgtr"
140		- class="gd-1 pr0"
141		- >
142		- <button class="large-btn red-border-btn" @click="fnDelete">
143		- 삭제
144		- </button>
	102	+ <div class="comment-wrap">
	103	+ <template v-if="cmntList.length > 0">
	104	+ <CommentItem
	105	+ :comments="cmntList"
	106	+ :pageAuth="pageAuth"
	107	+ :pageId="pageId"
	108	+ @isReply="isReply"
	109	+ />
	110	+ </template>
	111	+ <template v-else>
	112	+ <p class="comment-text text-ct data-none">
	113	+ 등록된 댓글이 없습니다.
	114	+ </p>
	115	+ </template>
	116	+ </div>
	117	+ </div>
	118	+ </div>
145	119	</div>
146	120	</div>
147		- <table v-if="bbsMng.bfrAftrPstUseYn == 'Y'" class="content-navigate mb30">
148		- <colgroup>
149		- <col width="10%" />
150		- <col width="90%" />
151		- </colgroup>
152		- <tbody>
153		- <tr>
154		- <td class="pd10 text-ct">이전글</td>
155		- <td
156		- v-if="prevBbsCn != null"
157		- class="pd10 cursor"
158		- @click="fnMoveBbsCn(prevBbsCn.bbsId)"
159		- >
160		- {{ prevBbsCn.bbsNm }}
161		- </td>
162		- <td v-else class="pd10">이전글이 없습니다</td>
163		- </tr>
164		- <tr>
165		- <td class="pd10 text-ct">다음글</td>
166		- <td
167		- v-if="nextBbsCn != null"
168		- class="pd10 cursor"
169		- @click="fnMoveBbsCn(nextBbsCn.bbsId)"
170		- >
171		- {{ nextBbsCn.bbsNm }}
172		- </td>
173		- <td v-else class="pd10">다음글이 없습니다</td>
174		- </tr>
175		- </tbody>
176		- </table>
177		- <div
178		- v-if="bbsMng.cmntUseYn == 'Y'"
179		- :class="{
180		- pd30: true,
181		- 'comment-zone': pageRole == 'adm',
182		- 'comment-zone2': pageRole == 'portal',
183		- }"
184		- >
185		- <div class="flex justify-start align-start mb30">
186		- <div class="gd-10 pl0">
187		- <textarea
188		- name=""
189		- id=""
190		- style="width: 100%; min-height: 4rem"
191		- v-model="InputCmnt"
192		- ></textarea>
193		- </div>
194		- <div class="gd-2 pr0">
	121	+ <!-- 다음글 이전글 -->
	122	+ <div>
	123	+ <table v-if="bbsMng.bfrAftrPstUseYn == 'Y'" class="content-navigate mb30">
	124	+ <colgroup>
	125	+ <col width="10%" />
	126	+ <col width="90%" />
	127	+ </colgroup>
	128	+ <tbody>
	129	+ <tr>
	130	+ <td class="pd10 text-ct">이전글</td>
	131	+ <td
	132	+ v-if="prevBbsCn != null"
	133	+ class="pd10 cursor"
	134	+ @click="fnMoveBbsCn(prevBbsCn.bbsId)"
	135	+ >
	136	+ {{ prevBbsCn.bbsNm }}
	137	+ </td>
	138	+ <td v-else class="pd10">이전글이 없습니다</td>
	139	+ </tr>
	140	+ <tr>
	141	+ <td class="pd10 text-ct">다음글</td>
	142	+ <td
	143	+ v-if="nextBbsCn != null"
	144	+ class="pd10 cursor"
	145	+ @click="fnMoveBbsCn(nextBbsCn.bbsId)"
	146	+ >
	147	+ {{ nextBbsCn.bbsNm }}
	148	+ </td>
	149	+ <td v-else class="pd10">다음글이 없습니다</td>
	150	+ </tr>
	151	+ </tbody>
	152	+ </table>
	153	+ </div>
	154	+ <div class="btn-wrap">
	155	+ <button class="btn sm" @click="fnList">
	156	+ 목록
	157	+ </button>
	158	+ <template v-if="pageAuth.mdfcnAuthrt == 'Y' \|\| mbrId == bbsCn.rgtr">
195	159	<button
196	160	:class="{
197		- 'large-btn comment-btn radius': true,
198		- 'blue-btn': pageRole == 'adm',
199		- 'green-btn': pageRole == 'portal',
	161	+ 'large-btn': true,
	162	+ 'blue-border-btn': pageRole == 'adm',
	163	+ 'green-border-btn':
	164	+ pageRole == 'portal',
200	165	}"
201		- @click="fnInsertCmnt"
	166	+ @click="fnUpdate"
202	167	>
203		- 등록
	168	+ 수정
204	169	</button>
205		- </div>
206		- </div>
207		- <div class="comment-wrap">
208		- <template v-if="cmntList.length > 0">
209		- <CommentItem
210		- :comments="cmntList"
211		- :pageAuth="pageAuth"
212		- :pageId="pageId"
213		- @isReply="isReply"
214		- />
215	170	</template>
216		- <template v-else>
217		- <p class="comment-text text-ct data-none">
218		- 등록된 댓글이 없습니다.
219		- </p>
	171	+ <template v-if="pageAuth.delAuthrt == 'Y' \|\| mbrId == bbsCn.rgtr">
	172	+ <button class="large-btn red-border-btn" @click="fnDelete">
	173	+ 삭제
	174	+ </button>
220	175	</template>
221		- </div>
222	176	</div>
223		- </div>
224		- </div>
	177	+ </template>
225	178	</template>
226	179
227	180	<script>

...	...	@@ -1,14 +1,16 @@
1	1	<template>
2		- <div class="search-bar">
3		- <select class="form-select sm">
4		- <option value="">전체</option>
5		- <option v-for="(item, idx) in codeList" :key="idx" :value="item.cd">{{ item.cdNm }}</option>
6		- </select>
7		- <input type="text" class="form-control sm" placeholder="검색어를 입력하세요."
8		- v-model="search.searchText" @keyup.enter="fnFindAllWord" />
9		- <button class="btn-ico xsm main ico-sch" @click="fnFindAllWord">
10		- <span class="sr-only">검색</span>
11		- </button>
	2	+ <div class="search-wrap">
	3	+ <div class="search-bar border">
	4	+ <select class="form-select sm border-none">
	5	+ <option value="">전체</option>
	6	+ <option v-for="(item, idx) in codeList" :key="idx" :value="item.cd">{{ item.cdNm }}</option>
	7	+ </select>
	8	+ <input type="text" class="form-control sm border-none" placeholder="검색어를 입력하세요."
	9	+ v-model="search.searchText" @keyup.enter="fnFindAllWord" />
	10	+ <button class="btn-ico xsm main ico-sch" @click="fnFindAllWord">
	11	+ <span class="sr-only">검색</span>
	12	+ </button>
	13	+ </div>
12	14	</div>
13	15	<div class="content-zone">
14	16	<div class="content">

...	...	@@ -40,7 +40,7 @@
40	40	<p>부서 정보</p>
41	41	</div>
42	42	<div class="form-content">
43		- <div>
	43	+ <div class="layout">
44	44	<label class="form-title">상위부서</label>
45	45	<input
46	46	type="text"
...	...	@@ -49,7 +49,7 @@
49	49	v-model="viewDept.upDeptNm"
50	50	/>
51	51	</div>
52		- <div>
	52	+ <div class="layout">
53	53	<label class="form-title">부서명</label>
54	54	<input
55	55	type="text"
...	...	@@ -58,7 +58,7 @@
58	58	v-model="viewDept.deptNm"
59	59	/>
60	60	</div>
61		- <div class="grid-column">
	61	+ <div class="grid-column layout">
62	62	<label class="form-title">부서권한</label>
63	63	<select
64	64	class="form-select sm"
...	...	@@ -75,7 +75,7 @@
75	75	</option>
76	76	</select>
77	77	</div>
78		- <div class="grid-column">
	78	+ <div class="grid-column layout">
79	79	<label class="form-title">부서설명</label>
80	80	<textarea
81	81	class="form-control lg area"

...	...	@@ -32,28 +32,28 @@
32	32	<p>공통코드정보</p>
33	33	</div>
34	34	<div class="form-content">
35		- <div>
	35	+ <div class="layout">
36	36	<label for="" class="form-title">상위코드</label>
37	37	<input type="text" class="form-control sm" disabled v-model="viewCode.upCd" />
38	38	</div>
39		- <div>
	39	+ <div class="layout">
40	40	<label for="" class="form-title">상위코드명</label>
41	41	<input type="text" class="form-control sm" disabled v-model="viewCode.upCdNm" />
42	42	</div>
43		- <div>
	43	+ <div class="layout">
44	44	<label for="" class="form-title">코드</label>
45	45	<input type="text" class="form-control sm" :disabled="isFormDisabled \|\| !submitStts"
46	46	v-model="viewCode.cd" />
47	47	</div>
48		- <div>
	48	+ <div class="layout">
49	49	<label for="" class="form-title">코드명</label>
50	50	<input type="text" class="form-control sm" :disabled="isFormDisabled" v-model="viewCode.cdNm" />
51	51	</div>
52		- <div>
	52	+ <div class="layout">
53	53	<label for="" class="form-title">코드값</label>
54	54	<input type="text" class="form-control sm" :disabled="isFormDisabled" v-model="viewCode.cdVl" />
55	55	</div>
56		- <div class="border-bottom">
	56	+ <div class="border-bottom layout">
57	57	<label for="" class="form-title">사용여부</label>
58	58	<div class="check-area">
59	59	<div class="form-check">
...	...	@@ -68,7 +68,7 @@
68	68	</div>
69	69	</div>
70	70	</div>
71		- <div class="grid-column">
	71	+ <div class="grid-column layout">
72	72	<label for="textarea" class="form-title">코드설명</label>
73	73	<textarea class="form-control" id="textarea" :disabled="isFormDisabled" v-model="viewCode.cdExpln"></textarea>
74	74	</div>

...	...	@@ -8,7 +8,7 @@
8	8	<span style="color: red;"> ※ 로그인 정책을 변경하면 전체 사용자가 로그아웃됩니다.</span>
9	9	</div>
10	10	<div class="form-content">
11		- <div class="gd-12 pl0">
	11	+ <div class="layout">
12	12	<label class="form-title">중복로그인 설정</label>
13	13	<div class="form-group">
14	14	<div class="check-area">
...	...	@@ -26,7 +26,7 @@
26	26	<!-- <p>{{ allowMultipleLogin ? '중복 로그인을 허용하고 있습니다.' : '중복 로그인을 허용하지 않습니다.' }}</p>-->
27	27	</div>
28	28	</div>
29		- <div>
	29	+ <div class="layout border-bottom">
30	30	<label class="form-title">로그인 방식 설정</label>
31	31	<div class="form-group">
32	32	<div class="check-area">
...	...	@@ -46,7 +46,7 @@
46	46	</span> -->
47	47	</div>
48	48	</div>
49		- <div>
	49	+ <div class="layout">
50	50	<label class="form-title">Context Path 설정</label>
51	51	<div class="form-group">
52	52	<div class="check-area">

...	...	@@ -8,7 +8,7 @@
8	8	<p><span>*</span>필수입력</p>
9	9	</div>
10	10	<div class="form-content">
11		- <div>
	11	+ <div class="layout">
12	12	<label for="" class="form-title"><span>*</span> 제어 유형</label>
13	13	<select name="selectType" id="selectType" class="form-select sm"
14	14	v-model="accesCtrl.cntrlType">
...	...	@@ -17,14 +17,14 @@
17	17	</option>
18	18	</select>
19	19	</div>
20		- <div class="border-bottom">
	20	+ <div class="layout border-bottom">
21	21	<label for="" class="form-title"><span>*</span> 제어 IP</label>
22	22	<div class="form-group">
23	23	<input type="text" class="form-control sm" v-model="accesCtrl.cntrlIp" placeholder="1~255 범위의 숫자로 구성하여 형식에 맞게 작성해주세요." />
24	24	<span>ex) 192.168.0.1 / 192.168.0.*</span>
25	25	</div>
26	26	</div>
27		- <div>
	27	+ <div class="layout">
28	28	<label for="" class="form-title"><span>*</span> 제어 경로</label>
29	29	<input type="text" class="form-control sm" v-model="accesCtrl.cntrlCrs" placeholder="제어할 경로 URL을 입력하세요."/>
30	30	</div>

Delete comment