Commit @8487191d47c34ff1f46d43d30af6b6c6b4c1b27a

최정임 06-12

250612 최정임 css수정

@8487191d47c34ff1f46d43d30af6b6c6b4c1b27a

df503a9

8487191

client/resources/scss/admin/content.scss

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

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


         margin-bottom: 1rem;
     }
     
-    .search-wrap{
-        @include flex-layout(flex, center, space-between);
-        margin-bottom: 3rem;
-        .search-bar {
-            position: relative;
-            @include flex-layout(flex, center, start);
-        
-            .form-select {
-                width: 120px;
-                margin-left: 1rem;
-        
-                &.border-none{
-                    border: none;
-                    margin-left: 0;
-                }
-            }
-        
-            .form-control {
-                width: 300px;
-                margin-left: 1rem;
-        
-                &.border-none{
-                    border: none;
-                    margin-left: 0;
-                }
-            }
+    
+    
 
-            .mark{
-                margin-left: 1rem;
-            }
-        
-            button{
-                
-                &.btn {
-                    margin-left: 1rem;
-                }
-        
-                &.btn-ico{
-                    position: absolute;
-                    top: 50%;
-                    right: 1rem;
-                    transform: translateY(-50%);
-                    &.main{
-                        &.ico-sch {
-                            &::before,
-                            &::after {
-                                background-image: url(#{$url}/component/common/ico_sch_20_gn.svg);
-                            }
-                        }
-                    }
-                }
-            }
-        
-            &.border{
-                width: 450px;
-                border: 1px solid var(--tk-gray-60);
-                background-color: var(--tk-white);
-                border-radius: var(--tk-input-rd-sm);
-            }
-
-            .ml10{
-                margin-left: 1rem
-            }
-        }
-    }
-    
-    .btn-wrap {
-        @include flex-layout(flex, center, end);
-        // padding: 2rem 0;
-        padding-top: 2rem;
-    
-        button {
-            margin-left: 1rem;
-        }
-    
-        &.list {
-            @include flex-layout(flex, center, space-between);
-            padding: 3rem 0;
-        }
-    }
-    
     .form-content {
         padding: 2rem;
         display: grid;

         position: relative;
     }
     
-    .tbl-wrap{
-        border: 1px solid var(--tk-gray-30);
-        border-radius: 1rem;
     
-        .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;
-                        }
-    
-                        &.sticky{
-                            position: sticky;
-                            top: 0;
-                            z-index: 10;
-                            background-color: #c8d0d8;
-                        }
-                    }
-                }
-        
-                tbody{
-                    tr{
-                        &:last-child{
-                            td{
-                                border-bottom: 0;
-                                &:first-child{
-                                    border-radius:  0 0 0 1rem;
-                                }
-                                &:last-child{
-                                    border-radius: 0 0 1rem 0;
-                                }
-                                &.data-none{
-                                    border-radius:  0 0 1rem 1rem;
-                                    text-align: center;
-                                }
-                                
-                            }
-                        }
-                        td{
-                            p{
-                                @include ellipsis(1)
-                            }
-                            .form-check{
-                                justify-content: center;
-                                input[type=checkbox] ~ label{
-                                    padding-left: calc(var(--tk-rdo-size-md));
-                                }
-                            }
-                        }
-
-                        &.answer{
-                            cursor: default;
-                        }
-                    }
-
-                }
-            }
-            &.mixing {
-                thead{
-                    tr{
-                        &:nth-child(2){
-                            th{
-                                &:first-child{
-                                    border-radius: 0;
-                                }
-                                &:last-child{
-                                    border-radius: 0;
-                                }
-                            }
-                        }
-                        th{
-                        
-                            border-right: 1px solid var(--tk-secondary-30);
-                
-                            &[rowspan="2"]:last-child{
-                                border-right:0;
-                            }
-                    
-                            &.sticky{
-                                position: sticky;
-                                background-color: #c8d0d8;
-                                z-index: 2;
-                            }
-                            &.top-0 {
-                                top: 0;
-                            }
-                            &.top-40 {
-                                top: 4rem; /* 첫 번째 헤더 높이에 맞춰 조정 */
-                            }
-                        }
-                    }
-                }
-                
-            }
-    
-        }
-        &.overflow-y{
-            overflow-y: auto;
-        }
-    
-    }
     
     
     .mb30{

 
 
 
+.search-wrap{
+    @include flex-layout(flex, center, space-between);
+    margin-bottom: 3rem;
+    .search-bar {
+        position: relative;
+        @include flex-layout(flex, center, start);
+    
+        .form-select {
+            width: 120px;
+            margin-left: 1rem;
+    
+            &.border-none{
+                border: none;
+                margin-left: 0;
+            }
+        }
+    
+        .form-control {
+            width: 300px;
+            margin-left: 1rem;
+    
+            &.border-none{
+                border: none;
+                margin-left: 0;
+            }
+        }
+
+        .mark{
+            margin-left: 1rem;
+        }
+    
+        button{
+            
+            &.btn {
+            }
+    
+            &.btn-ico{
+                position: absolute;
+                top: 50%;
+                right: 1rem;
+                transform: translateY(-50%);
+                &.main{
+                    &.ico-sch {
+                        &::before,
+                        &::after {
+                            background-image: url(#{$url}/component/common/ico_sch_20_gn.svg);
+                        }
+                    }
+                }
+            }
+        }
+    
+        &.border{
+            width: max-content;
+            border: 1px solid var(--tk-gray-60);
+            background-color: var(--tk-white);
+            border-radius: var(--tk-input-rd-sm);
+        }
+
+        .ml10{
+            margin-left: 1rem
+        }
+    }
+}
+
+.tbl-wrap{
+    border: 1px solid var(--tk-gray-30);
+    border-radius: 1rem;
+
+    .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;
+                    }
+
+                    &.sticky{
+                        position: sticky;
+                        top: 0;
+                        z-index: 10;
+                        background-color: #c8d0d8;
+                    }
+                }
+            }
+    
+            tbody{
+                tr{
+                    &:last-child{
+                        td{
+                            border-bottom: 0;
+                            &:first-child{
+                                border-radius:  0 0 0 1rem;
+                            }
+                            &:last-child{
+                                border-radius: 0 0 1rem 0;
+                            }
+                            &.data-none{
+                                border-radius:  0 0 1rem 1rem;
+                                text-align: center;
+                            }
+                            
+                        }
+                    }
+                    td{
+                        p{
+                            @include ellipsis(1)
+                        }
+                        .form-check{
+                            justify-content: center;
+                            input[type=checkbox] ~ label{
+                                padding-left: calc(var(--tk-rdo-size-md));
+                            }
+                        }
+                    }
+
+                    &.answer{
+                        cursor: default;
+                    }
+                }
+
+            }
+        }
+        &.mixing {
+            thead{
+                tr{
+                    &:nth-child(2){
+                        th{
+                            &:first-child{
+                                border-radius: 0;
+                            }
+                            &:last-child{
+                                border-radius: 0;
+                            }
+                        }
+                    }
+                    th{
+                    
+                        border-right: 1px solid var(--tk-secondary-30);
+            
+                        &[rowspan="2"]:last-child{
+                            border-right:0;
+                        }
+                
+                        &.sticky{
+                            position: sticky;
+                            background-color: #c8d0d8;
+                            z-index: 2;
+                        }
+                        &.top-0 {
+                            top: 0;
+                        }
+                        &.top-40 {
+                            top: 4rem; /* 첫 번째 헤더 높이에 맞춰 조정 */
+                        }
+                    }
+                }
+            }
+            
+        }
+
+    }
+    &.overflow-y{
+        overflow-y: auto;
+    }
+
+}
+.btn-wrap {
+    @include flex-layout(flex, center, end);
+    // padding: 2rem 0;
+    padding-top: 2rem;
+
+    button {
+        margin-left: 1rem;
+    }
+
+    &.list {
+        @include flex-layout(flex, center, space-between);
+        padding: 3rem 0;
+    }
+}
+.layout, .check-area{
+    @include flex-layout(flex, center, flex-start); }
+
+    .check-area{gap: 3rem;}

df503a9

8487191

client/resources/scss/admin/login.scss

--- client/resources/scss/admin/login.scss

