류윤주 류윤주 04-16
250416 류윤주 수정
@9dba3280031c3ff0feda871f76fa719227ae19fe
client/resources/scss/admin/content.scss
--- client/resources/scss/admin/content.scss
+++ client/resources/scss/admin/content.scss
@@ -606,6 +606,10 @@
             flex-wrap: wrap;
         }
 
+        &.end{
+            @include flex-layout(flex, center, flex-end);
+        }
+
     }
     
     .border-top{
@@ -650,6 +654,26 @@
         background-color: var(--tk-gray-10);
         @include radius(20);
         margin-top: 3rem;
+
+        .comment-item{
+            border-top: 1px solid var(--tk-gray-30);
+            .comment-children{
+                padding-left: 2rem;
+                // border-top: 1px solid var(--tk-gray-30);
+            }
+            .comment-text{
+                padding-left: 1rem;
+            }
+    
+            .comment-date{
+                margin-left: 1rem;
+            }
+
+            .pb10{
+                padding-bottom: 1rem;
+            }
+
+        }
     
         .comment-head{
             width: auto;
@@ -813,7 +837,10 @@
         height: auto;
         aspect-ratio: 16 / 9;
         margin-right: 3rem;
+        object-fit: cover;
     }
+
+   
 
     .file-upload{
         width: 100px;
@@ -822,6 +849,20 @@
         border: 1px solid var(--tk-main-50);
         color: var(--tk-main-50);
     }
+
+
+    .auth-list{
+        @include flex-layout(flex, center);
+        .auth-itme{
+            width: fit-content;
+            max-width: fit-content;
+            border-bottom: none;
+            padding: .2rem 1rem;
+            border: 1px solid var(--tk-gray-10);
+            border-radius: 1rem;
+        }
+    }
+
 }
 
 
client/resources/scss/common/component/_buttons.scss
--- client/resources/scss/common/component/_buttons.scss
+++ client/resources/scss/common/component/_buttons.scss
@@ -302,6 +302,9 @@
   &.ico-plus {
     background-image: url(#{$url}/component/common/ico_plus_24.svg);
   }
+  &.ico-close {
+    background-image: url(#{$url}/component/common/ico_chip_del.svg);
+  }
   &.ico-download {
     background-image: url(#{$url}/component/common/ico_file_20.svg);
     margin-left: 1rem;
client/views/component/comment/CommentItem.vue
--- client/views/component/comment/CommentItem.vue
+++ client/views/component/comment/CommentItem.vue
@@ -1,53 +1,48 @@
 <template>
   <div class="comment-item" v-for="comment in comments" :key="comment.id">
-    <div class="layout">
-      <h4 class="comment-user">{{ comment.rgtrNm }}</h4>
-      <span class="comment-date ml5">{{ comment.regDt }}</span>
-    </div>
-
-    <textarea v-if="'isUpdate' in comment && comment.isUpdate" class="comment-text mb10" v-model="comment.cmntCn"
-      style="width: 100%; min-height: 4rem"></textarea>
-
-    <p v-else class="comment-text">
-      {{ comment.useYn == "Y" ? comment.cmntCn : "[ 삭제된 댓글입니다. ]" }}
-    </p>
-
-    <div v-if="showReplyInput[comment.cmntId]" class="layout">
-        <textarea v-model="comment.replyText" style="width: 100%; min-height: 4rem"></textarea>
-        <button :class="{
-          'large-btn': true,
-          'blue-btn': pageRole == 'adm',
-          'green-btn': pageRole == 'portal',
-        }" @click="fnInsertCmnt(comment)">
-          등록
-        </button>
+      <div :class="{'comment-children': comment.cmntGrd > 0}" >
+        <div class="layout">
+        <h4 class="comment-user">{{ comment.rgtrNm }}</h4>
+        <span class="comment-date">{{ comment.regDt }}</span>
       </div>
 
-    <div class="flex justify-end align-center mb10">
-      <button v-if="comment.isUpdate != true" :class="{
-        'ml5 comment-item-btn icon-btn  radius pd5': true,
-        'green': !showReplyInput[comment.cmntId],
-        'gray': showReplyInput[comment.cmntId],
-      }" @click="toggleReplyInput(comment.cmntId)">
-        {{ showReplyInput[comment.cmntId] ? "취소" : "답글 달기" }}
-      </button>
+      <textarea v-if="'isUpdate' in comment && comment.isUpdate" class="comment-text mb10" v-model="comment.cmntCn"
+        style="width: 100%; min-height: 3rem"></textarea>
 
-      <button v-if="
-        (roles[0].authority == 'ROLE_ADMIN' || mbrId == comment.rgtr) &&
-        !showReplyInput[comment.cmntId]
-      " :class="{
-            'ml5 comment-item-btn icon-btn radius pd5': true,
-            'dark-gray': pageRole == 'adm',
-            'dark-gray':
-              pageRole == 'portal',
-          }" @click="fnUpdate(comment)">
-        수정
-      </button>
+      <p v-else class="comment-text">
+        {{ comment.useYn == "Y" ? comment.cmntCn : "[ 삭제된 댓글입니다. ]" }}
+      </p>
 
-      <button v-if="roles[0].authority == 'ROLE_ADMIN' || mbrId == comment.rgtr" @click="fnDeleteCmnt(comment.cmntId)"
-        class="ml5 icon-btn red radius pd5">
-        삭제
-      </button>
+      <div v-if="showReplyInput[comment.cmntId]" class="layout">
+          <textarea v-model="comment.replyText" style="width: 100%; min-height: 3rem" class="form-control"></textarea>
+          <button class="btn md" @click="fnInsertCmnt(comment)">등록</button>
+      </div>
+
+      <div class="layout end btn-wrap pb10">
+        <button v-if="comment.isUpdate != true" :class="{
+          'green': !showReplyInput[comment.cmntId],
+          'gray': showReplyInput[comment.cmntId],
+        }" @click="toggleReplyInput(comment.cmntId)">
+          {{ showReplyInput[comment.cmntId] ? "취소" : "답글 달기" }}
+        </button>
+
+        <button v-if="
+          (roles[0].authority == 'ROLE_ADMIN' || mbrId == comment.rgtr) &&
+          !showReplyInput[comment.cmntId]
+        " :class="{
+              'ml5 comment-item-btn icon-btn radius pd5': true,
+              'dark-gray': pageRole == 'adm',
+              'dark-gray':
+                pageRole == 'portal',
+            }" @click="fnUpdate(comment)">
+          수정
+        </button>
+
+        <button v-if="roles[0].authority == 'ROLE_ADMIN' || mbrId == comment.rgtr" @click="fnDeleteCmnt(comment.cmntId)"
+          class="ml5 icon-btn red radius pd5">
+          삭제
+        </button>
+      </div>
     </div>
 
     <CommentItem v-if="comment.children" :comments="comment.children" :pageId="pageId" @isReply="isReply" />
@@ -78,6 +73,7 @@
       type: String,
       required: true,
     },