+++ client/resources/scss/admin/login.scss


     height: 100%;
 
     .main-wrap{
+        margin-bottom: 5rem;
         width: 100%;
         height: 100%;
 

df503a9

8487191

client/views/component/table/ListTable.vue

--- client/views/component/table/ListTable.vue

+++ client/views/component/table/ListTable.vue


 <template>
-  <table :class="{ 'tbl': true, [className]: className }">
+  <table :class="{ 'tbl data': true, [className]: className }">
     <colgroup>
       <col v-for="(w, idx) in colgroup" :width="w" :key="idx" />
     </colgroup>

df503a9

8487191

client/views/layout/menuSatisfaction.vue

--- client/views/layout/menuSatisfaction.vue

+++ client/views/layout/menuSatisfaction.vue


 <template>
-    <div v-if="dgstfnExmnUseYn == 'Y'" class="menu-satisfaction">
+    <div v-if="dgstfnExmnUseYn == 'Y'" class="menu-satisfaction ">
         <div v-if="rspnsYn == 'N'" class="satisfaction-wrap">
             <div class="layout">
                 <div class="check-list">

df503a9

8487191

client/views/pages/adm/boardManagement/template/commonTemplate/CommonSelectList.vue

--- client/views/pages/adm/boardManagement/template/commonTemplate/CommonSelectList.vue

+++ client/views/pages/adm/boardManagement/template/commonTemplate/CommonSelectList.vue


       <div class="page-title point-font mb30">
         <p>{{ bbsMng.bbsNm }}</p>
       </div>
-      <div class="search-bar mb15">
-        <div class="flex justify-end align-center no-gutters">
-          <div class="gd-4">
-            <div class="border">
-              <select
-                class="border-none gd-3"
-                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-9 condition-input"
-                placeholder="검색어를 입력하세요."
-                v-model="search.searchText"
-                @keyup.enter="findAll"
-              />
+      <div class="search-wrap">
+      <div></div>
+        <div class="search-bar mb15 border">
+                <select
+                  class="border-none sm form-select"
+                  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 sm condition-input form-control"
+                  placeholder="검색어를 입력하세요."
+                  v-model="search.searchText"
+                  @keyup.enter="findAll"
+                />
+            <div class="flex gd-3">
+              <div class="gd-6 pr0">
+                <button class="btn xsm green-border-btn" @click="findAll">
+                  검색
+                </button>
+              </div>
+              <div class="gd-6 pr0">
+                <button class="btn xsm darkg-border-btn" @click="fnSearchReset">
+                  <svg-icon type="mdi" :path="refreshPath"></svg-icon> 초기화
+                </button>
+              </div>
             </div>
           </div>
-          <div class="flex gd-3">
-            <div class="gd-6 pr0">
-              <button class="large-btn green-border-btn" @click="findAll">
-                검색
-              </button>
-            </div>
-            <div class="gd-6 pr0">
-              <button class="large-btn darkg-border-btn" @click="fnSearchReset">
-                <svg-icon type="mdi" :path="refreshPath"></svg-icon> 초기화
-              </button>
-            </div>
-          </div>
-        </div>
       </div>
-      <ListTable
-        class="cmmn-table"
-        :colgroup="colgroup"
-        :thead="thead"
-        :tbody="tbody"
-        @listClick="fnView"
-        :lockList="lockList"
-        :ntcList="ntcList"
-      />
-      <div class="flex justify-between align-center no-gutters">
+      <div class="tbl-wrap">
+        <ListTable
+          class="cmmn-table"
+          :colgroup="colgroup"
+          :thead="thead"
+          :tbody="tbody"
+          @listClick="fnView"
+          :lockList="lockList"
+          :ntcList="ntcList"
+        />
+      </div>
+      <div class="flex justify-between align-center no-gutters btn-wrap list">
         <div class="gd-1"></div>
         <div class="gd-10">
           <PaginationButton

           />
         </div>
         <div v-if="pageAuth.regAuthrt == 'Y'" class="gd-1">
-          <button class="large-btn green-btn" @click="fnAdd">
+          <button class="btn sm" @click="fnAdd">
             등록
           </button>
         </div>

df503a9

8487191

client/views/pages/adm/boardManagement/template/faqTemplate/FaqSelectList.vue

--- client/views/pages/adm/boardManagement/template/faqTemplate/FaqSelectList.vue

+++ client/views/pages/adm/boardManagement/template/faqTemplate/FaqSelectList.vue


 <template>
   <!-- 사용자 -->
   <template v-if="pageRole === 'portal'">
-    <div>
-      <div>
+    <div class="content">
+      <div class="page-title point-font mb30">
         <p>{{ bbsMng.bbsNm }}</p>
       </div>
-      <div class="search-bar">
-        <div class="flex justify-end align-center no-gutters">
-          <div class="gd-4">
-            <div class="border">
-              <select
-                name=""
-                id=""
-                class="border-none gd-3"
-                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-9 condition-input"
-                placeholder="검색어를 입력하세요."
-                v-model="search.searchText"
-                @keyup.enter="findAll"
-              />
-            </div>
-          </div>
+      <div class="search-wrap">
+        <div></div>
+      <div class="search-bar border">
+          <select name="" id="" class="border-none 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 border-none sm " placeholder="검색어를 입력하세요."
+            v-model="search.searchText" @keyup.enter="findAll" />
           <div class="flex gd-3">
             <div class="gd-6 pr0">
-              <button
-                :class="{
-                  'large-btn': true,
-                  'blue-border-btn': pageRole == 'adm',
-                  'green-border-btn':
-                    pageRole == 'portal',
-                }"
-                @click="findAll"
-              >
+              <button class="btn xsm" :class="{
+                'large-btn': true,
+                'blue-border-btn': pageRole == 'adm',
+                'green-border-btn':
+                  pageRole == 'portal',
+              }" @click="findAll">
                 검색
               </button>
             </div>
             <div class="gd-6 pr0">
-              <button class="large-btn darkg-border-btn" @click="fnSearchReset">
+              <button class="btn tertiary border-none xsm" @click="fnSearchReset">
                 <svg-icon type="mdi" :path="refreshPath"></svg-icon> 초기화
               </button>
             </div>
           </div>
         </div>
       </div>
-      <table>
-        <colgroup>
-          <col width="10%" />
-          <col width="40%" />
-          <col width="15%" />
-          <col width="15%" />
-          <col width="20%" />
-        </colgroup>
-        <thead>
-          <tr>
-            <th>답변상태</th>
-            <th>내용</th>
-            <th>작성자</th>
-            <th>작성일</th>
-            <th>비고</th>
-          </tr>
-        </thead>
-        <tbody v-if="list.length > 0">
-          <template v-for="(item, idx) in list" :key="idx">
-            <tr @click="toggle(idx)">
-              <td>{{ item.ansStts == "N" ? "미답변" : "답변완료" }}</td>
-              <td>
-                <div>
-                  <span>Q.</span>
-                  <div v-if="item.prvtPstYn == 'Y'">
-                    <!-- {{ item.rgtr == mbrId || roles == 'ROLE_ADMIN' ? item.bbsCn : '[ 비밀글입니다 ]' }} -->
-                    <svg-icon type="mdi" :path="lockPath" :width="18" :height="18"></svg-icon>
-                    <p
-                      v-html="
-                        item.rgtr == mbrId || roles == 'ROLE_ADMIN'
+      <div class="tbl-wrap ">
+        <table class="tbl data">
+          <colgroup>
+            <col width="10%" />
+            <col width="40%" />
+            <col width="15%" />
+            <col width="15%" />
+            <col width="20%" />
+          </colgroup>
+          <thead>
+            <tr>
+              <th>답변상태</th>
+              <th>내용</th>
+              <th>작성자</th>
+              <th>작성일</th>
+              <th>비고</th>
+            </tr>
+          </thead>
+          <tbody v-if="list.length > 0">
+            <template v-for="(item, idx) in list" :key="idx">
+              <tr @click="toggle(idx)">
+                <td>{{ item.ansStts == "N" ? "미답변" : "답변완료" }}</td>
+                <td>
+                  <div class="layout">
+                    <span>Q.</span>
+                    <div v-if="item.prvtPstYn == 'Y'" class="layout">
+                      <!-- {{ item.rgtr == mbrId || roles == 'ROLE_ADMIN' ? item.bbsCn : '[ 비밀글입니다 ]' }} -->
+                      <svg-icon type="mdi" :path="lockPath" :width="18" :height="18"></svg-icon>
+                      <p v-html="item.rgtr == mbrId || roles == 'ROLE_ADMIN'
                           ? item.bbsCn
                           : '[ 비밀글입니다 ]'
-                      "
-                    ></p>
+                        "></p>
+                    </div>
+                    <div v-else>
+                      <!-- {{ item.bbsCn }} -->
+                      <p v-html="item.bbsCn"></p>
+                    </div>
                   </div>
-                  <div v-else>
-                    <!-- {{ item.bbsCn }} -->
-                    <p v-html="item.bbsCn"></p>
-                  </div>
-                </div>
-              </td>
-              <td>{{ item.rgtrNm }}</td>
-              <td>{{ item.regDt }}</td>
-              <td>
-                <div>
-                  <template v-if="item.rgtr == mbrId || roles == 'ROLE_ADMIN'">
-                      <button class="btn sm primary"
-                        @click="fnUpdate(item.bbsId)"
-                      >
-                        수정
+                </td>
+                <td>{{ item.rgtrNm }}</td>
+                <td>{{ item.regDt }}</td>
+                <td>
+                  <div class="icon-btn-zone layout">
+                    <template v-if="item.rgtr == mbrId || roles == 'ROLE_ADMIN'">
+                      <button class="btn-ico md ico-update" @click="fnUpdate(item.bbsId)">
+                        <span class="sr-only">수정</span>
                       </button>
-                      <button
-                        class="btn sm red"
-                        @click="fnDelete(item)"
-                      >
-                        삭제
+                      <button class="btn-ico md ico-del red" @click="fnDelete(item)">
+                        <span class="sr-only">삭제</span>
                       </button>
-                  </template>
-                  <div
-                    v-if="roles == 'ROLE_ADMIN' && item.ansCn == null"
-                  >
-                    <button
-                      class="btn sm btn-chip-outline primary"
-                      @click="fnAnswer(item.bbsId)"
-                    >
-                      답변
-                    </button>
+                    </template>
+                    <div v-if="roles == 'ROLE_ADMIN' && item.ansCn == null" style="height: 24px;">
+                      <button class="btn-ico md ico-comment" @click="fnAnswer(item.bbsId)">
+                        <span class="sr-only">답변</span>
+                      </button>
+                    </div>
                   </div>
-                </div>
-              </td>
-            </tr>
-            <tr v-if="isOpen === idx && item.absBbsId !== null" class="answer">
-              <td>A.</td>
-              <td colspan="3">
-                <div>
-                  <template v-if="item.prvtPstYn == 'Y'">
-                    <!-- {{ item.rgtr == mbrId || roles == 'ROLE_ADMIN' ? item.ansCn : '[ 비밀 답글입니다 ]' }} -->
-                    <svg-icon type="mdi" :path="lockPath" :width="18" :height="18"></svg-icon>
-                    <p
-                      v-html="
-                        item.rgtr == mbrId || roles == 'ROLE_ADMIN'
+                </td>
+              </tr>
+              <tr v-if="isOpen === idx && item.absBbsId !== null" class="answer">
+                <td>A.</td>
+                <td colspan="3">
+                  <div>
+                    <template v-if="item.prvtPstYn == 'Y'">
+                      <!-- {{ item.rgtr == mbrId || roles == 'ROLE_ADMIN' ? item.ansCn : '[ 비밀 답글입니다 ]' }} -->
+                      <svg-icon type="mdi" :path="lockPath" :width="18" :height="18"></svg-icon>
+                      <p v-html="item.rgtr == mbrId || roles == 'ROLE_ADMIN'
                           ? item.ansCn
                           : '[ 비밀글입니다 ]'
-                      "
-                    ></p>
-                  </template>
-                  <template v-else>
-                    <!-- {{ item.ansCn }} -->
-                    <p v-html="item.ansCn"></p>
-                  </template>
-                </div>
-              </td>
-              <td>
-                <div
-                  v-if="item.ansCn != null && roles == 'ROLE_ADMIN'"
-                  >
-                    <button
-                      class="btn sm primary"
-                      @click="fnAnswer(item.bbsId)"
-                    >
+                        "></p>
+                    </template>
+                    <template v-else>
+                      <!-- {{ item.ansCn }} -->
+                      <p v-html="item.ansCn"></p>
+                    </template>
+                  </div>
+                </td>
+                <td>
+                  <div v-if="item.ansCn != null && roles == 'ROLE_ADMIN'">
+                    <button class="btn sm primary" @click="fnAnswer(item.bbsId)">
                       답변수정
                     </button>
-                    <button
-                      class="btn sm red"
-                      @click="fnAnswerDel(item)"
-                    >
+                    <button class="btn sm red" @click="fnAnswerDel(item)">
                       답변삭제
                     </button>
-                </div>
+                  </div>
+                </td>
+              </tr>
+            </template>
+          </tbody>
+          <tbody v-else>
+            <tr>
+              <td colspan="5" class="data-none">
+                등록된 정보가 존재하지 않습니다.
               </td>
             </tr>
-          </template>
-        </tbody>
-        <tbody v-else>
-          <tr>
-            <td colspan="5" class="data-none">
-              등록된 정보가 존재하지 않습니다.
-            </td>
-          </tr>
-        </tbody>
-      </table>
+          </tbody>
+        </table>
+      </div>
       <div class="btn-wrap list">
         <div></div>
-        <PaginationButton
-          :className="pageRole === 'adm' ? 'admin-pagination' : ''"
-          v-model:currentPage="search.currentPage"
-          :pagination="search"
-          :click="findAll"
-        />
+        <PaginationButton :className="pageRole === 'adm' ? 'admin-pagination' : ''"
+          v-model:currentPage="search.currentPage" :pagination="search" :click="findAll" />
         <template div v-if="pageAuth.regAuthrt == 'Y'">
-          <button class="btn sm main"
-            @click="fnAdd"
-          >
+          <button class="btn sm main" @click="fnAdd">
             등록
           </button>
         </template>

   </template>
   <!-- 관리자 -->
   <template v-else>
-      <div class="search-wrap">
-        <div></div>
-        <div class="search-bar border">
-          <select
-            class="form-select sm border-none"
-            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 border-none"
-            placeholder="검색어를 입력하세요."
-            v-model="search.searchText"
-            @keyup.enter="findAll"
-          />
-          <button class="btn-ico xsm ico-sch" @click="findAll">
-            <span class="sr-only">검색</span>
-          </button>
-          <!-- <button class="large-btn darkg-border-btn" @click="fnSearchReset">
+    <div class="search-wrap">
+      <div></div>
+      <div class="search-bar border">
+        <select class="form-select sm border-none" 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 border-none" placeholder="검색어를 입력하세요." v-model="search.searchText"
+          @keyup.enter="findAll" />
+        <button class="btn-ico xsm ico-sch" @click="findAll">
+          <span class="sr-only">검색</span>
+        </button>
+        <!-- <button class="large-btn darkg-border-btn" @click="fnSearchReset">
             <svg-icon type="mdi" :path="refreshPath"></svg-icon> 초기화
           </button> -->
-        </div>
       </div>
-      <div class="content-zone">
-        <div class="content">
-          <div class="scroll">
-            <div class="tbl-wrap">
-              <table class="tbl data cursor">
-                <colgroup>
-                  <col width="10%" />
-                  <col width="40%" />
-                  <col width="15%" />
-                  <col width="15%" />
-                  <col width="20%" />
-                </colgroup>
-                <thead>
-                  <tr>
-                    <th>답변상태</th>
-                    <th>내용</th>
-                    <th>작성자</th>
-                    <th>작성일</th>
-                    <th>비고</th>
-                  </tr>
-                </thead>
-                <tbody v-if="list.length > 0">
-                  <template v-for="(item, idx) in list" :key="idx">
-                    <tr @click="toggle(idx)">
-                      <td>
-                        <span v-if="item.ansStts == 'N'" class="state red">미답변</span>
-                        <span v-else class="state blue">답변완료</span>
-                      </td>
-                      <td>
-                        <div class="layout">
-                          <span class="state question">Q</span>
-                          <div v-if="item.prvtPstYn == 'Y'" class="layout">
-                            <svg-icon type="mdi" :path="lockPath" :width="18" :height="18"></svg-icon>
-                            <p
-                              v-html="
-                                item.rgtr == mbrId || roles == 'ROLE_ADMIN'
-                                  ? item.bbsCn
-                                  : '[ 비밀글입니다 ]'
-                              "
-                            ></p>
-                          </div>
-                          <div v-else>
-                            <p v-html="item.bbsCn"></p>
-                          </div>
+    </div>
+    <div class="content-zone">
+      <div class="content">
+        <div class="scroll">
+          <div class="tbl-wrap">
+            <table class="tbl data cursor">
+              <colgroup>
+                <col width="10%" />
+                <col width="40%" />
+                <col width="15%" />
+                <col width="15%" />
+                <col width="20%" />
+              </colgroup>
+              <thead>
+                <tr>
+                  <th>답변상태</th>
+                  <th>내용</th>
+                  <th>작성자</th>
+                  <th>작성일</th>
+                  <th>비고</th>
+                </tr>
+              </thead>
+              <tbody v-if="list.length > 0">
+                <template v-for="(item, idx) in list" :key="idx">
+                  <tr @click="toggle(idx)">
+                    <td>
+                      <span v-if="item.ansStts == 'N'" class="state red">미답변</span>
+                      <span v-else class="state blue">답변완료</span>
+                    </td>
+                    <td>
+                      <div class="layout">
+                        <span class="state question">Q</span>
+                        <div v-if="item.prvtPstYn == 'Y'" class="layout">
+                          <svg-icon type="mdi" :path="lockPath" :width="18" :height="18"></svg-icon>
+                          <p v-html="item.rgtr == mbrId || roles == 'ROLE_ADMIN'
+                              ? item.bbsCn
+                              : '[ 비밀글입니다 ]'
+                            "></p>
                         </div>
-                      </td>
-                      <td>{{ item.rgtrNm }}</td>
-                      <td>{{ item.regDt }}</td>
-                      <td>
-                        <div class="icon-btn-zone">
-                          <template v-if="item.rgtr == mbrId || roles == 'ROLE_ADMIN'">
-                              <button class="btn-ico md ico-update"
-                                @click="fnUpdate(item.bbsId)"
-                                title="수정"
-                              >
-                              <span class="sr-only">수정</span>
-                              </button>
-                              <button
-                                class="btn-ico md ico-del red"
-                                @click="fnDelete(item)"
-                                title="삭제"
-                              >
-                                <span class="sr-only">삭제</span>
-                              </button>
-                          </template>
-                          <template
-                            v-if="roles == 'ROLE_ADMIN' && item.ansCn == null"
-                          >
-                            <button
-                              class="btn-ico md ico-comment"
-                              @click="fnAnswer(item.bbsId)"
-                              title="답변"
-                            >
+                        <div v-else>
+                          <p v-html="item.bbsCn"></p>
+                        </div>
+                      </div>
+                    </td>
+                    <td>{{ item.rgtrNm }}</td>
+                    <td>{{ item.regDt }}</td>
+                    <td>
+                      <div class="icon-btn-zone">
+                        <template v-if="item.rgtr == mbrId || roles == 'ROLE_ADMIN'">
+                          <button class="btn-ico md ico-update" @click="fnUpdate(item.bbsId)" title="수정">
+                            <span class="sr-only">수정</span>
+                          </button>
+                          <button class="btn-ico md ico-del red" @click="fnDelete(item)" title="삭제">
+                            <span class="sr-only">삭제</span>
+                          </button>
+                        </template>
+                        <template v-if="roles == 'ROLE_ADMIN' && item.ansCn == null">
+                          <button class="btn-ico md ico-comment" @click="fnAnswer(item.bbsId)" title="답변">
                             <span class="sr-only">답변</span>
-                            </button>
-                          </template>
-                        </div>
-                      </td>
-                    </tr>
-                    <tr v-if="isOpen === idx && item.absBbsId !== null" class="answer">
-                      <td></td>
-                      <td colspan="3">
-                        <div class="layout">
-                          <span class="state answer">A</span>
-                          <div v-if="item.prvtPstYn == 'Y'" class="layout">
-                            <svg-icon type="mdi" :path="lockPath" :width="18" :height="18"></svg-icon>
-                            <p
-                              v-html="
-                                item.rgtr == mbrId || roles == 'ROLE_ADMIN'
-                                  ? item.ansCn
-                                  : '[ 비밀글입니다 ]'
-                              "
-                            ></p>
-                          </div>
-                          <div v-else>
-                            <p v-html="item.ansCn"></p>
-                          </div>
-                        </div>
-                      </td>
-                      <td>
-                        <div
-                          v-if="item.ansCn != null && roles == 'ROLE_ADMIN'" class="btn-zone"
-                          >
-                            <button
-                              class="btn sm primary"
-                              @click="fnAnswer(item.bbsId)"
-                            >
-                              답변수정
-                            </button>
-                            <button
-                              class="btn sm red"
-                              @click="fnAnswerDel(item)"
-                              style="margin-left: 1rem;"
-                            >
-                              답변삭제
-                            </button>
-                        </div>
-                      </td>
-                    </tr>
-                  </template>
-                </tbody>
-                <tbody v-else>
-                  <tr>
-                    <td colspan="5" class="data-none">
-                      등록된 정보가 존재하지 않습니다.
+                          </button>
+                        </template>
+                      </div>
                     </td>
                   </tr>