+
   },
   data() {
     return {
@@ -175,6 +171,7 @@
   },
   watch: {},
   computed: {},
-  mounted() { },
+  mounted() { 
+  },
 };
 </script>
(파일 끝에 줄바꿈 문자 없음)
client/views/component/userInfo/UserAuthorList.vue
--- client/views/component/userInfo/UserAuthorList.vue
+++ client/views/component/userInfo/UserAuthorList.vue
@@ -1,29 +1,34 @@
 <template>
 
-  <label class="form-title"><span>*</span> 사용자 권한</label>
-  <div class="form-group">
-    <button  v-show="editMode != 'view'" class="btn sm ico-plus-w auth-btn" @click="fnAuthAddModalOpen">권한 추가</button>
-    <template v-if="mbrVO.authorList != null && mbrVO.authorList != []">
-        <div v-for="(auth, index) of mbrVO.authorList" :key="index"
-          :class="{
-            'layout': true,
-            ml10: index != 0,
-          }"
-        >
-          <span>{{ auth.authrtNm }}</span>
-          <button
-            v-show="editMode != 'view'"
-            class="icon-btn"
-            @click="fnAuthDelete(index)"
-          >
-            <svg-icon type="mdi" :width="15" :height="15" :path="path"></svg-icon>
-          </button>
-        </div>
-    </template>
-    <template v-else>
-      <p class="data-none">등록된 정보가 존재하지 않습니다.</p>
-    </template>
-  </div>
+
+    <label class="form-title"><span v-if="editMode != 'view'">*</span> 사용자 권한</label>
+    <div :class="{'form-group':editMode != 'view'}">
+      <button  v-show="editMode != 'view'" class="btn sm ico-plus-w auth-btn" @click="fnAuthAddModalOpen">권한 추가</button>
+      <template v-if="mbrVO.authorList != null && mbrVO.authorList != []">
+          <div class="auth-list">
+            <div v-for="(auth, index) of mbrVO.authorList" :key="index"
+              :class="{
+                'auth-itme':true,
+                'layout': editMode != 'view',
+                'ml10': index != 0,
+              }"
+            >
+              <p>{{ auth.authrtNm }}</p>
+              <button
+                v-show="editMode != 'view'"
+                class="btn-ico sm ico-close"
+                @click="fnAuthDelete(index)"
+              >
+                <!-- <svg-icon type="mdi" :width="15" :height="15" :path="path"></svg-icon> -->
+              </button>
+            </div>
+          </div>
+      </template>
+      <template v-else>
+        <p class="data-none">등록된 정보가 존재하지 않습니다.</p>
+      </template>
+    </div>
+
 
   <Modal :showModal="editMode != 'view' && isOpen">
     <template v-slot:header>