-                </tbody>
-              </table>
-            </div>
+                  <tr v-if="isOpen === idx && item.absBbsId !== null" class="answer">
+                    <td></td>
+                    <td colspan="3">
+                      <div class="layout">
+                        <span class="state answer">A</span>
+                        <div v-if="item.prvtPstYn == 'Y'" class="layout">
+                          <svg-icon type="mdi" :path="lockPath" :width="18" :height="18"></svg-icon>
+                          <p v-html="item.rgtr == mbrId || roles == 'ROLE_ADMIN'
+                              ? item.ansCn
+                              : '[ 비밀글입니다 ]'
+                            "></p>
+                        </div>
+                        <div v-else>
+                          <p v-html="item.ansCn"></p>
+                        </div>
+                      </div>
+                    </td>
+                    <td>
+                      <div v-if="item.ansCn != null && roles == 'ROLE_ADMIN'" class="btn-zone">
+                        <button class="btn sm primary" @click="fnAnswer(item.bbsId)">
+                          답변수정
+                        </button>
+                        <button class="btn sm red" @click="fnAnswerDel(item)" style="margin-left: 1rem;">
+                          답변삭제
+                        </button>
+                      </div>
+                    </td>
+                  </tr>
+                </template>
+              </tbody>
+              <tbody v-else>
+                <tr>
+                  <td colspan="5" class="data-none">
+                    등록된 정보가 존재하지 않습니다.
+                  </td>
+                </tr>
+              </tbody>
+            </table>
           </div>
         </div>
       </div>
-      <div class="btn-wrap list">
-        <div></div>
-        <PaginationButton
-          :className="pageRole === 'adm' ? 'admin-pagination' : ''"
-          v-model:currentPage="search.currentPage"
-          :pagination="search"
-          :click="findAll"
-        />
-        <template div v-if="pageAuth.regAuthrt == 'Y'">
-          <button class="btn sm main"
-            @click="fnAdd"
-          >
-            등록
-          </button>
-        </template>
-      </div>
+    </div>
+    <div class="btn-wrap list">
+      <div></div>
+      <PaginationButton :className="pageRole === 'adm' ? 'admin-pagination' : ''"
+        v-model:currentPage="search.currentPage" :pagination="search" :click="findAll" />
+      <template div v-if="pageAuth.regAuthrt == 'Y'">
+        <button class="btn sm main" @click="fnAdd">
+          등록
+        </button>
+      </template>
+    </div>
 
   </template>
 </template>

   components: {
     PaginationButton: PaginationButton,
   },
-  mounted() {},
+  mounted() { },
 };
 </script>

df503a9

8487191

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


 <template>
     <!-- 사용자 -->
     <template v-if="pageRole === 'portal'">
-        <div>
-            <div>
+        <div class="content">
+            <div class="page-title point-font mb30">
                 <p>{{ bbsMng.bbsNm }}</p>
             </div>
-            <div class="search-bar">
-                <select name="" id="" class="border-none gd-3" 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-9 condition-input"
-                    placeholder="검색어를 입력하세요." v-model="search.searchText" @keyup.enter="findAll">
-
-
-                <button @click="findAll">검색</button>
-        
-                <!-- <button class="large-btn darkg-border-btn" @click="fnSearchReset"><svg-icon type="mdi" :path="refreshPath"></svg-icon> 초기화</button> -->
-            </div>
+            <div class="search-wrap">
+                <div class="search-bar">
+                    <select name="" id="" class="border-none gd-3" 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-9 condition-input"
+                        placeholder="검색어를 입력하세요." v-model="search.searchText" @keyup.enter="findAll">
+    
+    
+                    <button @click="findAll">검색</button>
+            
+                    <!-- <button class="large-btn darkg-border-btn" @click="fnSearchReset"><svg-icon type="mdi" :path="refreshPath"></svg-icon> 초기화</button> -->
+                </div>
+            </div class="search-wrap">
             <div class="gall-content">
                 <div v-for="(item, idx) in list" :key="idx" @click="fnView(idx)" class="gall-item">
                     <div class="gall-img">

df503a9

8487191

client/views/themes/tema_v2/css/component.css

--- client/views/themes/tema_v2/css/component.css

+++ client/views/themes/tema_v2/css/component.css


 @charset "utf-8";
 .user-wrap{
-    .content {
+
+    .content, .breadcrumb-warp {
         width: 1400px;
         margin: 0 auto;
+       
     }
-    
+    .breadcrumb-warp{
+        text-align: end;
+    }
     .row {
         padding-top: 5px;
         padding-bottom: 5px;

         font-size: 1.3rem;
     }
     
-    .pagination-button-type a {
+    /* .pagination-button-type a {
         display: block;
         text-align: center;
         cursor: pointer;
         border: 1px solid var(--dark);
         padding: 0 7px;
         border-radius: 0.5rem;
-    }
+    } */
     
     /* 정우추가 */
-    .pagination-button-type a.prev:after {
+    /* .pagination-button-type a.prev:after {
         content: "\003C";
         font-weight: 900;
     

         content: "\003E\003E";
         font-weight: 900;
     
-    }
+    } */
     
     .pagination-button-type a.active {
-        background-color: var(--green);
-        color: white;
-        cursor: default !important;
+        background-color: var(--tk-primary);
+        /* color: white;
+        cursor: default !important; */
     }
     
     

df503a9

8487191

client/views/themes/tema_v2/css/style.css

--- client/views/themes/tema_v2/css/style.css

+++ client/views/themes/tema_v2/css/style.css


         word-break: break-all;
     }
     
-    
-    
+    .menu-satisfaction{
+        width: 1400px;
+        margin: 0 auto;
+        padding: 0;
+        .write-zone {
+            padding-left: 3rem;
+            width: calc(100% - 537px);
+        }
+    }
 }
+.border-none{border: none !important;}
 
 
 

Add a comment

Open 0
Closed 0

List

...	...	@@ -1,10 +1,14 @@
1	1	@charset "utf-8";
2	2	.user-wrap{
3		- .content {
	3	+
	4	+ .content, .breadcrumb-warp {
4	5	width: 1400px;
5	6	margin: 0 auto;
	7	+
6	8	}
7		-
	9	+ .breadcrumb-warp{
	10	+ text-align: end;
	11	+ }
8	12	.row {
9	13	padding-top: 5px;
10	14	padding-bottom: 5px;
...	...	@@ -685,17 +689,17 @@
685	689	font-size: 1.3rem;
686	690	}
687	691
688		- .pagination-button-type a {
	692	+ /* .pagination-button-type a {
689	693	display: block;
690	694	text-align: center;
691	695	cursor: pointer;
692	696	border: 1px solid var(--dark);
693	697	padding: 0 7px;
694	698	border-radius: 0.5rem;
695		- }
	699	+ } */
696	700
697	701	/* 정우추가 */
698		- .pagination-button-type a.prev:after {
	702	+ /* .pagination-button-type a.prev:after {
699	703	content: "\003C";
700	704	font-weight: 900;
701	705
...	...	@@ -716,12 +720,12 @@
716	720	content: "\003E\003E";
717	721	font-weight: 900;
718	722
719		- }
	723	+ } */
720	724
721	725	.pagination-button-type a.active {
722		- background-color: var(--green);
723		- color: white;
724		- cursor: default !important;
	726	+ background-color: var(--tk-primary);
	727	+ /* color: white;
	728	+ cursor: default !important; */
725	729	}
726	730
727	731

...	...	@@ -246,9 +246,17 @@
246	246	word-break: break-all;
247	247	}
248	248
249		-
250		-
	249	+ .menu-satisfaction{
	250	+ width: 1400px;
	251	+ margin: 0 auto;
	252	+ padding: 0;
	253	+ .write-zone {
	254	+ padding-left: 3rem;
	255	+ width: calc(100% - 537px);
	256	+ }
	257	+ }
251	258	}
	259	+.border-none{border: none !important;}
252	260
253	261
254	262

...	...	@@ -45,87 +45,9 @@
45	45	margin-bottom: 1rem;
46	46	}
47	47
48		- .search-wrap{
49		- @include flex-layout(flex, center, space-between);
50		- margin-bottom: 3rem;
51		- .search-bar {
52		- position: relative;
53		- @include flex-layout(flex, center, start);
54		-
55		- .form-select {
56		- width: 120px;
57		- margin-left: 1rem;
58		-
59		- &.border-none{
60		- border: none;
61		- margin-left: 0;
62		- }
63		- }
64		-
65		- .form-control {
66		- width: 300px;
67		- margin-left: 1rem;
68		-
69		- &.border-none{
70		- border: none;
71		- margin-left: 0;
72		- }
73		- }
	48	+
	49	+
74	50
75		- .mark{
76		- margin-left: 1rem;
77		- }
78		-
79		- button{
80		-
81		- &.btn {
82		- margin-left: 1rem;
83		- }
84		-
85		- &.btn-ico{
86		- position: absolute;
87		- top: 50%;
88		- right: 1rem;
89		- transform: translateY(-50%);
90		- &.main{
91		- &.ico-sch {
92		- &::before,
93		- &::after {
94		- background-image: url(#{$url}/component/common/ico_sch_20_gn.svg);
95		- }
96		- }
97		- }
98		- }
99		- }
100		-
101		- &.border{
102		- width: 450px;
103		- border: 1px solid var(--tk-gray-60);
104		- background-color: var(--tk-white);
105		- border-radius: var(--tk-input-rd-sm);
106		- }
107		-
108		- .ml10{
109		- margin-left: 1rem
110		- }
111		- }
112		- }
113		-
114		- .btn-wrap {
115		- @include flex-layout(flex, center, end);
116		- // padding: 2rem 0;
117		- padding-top: 2rem;
118		-
119		- button {
120		- margin-left: 1rem;
121		- }
122		-
123		- &.list {
124		- @include flex-layout(flex, center, space-between);
125		- padding: 3rem 0;
126		- }
127		- }
128		-
129	51	.form-content {
130	52	padding: 2rem;
131	53	display: grid;
...	...	@@ -441,114 +363,7 @@
441	363	position: relative;
442	364	}
443	365
444		- .tbl-wrap{
445		- border: 1px solid var(--tk-gray-30);
446		- border-radius: 1rem;
447	366
448		- .tbl{
449		- max-width: 100%;
450		- width: 100%;
451		- &.data{
452		- thead{
453		- th{
454		- background-color: #c8d0d8;
455		- &:first-child{
456		- border-radius: 1rem 0 0 0;
457		- }
458		- &:last-child{
459		- border-radius: 0 1rem 0 0;
460		- }
461		-
462		- &.sticky{
463		- position: sticky;
464		- top: 0;
465		- z-index: 10;
466		- background-color: #c8d0d8;
467		- }
468		- }
469		- }
470		-
471		- tbody{
472		- tr{
473		- &:last-child{
474		- td{
475		- border-bottom: 0;
476		- &:first-child{
477		- border-radius: 0 0 0 1rem;
478		- }
479		- &:last-child{
480		- border-radius: 0 0 1rem 0;
481		- }
482		- &.data-none{
483		- border-radius: 0 0 1rem 1rem;
484		- text-align: center;
485		- }
486		-
487		- }
488		- }
489		- td{
490		- p{
491		- @include ellipsis(1)
492		- }
493		- .form-check{
494		- justify-content: center;
495		- input[type=checkbox] ~ label{
496		- padding-left: calc(var(--tk-rdo-size-md));
497		- }
498		- }
499		- }
500		-
501		- &.answer{
502		- cursor: default;
503		- }
504		- }
505		-
506		- }
507		- }
508		- &.mixing {
509		- thead{
510		- tr{
511		- &:nth-child(2){
512		- th{
513		- &:first-child{
514		- border-radius: 0;
515		- }
516		- &:last-child{
517		- border-radius: 0;
518		- }
519		- }
520		- }
521		- th{
522		-
523		- border-right: 1px solid var(--tk-secondary-30);
524		-
525		- &[rowspan="2"]:last-child{
526		- border-right:0;
527		- }
528		-
529		- &.sticky{
530		- position: sticky;
531		- background-color: #c8d0d8;
532		- z-index: 2;
533		- }
534		- &.top-0 {
535		- top: 0;
536		- }
537		- &.top-40 {
538		- top: 4rem; /* 첫 번째 헤더 높이에 맞춰 조정 */
539		- }
540		- }
541		- }
542		- }
543		-
544		- }
545		-
546		- }
547		- &.overflow-y{
548		- overflow-y: auto;
549		- }
550		-
551		- }
552	367
553	368
554	369	.mb30{
...	...	@@ -901,3 +716,194 @@
901	716
902	717
903	718
	719	+.search-wrap{
	720	+ @include flex-layout(flex, center, space-between);
	721	+ margin-bottom: 3rem;
	722	+ .search-bar {
	723	+ position: relative;
	724	+ @include flex-layout(flex, center, start);
	725	+
	726	+ .form-select {
	727	+ width: 120px;
	728	+ margin-left: 1rem;
	729	+
	730	+ &.border-none{
	731	+ border: none;
	732	+ margin-left: 0;
	733	+ }
	734	+ }
	735	+
	736	+ .form-control {
	737	+ width: 300px;
	738	+ margin-left: 1rem;
	739	+
	740	+ &.border-none{
	741	+ border: none;
	742	+ margin-left: 0;
	743	+ }
	744	+ }
	745	+
	746	+ .mark{
	747	+ margin-left: 1rem;
	748	+ }
	749	+
	750	+ button{
	751	+
	752	+ &.btn {
	753	+ }
	754	+
	755	+ &.btn-ico{
	756	+ position: absolute;
	757	+ top: 50%;
	758	+ right: 1rem;
	759	+ transform: translateY(-50%);
	760	+ &.main{
	761	+ &.ico-sch {
	762	+ &::before,
	763	+ &::after {
	764	+ background-image: url(#{$url}/component/common/ico_sch_20_gn.svg);
	765	+ }
	766	+ }
	767	+ }
	768	+ }
	769	+ }
	770	+
	771	+ &.border{
	772	+ width: max-content;
	773	+ border: 1px solid var(--tk-gray-60);
	774	+ background-color: var(--tk-white);
	775	+ border-radius: var(--tk-input-rd-sm);
	776	+ }
	777	+
	778	+ .ml10{
	779	+ margin-left: 1rem
	780	+ }
	781	+ }
	782	+}
	783	+
	784	+.tbl-wrap{
	785	+ border: 1px solid var(--tk-gray-30);
	786	+ border-radius: 1rem;
	787	+
	788	+ .tbl{
	789	+ max-width: 100%;
	790	+ width: 100%;
	791	+ &.data{
	792	+ thead{
	793	+ th{
	794	+ background-color: #c8d0d8;
	795	+ &:first-child{
	796	+ border-radius: 1rem 0 0 0;
	797	+ }
	798	+ &:last-child{
	799	+ border-radius: 0 1rem 0 0;
	800	+ }
	801	+
	802	+ &.sticky{
	803	+ position: sticky;
	804	+ top: 0;
	805	+ z-index: 10;
	806	+ background-color: #c8d0d8;
	807	+ }
	808	+ }
	809	+ }
	810	+
	811	+ tbody{
	812	+ tr{
	813	+ &:last-child{
	814	+ td{
	815	+ border-bottom: 0;
	816	+ &:first-child{
	817	+ border-radius: 0 0 0 1rem;
	818	+ }
	819	+ &:last-child{
	820	+ border-radius: 0 0 1rem 0;
	821	+ }
	822	+ &.data-none{
	823	+ border-radius: 0 0 1rem 1rem;
	824	+ text-align: center;
	825	+ }
	826	+
	827	+ }
	828	+ }
	829	+ td{
	830	+ p{
	831	+ @include ellipsis(1)
	832	+ }
	833	+ .form-check{
	834	+ justify-content: center;
	835	+ input[type=checkbox] ~ label{
	836	+ padding-left: calc(var(--tk-rdo-size-md));
	837	+ }
	838	+ }
	839	+ }
	840	+
	841	+ &.answer{
	842	+ cursor: default;
	843	+ }
	844	+ }
	845	+
	846	+ }
	847	+ }
	848	+ &.mixing {
	849	+ thead{
	850	+ tr{
	851	+ &:nth-child(2){
	852	+ th{
	853	+ &:first-child{
	854	+ border-radius: 0;
	855	+ }
	856	+ &:last-child{
	857	+ border-radius: 0;
	858	+ }
	859	+ }
	860	+ }
	861	+ th{
	862	+
	863	+ border-right: 1px solid var(--tk-secondary-30);
	864	+
	865	+ &[rowspan="2"]:last-child{
	866	+ border-right:0;
	867	+ }
	868	+
	869	+ &.sticky{
	870	+ position: sticky;
	871	+ background-color: #c8d0d8;
	872	+ z-index: 2;
	873	+ }
	874	+ &.top-0 {
	875	+ top: 0;
	876	+ }
	877	+ &.top-40 {
	878	+ top: 4rem; /* 첫 번째 헤더 높이에 맞춰 조정 */
	879	+ }
	880	+ }
	881	+ }
	882	+ }
	883	+
	884	+ }
	885	+
	886	+ }
	887	+ &.overflow-y{
	888	+ overflow-y: auto;
	889	+ }
	890	+
	891	+}
	892	+.btn-wrap {
	893	+ @include flex-layout(flex, center, end);
	894	+ // padding: 2rem 0;
	895	+ padding-top: 2rem;
	896	+
	897	+ button {
	898	+ margin-left: 1rem;
	899	+ }
	900	+
	901	+ &.list {
	902	+ @include flex-layout(flex, center, space-between);
	903	+ padding: 3rem 0;
	904	+ }
	905	+}
	906	+.layout, .check-area{
	907	+ @include flex-layout(flex, center, flex-start); }
	908	+
	909	+ .check-area{gap: 3rem;} (파일 끝에 줄바꿈 문자 없음)

...	...	@@ -5,6 +5,7 @@
5	5	height: 100%;
6	6
7	7	.main-wrap{
	8	+ margin-bottom: 5rem;
8	9	width: 100%;
9	10	height: 100%;
10	11

...	...	@@ -1,5 +1,5 @@
1	1	<template>
2		- <table :class="{ 'tbl': true, [className]: className }">
	2	+ <table :class="{ 'tbl data': true, [className]: className }">
3	3	<colgroup>
4	4	<col v-for="(w, idx) in colgroup" :width="w" :key="idx" />
5	5	</colgroup>

...	...	@@ -1,5 +1,5 @@
1	1	<template>
2		- <div v-if="dgstfnExmnUseYn == 'Y'" class="menu-satisfaction">
	2	+ <div v-if="dgstfnExmnUseYn == 'Y'" class="menu-satisfaction ">
3	3	<div v-if="rspnsYn == 'N'" class="satisfaction-wrap">
4	4	<div class="layout">
5	5	<div class="check-list">

...	...	@@ -5,52 +5,51 @@
5	5	<div class="page-title point-font mb30">
6	6	<p>{{ bbsMng.bbsNm }}</p>
7	7	</div>
8		- <div class="search-bar mb15">
9		- <div class="flex justify-end align-center no-gutters">
10		- <div class="gd-4">
11		- <div class="border">
12		- <select
13		- class="border-none gd-3"
14		- v-model="search.searchType"
15		- >
16		- <option value="">전체</option>
17		- <option v-for="(item, idx) in codeList" :key="idx" :value="item.cd">
18		- {{ item.cdNm }}
19		- </option>
20		- </select>
21		- <input
22		- type="text"
23		- class="full-input border-none gd-9 condition-input"
24		- placeholder="검색어를 입력하세요."
25		- v-model="search.searchText"
26		- @keyup.enter="findAll"
27		- />
	8	+ <div class="search-wrap">
	9	+ <div></div>
	10	+ <div class="search-bar mb15 border">
	11	+ <select
	12	+ class="border-none sm form-select"
	13	+ v-model="search.searchType"
	14	+ >
	15	+ <option value="">전체</option>
	16	+ <option v-for="(item, idx) in codeList" :key="idx" :value="item.cd">
	17	+ {{ item.cdNm }}
	18	+ </option>
	19	+ </select>
	20	+ <input
	21	+ type="text"
	22	+ class="full-input border-none sm condition-input form-control"
	23	+ placeholder="검색어를 입력하세요."
	24	+ v-model="search.searchText"
	25	+ @keyup.enter="findAll"
	26	+ />
	27	+ <div class="flex gd-3">
	28	+ <div class="gd-6 pr0">
	29	+ <button class="btn xsm green-border-btn" @click="findAll">
	30	+ 검색
	31	+ </button>
	32	+ </div>
	33	+ <div class="gd-6 pr0">
	34	+ <button class="btn xsm darkg-border-btn" @click="fnSearchReset">
	35	+ <svg-icon type="mdi" :path="refreshPath"></svg-icon> 초기화
	36	+ </button>
	37	+ </div>
28	38	</div>
29	39	</div>
30		- <div class="flex gd-3">
31		- <div class="gd-6 pr0">
32		- <button class="large-btn green-border-btn" @click="findAll">
33		- 검색
34		- </button>
35		- </div>
36		- <div class="gd-6 pr0">
37		- <button class="large-btn darkg-border-btn" @click="fnSearchReset">
38		- <svg-icon type="mdi" :path="refreshPath"></svg-icon> 초기화
39		- </button>
40		- </div>
41		- </div>
42		- </div>
43	40	</div>
44		- <ListTable
45		- class="cmmn-table"
46		- :colgroup="colgroup"
47		- :thead="thead"
48		- :tbody="tbody"
49		- @listClick="fnView"
50		- :lockList="lockList"
51		- :ntcList="ntcList"
52		- />
53		- <div class="flex justify-between align-center no-gutters">
	41	+ <div class="tbl-wrap">
	42	+ <ListTable
	43	+ class="cmmn-table"
	44	+ :colgroup="colgroup"
	45	+ :thead="thead"
	46	+ :tbody="tbody"
	47	+ @listClick="fnView"
	48	+ :lockList="lockList"
	49	+ :ntcList="ntcList"
	50	+ />
	51	+ </div>
	52	+ <div class="flex justify-between align-center no-gutters btn-wrap list">
54	53	<div class="gd-1"></div>
55	54	<div class="gd-10">
56	55	<PaginationButton
...	...	@@ -61,7 +60,7 @@
61	60	/>
62	61	</div>
63	62	<div v-if="pageAuth.regAuthrt == 'Y'" class="gd-1">
64		- <button class="large-btn green-btn" @click="fnAdd">
	63	+ <button class="btn sm" @click="fnAdd">
65	64	등록
66	65	</button>
67	66	</div>

...	...	@@ -1,193 +1,145 @@
1	1	<template>
2	2	<!-- 사용자 -->
3	3	<template v-if="pageRole === 'portal'">
4		- <div>
5		- <div>
	4	+ <div class="content">
	5	+ <div class="page-title point-font mb30">
6	6	<p>{{ bbsMng.bbsNm }}</p>
7	7	</div>
8		- <div class="search-bar">
9		- <div class="flex justify-end align-center no-gutters">
10		- <div class="gd-4">
11		- <div class="border">
12		- <select
13		- name=""
14		- id=""
15		- class="border-none gd-3"
16		- v-model="search.searchType"
17		- >
18		- <option value="">전체</option>
19		- <option
20		- v-for="(item, idx) in codeList"
21		- :key="idx"
22		- :value="item.cd"
23		- >
24		- {{ item.cdNm }}
25		- </option>
26		- </select>
27		- <input
28		- type="text"
29		- class="full-input border-none gd-9 condition-input"
30		- placeholder="검색어를 입력하세요."
31		- v-model="search.searchText"
32		- @keyup.enter="findAll"
33		- />
34		- </div>
35		- </div>
	8	+ <div class="search-wrap">
	9	+ <div></div>
	10	+ <div class="search-bar border">
	11	+ <select name="" id="" class="border-none form-select sm" v-model="search.searchType">
	12	+ <option value="">전체</option>
	13	+ <option v-for="(item, idx) in codeList" :key="idx" :value="item.cd">
	14	+ {{ item.cdNm }}
	15	+ </option>
	16	+ </select>
	17	+ <input type="text" class="form-control border-none sm " placeholder="검색어를 입력하세요."
	18	+ v-model="search.searchText" @keyup.enter="findAll" />
36	19	<div class="flex gd-3">
37	20	<div class="gd-6 pr0">
38		- <button
39		- :class="{
40		- 'large-btn': true,
41		- 'blue-border-btn': pageRole == 'adm',
42		- 'green-border-btn':
43		- pageRole == 'portal',
44		- }"
45		- @click="findAll"
46		- >
	21	+ <button class="btn xsm" :class="{
	22	+ 'large-btn': true,
	23	+ 'blue-border-btn': pageRole == 'adm',
	24	+ 'green-border-btn':
	25	+ pageRole == 'portal',
	26	+ }" @click="findAll">
47	27	검색
48	28	</button>
49	29	</div>
50	30	<div class="gd-6 pr0">
51		- <button class="large-btn darkg-border-btn" @click="fnSearchReset">
	31	+ <button class="btn tertiary border-none xsm" @click="fnSearchReset">
52	32	<svg-icon type="mdi" :path="refreshPath"></svg-icon> 초기화
53	33	</button>
54	34	</div>
55	35	</div>
56	36	</div>
57	37	</div>
58		- <table>
59		- <colgroup>
60		- <col width="10%" />
61		- <col width="40%" />
62		- <col width="15%" />
63		- <col width="15%" />
64		- <col width="20%" />
65		- </colgroup>
66		- <thead>
67		- <tr>
68		- <th>답변상태</th>
69		- <th>내용</th>
70		- <th>작성자</th>
71		- <th>작성일</th>
72		- <th>비고</th>
73		- </tr>
74		- </thead>
75		- <tbody v-if="list.length > 0">
76		- <template v-for="(item, idx) in list" :key="idx">
77		- <tr @click="toggle(idx)">
78		- <td>{{ item.ansStts == "N" ? "미답변" : "답변완료" }}</td>
79		- <td>
80		- <div>
81		- <span>Q.</span>
82		- <div v-if="item.prvtPstYn == 'Y'">
83		- <!-- {{ item.rgtr == mbrId \|\| roles == 'ROLE_ADMIN' ? item.bbsCn : '[ 비밀글입니다 ]' }} -->
84		- <svg-icon type="mdi" :path="lockPath" :width="18" :height="18"></svg-icon>
85		- <p
86		- v-html="
87		- item.rgtr == mbrId \|\| roles == 'ROLE_ADMIN'
	38	+ <div class="tbl-wrap ">
	39	+ <table class="tbl data">
	40	+ <colgroup>
	41	+ <col width="10%" />
	42	+ <col width="40%" />
	43	+ <col width="15%" />
	44	+ <col width="15%" />
	45	+ <col width="20%" />
	46	+ </colgroup>
	47	+ <thead>
	48	+ <tr>
	49	+ <th>답변상태</th>
	50	+ <th>내용</th>
	51	+ <th>작성자</th>
	52	+ <th>작성일</th>
	53	+ <th>비고</th>
	54	+ </tr>
	55	+ </thead>
	56	+ <tbody v-if="list.length > 0">
	57	+ <template v-for="(item, idx) in list" :key="idx">
	58	+ <tr @click="toggle(idx)">
	59	+ <td>{{ item.ansStts == "N" ? "미답변" : "답변완료" }}</td>
	60	+ <td>
	61	+ <div class="layout">
	62	+ <span>Q.</span>
	63	+ <div v-if="item.prvtPstYn == 'Y'" class="layout">
	64	+ <!-- {{ item.rgtr == mbrId \|\| roles == 'ROLE_ADMIN' ? item.bbsCn : '[ 비밀글입니다 ]' }} -->
	65	+ <svg-icon type="mdi" :path="lockPath" :width="18" :height="18"></svg-icon>
	66	+ <p v-html="item.rgtr == mbrId \|\| roles == 'ROLE_ADMIN'
88	67	? item.bbsCn
89	68	: '[ 비밀글입니다 ]'
90		- "
91		- ></p>
	69	+ "></p>
	70	+ </div>
	71	+ <div v-else>
	72	+ <!-- {{ item.bbsCn }} -->
	73	+ <p v-html="item.bbsCn"></p>
	74	+ </div>
92	75	</div>
93		- <div v-else>
94		- <!-- {{ item.bbsCn }} -->
95		- <p v-html="item.bbsCn"></p>
96		- </div>
97		- </div>
98		- </td>
99		- <td>{{ item.rgtrNm }}</td>
100		- <td>{{ item.regDt }}</td>
101		- <td>
102		- <div>
103		- <template v-if="item.rgtr == mbrId \|\| roles == 'ROLE_ADMIN'">
104		- <button class="btn sm primary"
105		- @click="fnUpdate(item.bbsId)"
106		- >
107		- 수정
	76	+ </td>
	77	+ <td>{{ item.rgtrNm }}</td>
	78	+ <td>{{ item.regDt }}</td>
	79	+ <td>
	80	+ <div class="icon-btn-zone layout">
	81	+ <template v-if="item.rgtr == mbrId \|\| roles == 'ROLE_ADMIN'">
	82	+ <button class="btn-ico md ico-update" @click="fnUpdate(item.bbsId)">
	83	+ <span class="sr-only">수정</span>
108	84	</button>
109		- <button
110		- class="btn sm red"
111		- @click="fnDelete(item)"
112		- >
113		- 삭제
	85	+ <button class="btn-ico md ico-del red" @click="fnDelete(item)">
	86	+ <span class="sr-only">삭제</span>
114	87	</button>
115		- </template>
116		- <div
117		- v-if="roles == 'ROLE_ADMIN' && item.ansCn == null"
118		- >
119		- <button
120		- class="btn sm btn-chip-outline primary"
121		- @click="fnAnswer(item.bbsId)"
122		- >
123		- 답변
124		- </button>
	88	+ </template>
	89	+ <div v-if="roles == 'ROLE_ADMIN' && item.ansCn == null" style="height: 24px;">
	90	+ <button class="btn-ico md ico-comment" @click="fnAnswer(item.bbsId)">
	91	+ <span class="sr-only">답변</span>
	92	+ </button>
	93	+ </div>
125	94	</div>
126		- </div>
127		- </td>
128		- </tr>
129		- <tr v-if="isOpen === idx && item.absBbsId !== null" class="answer">
130		- <td>A.</td>
131		- <td colspan="3">
132		- <div>
133		- <template v-if="item.prvtPstYn == 'Y'">
134		- <!-- {{ item.rgtr == mbrId \|\| roles == 'ROLE_ADMIN' ? item.ansCn : '[ 비밀 답글입니다 ]' }} -->
135		- <svg-icon type="mdi" :path="lockPath" :width="18" :height="18"></svg-icon>
136		- <p
137		- v-html="
138		- item.rgtr == mbrId \|\| roles == 'ROLE_ADMIN'
	95	+ </td>
	96	+ </tr>
	97	+ <tr v-if="isOpen === idx && item.absBbsId !== null" class="answer">
	98	+ <td>A.</td>
	99	+ <td colspan="3">
	100	+ <div>
	101	+ <template v-if="item.prvtPstYn == 'Y'">
	102	+ <!-- {{ item.rgtr == mbrId \|\| roles == 'ROLE_ADMIN' ? item.ansCn : '[ 비밀 답글입니다 ]' }} -->
	103	+ <svg-icon type="mdi" :path="lockPath" :width="18" :height="18"></svg-icon>
	104	+ <p v-html="item.rgtr == mbrId \|\| roles == 'ROLE_ADMIN'
139	105	? item.ansCn
140	106	: '[ 비밀글입니다 ]'
141		- "
142		- ></p>
143		- </template>
144		- <template v-else>
145		- <!-- {{ item.ansCn }} -->
146		- <p v-html="item.ansCn"></p>
147		- </template>
148		- </div>
149		- </td>
150		- <td>
151		- <div
152		- v-if="item.ansCn != null && roles == 'ROLE_ADMIN'"
153		- >
154		- <button
155		- class="btn sm primary"
156		- @click="fnAnswer(item.bbsId)"
157		- >
	107	+ "></p>
	108	+ </template>
	109	+ <template v-else>
	110	+ <!-- {{ item.ansCn }} -->
	111	+ <p v-html="item.ansCn"></p>
	112	+ </template>
	113	+ </div>
	114	+ </td>
	115	+ <td>
	116	+ <div v-if="item.ansCn != null && roles == 'ROLE_ADMIN'">
	117	+ <button class="btn sm primary" @click="fnAnswer(item.bbsId)">
158	118	답변수정
159	119	</button>
160		- <button
161		- class="btn sm red"
162		- @click="fnAnswerDel(item)"
163		- >
	120	+ <button class="btn sm red" @click="fnAnswerDel(item)">
164	121	답변삭제
165	122	</button>
166		- </div>
	123	+ </div>
	124	+ </td>
	125	+ </tr>
	126	+ </template>
	127	+ </tbody>
	128	+ <tbody v-else>
	129	+ <tr>
	130	+ <td colspan="5" class="data-none">
	131	+ 등록된 정보가 존재하지 않습니다.
167	132	</td>
168	133	</tr>
169		- </template>
170		- </tbody>
171		- <tbody v-else>
172		- <tr>
173		- <td colspan="5" class="data-none">
174		- 등록된 정보가 존재하지 않습니다.
175		- </td>
176		- </tr>
177		- </tbody>
178		- </table>
	134	+ </tbody>
	135	+ </table>
	136	+ </div>
179	137	<div class="btn-wrap list">
180	138	<div></div>
181		- <PaginationButton
182		- :className="pageRole === 'adm' ? 'admin-pagination' : ''"
183		- v-model:currentPage="search.currentPage"
184		- :pagination="search"
185		- :click="findAll"
186		- />
	139	+ <PaginationButton :className="pageRole === 'adm' ? 'admin-pagination' : ''"
	140	+ v-model:currentPage="search.currentPage" :pagination="search" :click="findAll" />
187	141	<template div v-if="pageAuth.regAuthrt == 'Y'">
188		- <button class="btn sm main"
189		- @click="fnAdd"
190		- >
	142	+ <button class="btn sm main" @click="fnAdd">
191	143	등록
192	144	</button>
193	145	</template>
...	...	@@ -196,186 +148,140 @@
196	148	</template>
197	149	<!-- 관리자 -->
198	150	<template v-else>
199		- <div class="search-wrap">
200		- <div></div>
201		- <div class="search-bar border">
202		- <select
203		- class="form-select sm border-none"
204		- v-model="search.searchType"
205		- >
206		- <option value="">전체</option>
207		- <option
208		- v-for="(item, idx) in codeList"
209		- :key="idx"
210		- :value="item.cd"
211		- >
212		- {{ item.cdNm }}
213		- </option>
214		- </select>
215		- <input
216		- type="text"
217		- class="form-control sm border-none"
218		- placeholder="검색어를 입력하세요."
219		- v-model="search.searchText"
220		- @keyup.enter="findAll"
221		- />
222		- <button class="btn-ico xsm ico-sch" @click="findAll">
223		- <span class="sr-only">검색</span>
224		- </button>
225		- <!-- <button class="large-btn darkg-border-btn" @click="fnSearchReset">
	151	+ <div class="search-wrap">
	152	+ <div></div>
	153	+ <div class="search-bar border">
	154	+ <select class="form-select sm border-none" v-model="search.searchType">
	155	+ <option value="">전체</option>
	156	+ <option v-for="(item, idx) in codeList" :key="idx" :value="item.cd">
	157	+ {{ item.cdNm }}
	158	+ </option>
	159	+ </select>
	160	+ <input type="text" class="form-control sm border-none" placeholder="검색어를 입력하세요." v-model="search.searchText"
	161	+ @keyup.enter="findAll" />
	162	+ <button class="btn-ico xsm ico-sch" @click="findAll">
	163	+ <span class="sr-only">검색</span>
	164	+ </button>
	165	+ <!-- <button class="large-btn darkg-border-btn" @click="fnSearchReset">
226	166	<svg-icon type="mdi" :path="refreshPath"></svg-icon> 초기화
227	167	</button> -->
228		- </div>
229	168	</div>
230		- <div class="content-zone">
231		- <div class="content">
232		- <div class="scroll">
233		- <div class="tbl-wrap">
234		- <table class="tbl data cursor">
235		- <colgroup>
236		- <col width="10%" />
237		- <col width="40%" />
238		- <col width="15%" />
239		- <col width="15%" />
240		- <col width="20%" />
241		- </colgroup>
242		- <thead>
243		- <tr>
244		- <th>답변상태</th>
245		- <th>내용</th>
246		- <th>작성자</th>
247		- <th>작성일</th>
248		- <th>비고</th>
249		- </tr>
250		- </thead>
251		- <tbody v-if="list.length > 0">
252		- <template v-for="(item, idx) in list" :key="idx">
253		- <tr @click="toggle(idx)">
254		- <td>
255		- <span v-if="item.ansStts == 'N'" class="state red">미답변</span>
256		- <span v-else class="state blue">답변완료</span>
257		- </td>
258		- <td>
259		- <div class="layout">
260		- <span class="state question">Q</span>
261		- <div v-if="item.prvtPstYn == 'Y'" class="layout">
262		- <svg-icon type="mdi" :path="lockPath" :width="18" :height="18"></svg-icon>
263		- <p
264		- v-html="
265		- item.rgtr == mbrId \|\| roles == 'ROLE_ADMIN'
266		- ? item.bbsCn
267		- : '[ 비밀글입니다 ]'
268		- "
269		- ></p>
270		- </div>
271		- <div v-else>
272		- <p v-html="item.bbsCn"></p>
273		- </div>
	169	+ </div>
	170	+ <div class="content-zone">
	171	+ <div class="content">
	172	+ <div class="scroll">
	173	+ <div class="tbl-wrap">
	174	+ <table class="tbl data cursor">
	175	+ <colgroup>
	176	+ <col width="10%" />
	177	+ <col width="40%" />
	178	+ <col width="15%" />
	179	+ <col width="15%" />
	180	+ <col width="20%" />
	181	+ </colgroup>
	182	+ <thead>
	183	+ <tr>
	184	+ <th>답변상태</th>
	185	+ <th>내용</th>
	186	+ <th>작성자</th>
	187	+ <th>작성일</th>
	188	+ <th>비고</th>
	189	+ </tr>
	190	+ </thead>
	191	+ <tbody v-if="list.length > 0">
	192	+ <template v-for="(item, idx) in list" :key="idx">
	193	+ <tr @click="toggle(idx)">
	194	+ <td>
	195	+ <span v-if="item.ansStts == 'N'" class="state red">미답변</span>
	196	+ <span v-else class="state blue">답변완료</span>
	197	+ </td>
	198	+ <td>
	199	+ <div class="layout">
	200	+ <span class="state question">Q</span>
	201	+ <div v-if="item.prvtPstYn == 'Y'" class="layout">
	202	+ <svg-icon type="mdi" :path="lockPath" :width="18" :height="18"></svg-icon>
	203	+ <p v-html="item.rgtr == mbrId \|\| roles == 'ROLE_ADMIN'
	204	+ ? item.bbsCn
	205	+ : '[ 비밀글입니다 ]'
	206	+ "></p>
274	207	</div>
275		- </td>
276		- <td>{{ item.rgtrNm }}</td>
277		- <td>{{ item.regDt }}</td>
278		- <td>
279		- <div class="icon-btn-zone">
280		- <template v-if="item.rgtr == mbrId \|\| roles == 'ROLE_ADMIN'">
281		- <button class="btn-ico md ico-update"
282		- @click="fnUpdate(item.bbsId)"
283		- title="수정"
284		- >
285		- <span class="sr-only">수정</span>
286		- </button>
287		- <button
288		- class="btn-ico md ico-del red"
289		- @click="fnDelete(item)"
290		- title="삭제"
291		- >
292		- <span class="sr-only">삭제</span>
293		- </button>
294		- </template>
295		- <template
296		- v-if="roles == 'ROLE_ADMIN' && item.ansCn == null"
297		- >
298		- <button
299		- class="btn-ico md ico-comment"
300		- @click="fnAnswer(item.bbsId)"
301		- title="답변"
302		- >
	208	+ <div v-else>
	209	+ <p v-html="item.bbsCn"></p>
	210	+ </div>
	211	+ </div>
	212	+ </td>
	213	+ <td>{{ item.rgtrNm }}</td>
	214	+ <td>{{ item.regDt }}</td>
	215	+ <td>
	216	+ <div class="icon-btn-zone">
	217	+ <template v-if="item.rgtr == mbrId \|\| roles == 'ROLE_ADMIN'">
	218	+ <button class="btn-ico md ico-update" @click="fnUpdate(item.bbsId)" title="수정">
	219	+ <span class="sr-only">수정</span>
	220	+ </button>
	221	+ <button class="btn-ico md ico-del red" @click="fnDelete(item)" title="삭제">
	222	+ <span class="sr-only">삭제</span>
	223	+ </button>
	224	+ </template>
	225	+ <template v-if="roles == 'ROLE_ADMIN' && item.ansCn == null">
	226	+ <button class="btn-ico md ico-comment" @click="fnAnswer(item.bbsId)" title="답변">
303	227	<span class="sr-only">답변</span>
304		- </button>
305		- </template>
306		- </div>
307		- </td>
308		- </tr>
309		- <tr v-if="isOpen === idx && item.absBbsId !== null" class="answer">
310		- <td></td>
311		- <td colspan="3">
312		- <div class="layout">
313		- <span class="state answer">A</span>
314		- <div v-if="item.prvtPstYn == 'Y'" class="layout">
315		- <svg-icon type="mdi" :path="lockPath" :width="18" :height="18"></svg-icon>
316		- <p
317		- v-html="
318		- item.rgtr == mbrId \|\| roles == 'ROLE_ADMIN'
319		- ? item.ansCn
320		- : '[ 비밀글입니다 ]'
321		- "
322		- ></p>
323		- </div>
324		- <div v-else>
325		- <p v-html="item.ansCn"></p>
326		- </div>
327		- </div>
328		- </td>
329		- <td>
330		- <div
331		- v-if="item.ansCn != null && roles == 'ROLE_ADMIN'" class="btn-zone"
332		- >
333		- <button
334		- class="btn sm primary"
335		- @click="fnAnswer(item.bbsId)"
336		- >
337		- 답변수정
338		- </button>
339		- <button
340		- class="btn sm red"
341		- @click="fnAnswerDel(item)"
342		- style="margin-left: 1rem;"
343		- >
344		- 답변삭제
345		- </button>
346		- </div>
347		- </td>
348		- </tr>
349		- </template>
350		- </tbody>
351		- <tbody v-else>
352		- <tr>
353		- <td colspan="5" class="data-none">
354		- 등록된 정보가 존재하지 않습니다.
	228	+ </button>
	229	+ </template>
	230	+ </div>
355	231	</td>
356	232	</tr>
357		- </tbody>
358		- </table>
359		- </div>
	233	+ <tr v-if="isOpen === idx && item.absBbsId !== null" class="answer">
	234	+ <td></td>
	235	+ <td colspan="3">
	236	+ <div class="layout">
	237	+ <span class="state answer">A</span>
	238	+ <div v-if="item.prvtPstYn == 'Y'" class="layout">
	239	+ <svg-icon type="mdi" :path="lockPath" :width="18" :height="18"></svg-icon>
	240	+ <p v-html="item.rgtr == mbrId \|\| roles == 'ROLE_ADMIN'
	241	+ ? item.ansCn
	242	+ : '[ 비밀글입니다 ]'
	243	+ "></p>
	244	+ </div>
	245	+ <div v-else>
	246	+ <p v-html="item.ansCn"></p>
	247	+ </div>
	248	+ </div>
	249	+ </td>
	250	+ <td>
	251	+ <div v-if="item.ansCn != null && roles == 'ROLE_ADMIN'" class="btn-zone">
	252	+ <button class="btn sm primary" @click="fnAnswer(item.bbsId)">
	253	+ 답변수정
	254	+ </button>
	255	+ <button class="btn sm red" @click="fnAnswerDel(item)" style="margin-left: 1rem;">
	256	+ 답변삭제
	257	+ </button>
	258	+ </div>
	259	+ </td>
	260	+ </tr>
	261	+ </template>
	262	+ </tbody>
	263	+ <tbody v-else>
	264	+ <tr>
	265	+ <td colspan="5" class="data-none">
	266	+ 등록된 정보가 존재하지 않습니다.
	267	+ </td>
	268	+ </tr>
	269	+ </tbody>
	270	+ </table>
360	271	</div>
361	272	</div>
362	273	</div>
363		- <div class="btn-wrap list">
364		- <div></div>
365		- <PaginationButton
366		- :className="pageRole === 'adm' ? 'admin-pagination' : ''"
367		- v-model:currentPage="search.currentPage"
368		- :pagination="search"
369		- :click="findAll"
370		- />
371		- <template div v-if="pageAuth.regAuthrt == 'Y'">
372		- <button class="btn sm main"
373		- @click="fnAdd"
374		- >
375		- 등록
376		- </button>
377		- </template>
378		- </div>
	274	+ </div>
	275	+ <div class="btn-wrap list">
	276	+ <div></div>
	277	+ <PaginationButton :className="pageRole === 'adm' ? 'admin-pagination' : ''"
	278	+ v-model:currentPage="search.currentPage" :pagination="search" :click="findAll" />
	279	+ <template div v-if="pageAuth.regAuthrt == 'Y'">
	280	+ <button class="btn sm main" @click="fnAdd">
	281	+ 등록
	282	+ </button>
	283	+ </template>
	284	+ </div>
379	285
380	286	</template>
381	287	</template>
...	...	@@ -564,6 +470,6 @@
564	470	components: {
565	471	PaginationButton: PaginationButton,
566	472	},
567		- mounted() {},
	473	+ mounted() { },
568	474	};
569	475	</script>

...	...	@@ -1,23 +1,25 @@
1	1	<template>
2	2	<!-- 사용자 -->
3	3	<template v-if="pageRole === 'portal'">
4		- <div>
5		- <div>
	4	+ <div class="content">
	5	+ <div class="page-title point-font mb30">
6	6	<p>{{ bbsMng.bbsNm }}</p>
7	7	</div>
8		- <div class="search-bar">
9		- <select name="" id="" class="border-none gd-3" v-model="search.searchType">
10		- <option value="">전체</option>
11		- <option v-for="(item, idx) in codeList" :key="idx" :value="item.cd">{{ item.cdNm }}</option>
12		- </select>
13		- <input type="text" class="full-input border-none gd-9 condition-input"
14		- placeholder="검색어를 입력하세요." v-model="search.searchText" @keyup.enter="findAll">
15		-
16		-
17		- <button @click="findAll">검색</button>
18		-
19		- <!-- <button class="large-btn darkg-border-btn" @click="fnSearchReset"><svg-icon type="mdi" :path="refreshPath"></svg-icon> 초기화</button> -->
20		- </div>
	8	+ <div class="search-wrap">
	9	+ <div class="search-bar">
	10	+ <select name="" id="" class="border-none gd-3" 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-9 condition-input"
	15	+ placeholder="검색어를 입력하세요." v-model="search.searchText" @keyup.enter="findAll">
	16	+
	17	+
	18	+ <button @click="findAll">검색</button>
	19	+
	20	+ <!-- <button class="large-btn darkg-border-btn" @click="fnSearchReset"><svg-icon type="mdi" :path="refreshPath"></svg-icon> 초기화</button> -->
	21	+ </div>
	22	+ </div class="search-wrap">
21	23	<div class="gall-content">
22	24	<div v-for="(item, idx) in list" :key="idx" @click="fnView(idx)" class="gall-item">
23	25	<div class="gall-img">

Delete comment