client/views/component/userInfo/UserInfoView.vue
--- client/views/component/userInfo/UserInfoView.vue
+++ client/views/component/userInfo/UserInfoView.vue
@@ -212,7 +212,7 @@
                             disabled
                           /> -->
                         </div>
-                      <div  class="layout">
+                      <div  class="layout border-bottom">
                         <p  class="form-title">차단 사유</p>
                         <p>{{ mbrVO.cntrlRsn }}</p>
                         <!-- <input
@@ -223,9 +223,9 @@
                         /> -->
                       </div>
                   </template>
-                  <template v-if="showOpt.isAuthor && pageRole == 'adm'">
+                  <div v-if="showOpt.isAuthor && pageRole == 'adm'" class="layout grid-column">
                       <UserAuthorList :mbrVO="mbrVO" editMode="view" />
-                  </template>
+                  </div>
               </div>
             </div>
         </div>
client/views/pages/adm/boardManagement/template/commonTemplate/CommonInsert.vue
--- client/views/pages/adm/boardManagement/template/commonTemplate/CommonInsert.vue
+++ client/views/pages/adm/boardManagement/template/commonTemplate/CommonInsert.vue
@@ -146,8 +146,8 @@
                 </div>
                 <div class="layout" ref="five" v-if="bbsMng.prvtPstUseYn === 'Y'">
                   <label for="" class="form-title">비밀글</label>
-                  <div class="flex align-center no-gutters">
-                    <div class="gd-4">
+                  <div class="check-area">
+                    <div class="form-check">
                       <input
                         type="radio"
                         name="private"
@@ -158,7 +158,7 @@
                       />
                       <label for="private-y">사용</label>
                     </div>
-                    <div class="gd-4">
+                    <div class="form-check">
                       <input
                         type="radio"
                         name="private"
client/views/pages/adm/boardManagement/template/commonTemplate/CommonSelectListOne.vue
--- client/views/pages/adm/boardManagement/template/commonTemplate/CommonSelectListOne.vue
+++ client/views/pages/adm/boardManagement/template/commonTemplate/CommonSelectListOne.vue
@@ -36,7 +36,7 @@
                 <td>첨부파일</td>
                 <td>
                   <div v-if="fileList.length == 0">
-                    <label>첨부된 파일이 없습니다.</label>
+                    <p>첨부된 파일이 없습니다.</p>
                   </div>
                   <ul v-else>
                     <li
@@ -204,7 +204,7 @@
                       />
                     </template>
                     <template v-else>
-                      <p class="comment-text text-ct data-none">
+                      <p class="data-none">
                         등록된 댓글이 없습니다.
                       </p>
                     </template>
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
@@ -56,7 +56,7 @@
                 <div class="layout  border-top border-bottom pb10"  ref="two">
                   <p class="form-title">첨부파일</p>
                   <div v-if="fileList.length == 0">
-                    <label>첨부된 파일이 없습니다.</label>
+                    <p>첨부된 파일이 없습니다.</p>
                   </div>
                   <ul v-else>
                     <li
client/views/pages/adm/boardManagement/template/videoTemplate/VideoSelectList.vue
--- client/views/pages/adm/boardManagement/template/videoTemplate/VideoSelectList.vue
+++ client/views/pages/adm/boardManagement/template/videoTemplate/VideoSelectList.vue
@@ -22,7 +22,7 @@
             <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%" />
@@ -39,7 +39,7 @@
                             </thead>
                             <tbody>
                                 <template v-for="(item, idx) in list" :key="idx">
-                                    <tr @click="fnView(idx)">
+                                    <tr @click="fnView(idx)" >
                                         <!-- <td>
                            
                                         </td> -->
client/views/pages/adm/boardManagement/template/videoTemplate/VideoSelectListOne.vue
--- client/views/pages/adm/boardManagement/template/videoTemplate/VideoSelectListOne.vue
+++ client/views/pages/adm/boardManagement/template/videoTemplate/VideoSelectListOne.vue
@@ -240,7 +240,7 @@
                 <div class="layout  border-top border-bottom pb10" ref="two">
                   <p class="form-title">첨부파일</p>
                   <div v-if="fileList.length == 0">
-                    <label>첨부된 파일이 없습니다.</label>
+                    <p>첨부된 파일이 없습니다.</p>
                   </div>
                   <ul v-else>
                     <li
Add a comment
List