류윤주 류윤주 03-31
250331 류윤주 css 화면 수정
@88a161efc2953296c6823123fb680ba3ae6ad31f
 
client/resources/img/component/common/ico_pw_visible_on.svg (added)
+++ client/resources/img/component/common/ico_pw_visible_on.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="icon/visibility">
+<path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M4.34001 10.8857C3.92381 11.4254 3.79922 11.8137 3.79922 12.0003C3.79922 12.1869 3.92381 12.5752 4.34001 13.1149C4.7365 13.6291 5.33121 14.193 6.08993 14.7171C7.60896 15.7663 9.70329 16.6003 11.9992 16.6003C14.2951 16.6003 16.3895 15.7663 17.9085 14.7171C18.6672 14.193 19.2619 13.6291 19.6584 13.1149C20.0746 12.5752 20.1992 12.1869 20.1992 12.0003C20.1992 11.8137 20.0746 11.4254 19.6584 10.8857C19.2619 10.3715 18.6672 9.80761 17.9085 9.28353C16.3895 8.23426 14.2951 7.40029 11.9992 7.40029C9.70329 7.40029 7.60896 8.23426 6.08993 9.28353C5.33121 9.80761 4.7365 10.3715 4.34001 10.8857ZM5.18059 7.96706C6.91891 6.76632 9.32458 5.80029 11.9992 5.80029C14.6739 5.80029 17.0795 6.76632 18.8179 7.96706C19.6878 8.56798 20.4111 9.2416 20.9255 9.90866C21.4201 10.5502 21.7992 11.2869 21.7992 12.0003C21.7992 12.7137 21.4201 13.4504 20.9255 14.0919C20.4111 14.759 19.6878 15.4326 18.8179 16.0335C17.0795 17.2343 14.6739 18.2003 11.9992 18.2003C9.32458 18.2003 6.91891 17.2343 5.18059 16.0335C4.31062 15.4326 3.58732 14.759 3.07295 14.0919C2.5783 13.4504 2.19922 12.7137 2.19922 12.0003C2.19922 11.2869 2.5783 10.5502 3.07295 9.90866C3.58732 9.2416 4.31062 8.56798 5.18059 7.96706ZM11.9992 9.56029C10.546 9.56029 9.42422 10.6832 9.42422 12.0003C9.42422 13.3174 10.546 14.4403 11.9992 14.4403C13.4524 14.4403 14.5742 13.3174 14.5742 12.0003C14.5742 10.6832 13.4524 9.56029 11.9992 9.56029ZM7.82422 12.0003C7.82422 9.7386 9.72452 7.96029 11.9992 7.96029C14.2739 7.96029 16.1742 9.7386 16.1742 12.0003C16.1742 14.262 14.2739 16.0403 11.9992 16.0403C9.72452 16.0403 7.82422 14.262 7.82422 12.0003Z" fill="#303336"/>
+</g>
+</svg>
 
client/resources/img/component/common/ico_trashcan.svg (added)
+++ client/resources/img/component/common/ico_trashcan.svg
@@ -0,0 +1,1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 18"><title>자산 1</title><g id="레이어_2" data-name="레이어 2"><g id="레이어_1-2" data-name="레이어 1"><path d="M5,0V1H0V3H1V16a2,2,0,0,0,2,2H13a2,2,0,0,0,2-2V3h1V1H11V0H5M3,3H13V16H3V3M5,5v9H7V5H5M9,5v9h2V5Z"/></g></g></svg>(파일 끝에 줄바꿈 문자 없음)
client/resources/scss/admin/content.scss
--- client/resources/scss/admin/content.scss
+++ client/resources/scss/admin/content.scss
@@ -39,6 +39,7 @@
 .page-title {
     font-size: var(--tk-fz-title-xlg);
     font-weight: 700;
+    margin-bottom: 1rem;
 }
 
 .box-title,
@@ -332,4 +333,4 @@
 .form-check{
     display: flex;
     align-items: center;
-}
(파일 끝에 줄바꿈 문자 없음)
+}
client/resources/scss/common/component/_buttons.scss
--- client/resources/scss/common/component/_buttons.scss
+++ client/resources/scss/common/component/_buttons.scss
@@ -171,6 +171,12 @@
       background-image: url(#{$url}/component/common/ico_upload_20_wh.svg);
     }
   }
+  &.ico-view {
+    &::before,
+    &::after {
+      background-image: url(#{$url}/component/common/ico_pw_visible_on.svg);
+    }
+  }
   &.xsm {
     &[class*='ico-'] {
       &::after {
@@ -260,8 +266,15 @@
   &.ico-go {
     background-image: url(#{$url}/component/common/ico_go_20.svg);
   }
+  &.ico-view {
+    background-image: url(#{$url}/component/common/ico_pw_visible_on.svg);
+  }
   &.ico-reset {
     background-image: url(#{$url}/component/common/ico_refresh_16.svg);
+  }
+  &.ico-del {
+      background-image: url(#{$url}/component/common/ico_trashcan.svg);
+
   }
   &.ico-page-prev {
     border-radius: 10rem;
@@ -571,6 +584,14 @@
   &.disabled {
     background-color: var(--#{$prefix}gray-30);
   }
+  &.primary{
+    background-color: var(--#{$prefix}white);
+    color: var(--#{$prefix}primary);
+    border: 0.1rem solid var(--#{$prefix}primary);
+    &:hover {
+      background-color: var(--#{$prefix}secondary-10);
+    }
+  }
 }
 
 /* **** button area **** */
client/resources/scss/common/component/_modal.scss
--- client/resources/scss/common/component/_modal.scss
+++ client/resources/scss/common/component/_modal.scss
@@ -58,7 +58,7 @@
 		@include flex-layout($ai: center);
 		position: relative;
 		z-index: 1020;
-		width: 84.6rem;
+		width: 94.6rem;
 		height: calc(100% - var(--#{$prefix}spacer-20) * 2);
 		min-height: calc(100% - var(--#{$prefix}spacer-20) * 2);
 		margin: $m auto;
client/views/component/userInfo/UserAuthorList.vue
--- client/views/component/userInfo/UserAuthorList.vue
+++ client/views/component/userInfo/UserAuthorList.vue
@@ -41,7 +41,7 @@
 
   <Modal :showModal="editMode != 'view' && isOpen">
     <template v-slot:header>
-      <div class="box-title point-font">
+      <div class="modal-title">
         <p>사용자 권한 목록</p>
       </div>
       <button class="close-btn" @click="fnAuthAddModalClose">X</button>
client/views/pages/adm/authority/authority/AuthoritySelectList.vue
--- client/views/pages/adm/authority/authority/AuthoritySelectList.vue
+++ client/views/pages/adm/authority/authority/AuthoritySelectList.vue
@@ -1,64 +1,61 @@
 <template>
-  <div class="content">
-    <div class="admin-page-title point-font2 mb30">
-      <p>권한 관리</p>
-    </div>
-    <div class="search-bar mb15">
-      <div class="flex justify-end align-center no-gutters">
-        <div class="gd-6 mr10">
-          <div class="border">
-            <!-- <select name="" id="" class="border-none gd-2">
-                            <option value="">전체</option>
-                        </select> -->
-            <input
-              type="text"
-              class="full-input border-none gd-10 condition-input"
-              placeholder="권한명을 입력하세요."
-              v-model="search.searchText"
-              @keyup.enter="findAll"
-            />
+  <div class="content-zone">
+    <div class="content">
+      <div class="scroll">
+        <div class="title-zone">
+          <div class="page-title">
+            <p>권한 관리</p>
           </div>
+          <PagiNavigationBar />
         </div>
-        <div class="gd-1">
-          <button class="large-btn blue-border-btn" @click="findAll">
-            검색
-          </button>
+        <div class="search-bar ">
+                <!-- <select name="" id="" class="border-none gd-2">
+                                <option value="">전체</option>
+                            </select> -->
+                <input
+                  type="text"
+                  class="form-control sm"
+                  placeholder="권한명을 입력하세요."
+                  v-model="search.searchText"
+                  @keyup.enter="findAll"
+                />
+
+              <button class="btn sm ico-sch" @click="findAll">
+                검색
+              </button>
         </div>
-      </div>
-    </div>
-    <ListTable
-      :className="'admin-list'"
-      :colgroup="colgroup"
-      :thead="thead"
-      :tbody="tbody"
-      @listClick="fnView"
-    >
-      <template v-slot:button="{ row, idx }">
-        <button
-          class="large-btn red-border-btn"
-          @click.stop="fnDel(row, idx)"
-          v-if="pageAuth.delAuthrt == 'Y'"
-        >
-          삭제
-        </button>
-      </template>
-    </ListTable>
-    <div class="flex justify-between align-center no-gutters">
-      <div class="gd-1"></div>
-      <div class="gd-10">
-        <!-- <PaginationButton :className="'admin-pagination'" /> -->
-      </div>
-      <div class="gd-1">
-        <button
-          class="large-btn blue-btn"
-          @click="fnAdd"
-          v-if="pageAuth.regAuthrt == 'Y'"
-        >
-          등록
-        </button>
+        <div class="tbl-wrap">
+          <ListTable
+            :className="'data cursor'"
+            :colgroup="colgroup"
+            :thead="thead"
+            :tbody="tbody"
+            @listClick="fnView"
+          >
+            <template v-slot:button="{ row, idx }">
+              <button
+                class="btn-ico md ico-del"
+                @click.stop="fnDel(row, idx)"
+                v-if="pageAuth.delAuthrt == 'Y'"
+              >
+              </button>
+            </template>
+          </ListTable>
+        </div>
       </div>
     </div>
   </div>
+  <div class="btn-wrap list">
+      <div></div>
+      <PaginationButton :className="'admin-pagination'" />
+      <button
+        class="btn sm primary"
+        @click="fnAdd"
+        v-if="pageAuth.regAuthrt == 'Y'"
+      >
+        등록
+      </button>
+    </div>
 </template>
 
 <script>
client/views/pages/adm/authority/authority/AuthoritySelectListOne.vue
--- client/views/pages/adm/authority/authority/AuthoritySelectListOne.vue
+++ client/views/pages/adm/authority/authority/AuthoritySelectListOne.vue
@@ -1,55 +1,60 @@
 <template>
-  <div class="content admin-style">
-    <div class="admin-page-title point-font2 mb30">
-      <p>권한 관리</p>
+  <div class="content-zone">
+    <div class="content">
+      <div class="scroll">
+        <div class="title-zone">
+          <div class="page-title">
+            <p>권한 관리</p>
+          </div>
+          <PagiNavigationBar />
+        </div>
+
+        <div class="form-box">
+          <div class="form-box-title">
+            <p>기본 정보</p>
+          </div>
+          <div class="form-content">
+            <div>
+              <label class="form-title">권한코드</label>
+              <p>{{ authrt.authrtCd }}</p>
+            </div>
+            <div>
+              <label class="form-title">권한명</label>
+              <p>{{ authrt.authrtNm }}</p>
+            </div>
+            <div>
+              <label class="form-title">
+                권한설명
+              </label>
+              <div style="padding: 3rem; min-height: 3rem; overflow-y: auto;">
+                <p>{{ authrt.authrtExpln }}</p>
+              </div>
+            </div>
+            
+          </div>
+        </div>
+      </div>
     </div>
 
-    <div class="pt10 pb10">
-      <table class="form-table2 mb20">
-        <colgroup>
-          <col width="15%" />
-          <col width="35%" />
-          <col width="15%" />
-          <col width="35%" />
-        </colgroup>
-        <tr>
-          <th class="point-font2">권한코드</th>
-          <td>{{ authrt.authrtCd }}</td>
-          <th class="point-font2">권한명</th>
-          <td>{{ authrt.authrtNm }}</td>
-        </tr>
-      </table>
-      <div class="gd-12 pd0">
-        <label for="" class="point-font2 mb10" style="font-size: 1.6rem">
-          권한설명
-        </label>
-        <textarea v-model="authrt.authrtExpln" disabled></textarea>
-      </div>
-    </div>
-    <div class="flex justify-end align-center no-gutters">
-      <div class="gd-1 mr10">
-        <button class="large-btn gray-border-btn" @click="fnList">목록</button>
-      </div>
-      <div class="gd-1 mr10">
+  </div>
+  <div class="btn-wrap">
+
+        <button class="btn sm tertiary" @click="fnList">목록</button>
         <button
-          class="large-btn blue-border-btn"
+          class="btn sm primaary"
           @click="fnUpdate"
           v-if="pageAuth.mdfcnAuthrt == 'Y'"
         >
           수정
         </button>
-      </div>
-      <div class="gd-1">
         <button
-          class="large-btn red-border-btn"
+          class="btn sm red"
           @click="fnDelete"
           v-if="pageAuth.delAuthrt == 'Y'"
         >
           삭제
         </button>
-      </div>
     </div>
-  </div>
 </template>
 
 <script>
client/views/pages/adm/boardManagement/wordsManagement/WordsManagementSelectList.vue
--- client/views/pages/adm/boardManagement/wordsManagement/WordsManagementSelectList.vue
+++ client/views/pages/adm/boardManagement/wordsManagement/WordsManagementSelectList.vue
@@ -46,7 +46,7 @@
         </div>
         <Modal :showModal="wordsList">
             <template v-slot:header>
-                <div class="box-title point-font2">
+                <div class="modal-title">
                     <p>금지어 추가</p>
                 </div>
                 <button class="close-btn" @click="modalClose">X</button>
client/views/pages/adm/departmentManagement/DepartmentManagement.vue
--- client/views/pages/adm/departmentManagement/DepartmentManagement.vue
+++ client/views/pages/adm/departmentManagement/DepartmentManagement.vue
@@ -170,7 +170,7 @@
 
   <Modal :showModal="userListModal">
     <template v-slot:header>
-      <div class="box-title point-font2">
+      <div class="modal-title">
         <p>사용자 목록</p>
       </div>
       <button class="close-btn" @click="modalClose">X</button>
client/views/pages/adm/log/PersonalDataLog.vue
--- client/views/pages/adm/log/PersonalDataLog.vue
+++ client/views/pages/adm/log/PersonalDataLog.vue
@@ -79,7 +79,7 @@
     <!-- 개인 정보 조회 사유 모달 -->
     <Modal :showModal="isOpen">
       <template v-slot:header>
-        <div class="box-title point-font2">
+        <div class="modal-title">
           <p>개인 정보 조회 사유</p>
         </div>
         <button class="close-btn" @click="fnModalClose">X</button>
client/views/pages/adm/member/userManagement/UserManagementSelectList.vue
--- client/views/pages/adm/member/userManagement/UserManagementSelectList.vue
+++ client/views/pages/adm/member/userManagement/UserManagementSelectList.vue
@@ -64,7 +64,7 @@
     <!-- 모달: 개인정보조회이력 -->
     <Modal :showModal="isOpen">
       <template v-slot:header>
-        <div class="box-title point-font2">
+        <div class="modal-title">
           <p>개인 정보 조회 사유 등록</p>
         </div>
         <button class="btn-close" @click="fnModalClose"></button>
client/views/pages/adm/menuManagement/menuSatisfactionManagement/MenuSatisfactionSelectList.vue
--- client/views/pages/adm/menuManagement/menuSatisfactionManagement/MenuSatisfactionSelectList.vue
+++ client/views/pages/adm/menuManagement/menuSatisfactionManagement/MenuSatisfactionSelectList.vue
@@ -1,46 +1,52 @@
 <template>
-  <div class="content">
-    <div class="admin-page-title point-font2 mb30">
-      <p>메뉴별 만족도</p>
-    </div>
-    <ListTable
-      :className="'admin-list'"
-      :colgroup="colgroup"
-      :thead="thead"
-      :tbody="tbody"
-    >
-      <template v-slot:button>
-        <button
-          class="large-btn blue-border-btn"
-          @click.stop="modalOpen"
-          v-if="pageAuth.inqAuthrt == 'Y'"
-        >
-          보기
-        </button>
-      </template>
-    </ListTable>
-    <div class="flex justify-between align-center no-gutters">
-      <div class="gd-1"></div>
-      <div class="gd-10">
-        <PaginationButton :className="'admin-pagination'" />
+  <div class="content-zone">
+    <div class="content">
+      <div class="scroll">
+        <div class="page-title">
+          <p>메뉴별 만족도</p>
+        </div>
+        <div class="tbl-wrap">
+          <ListTable
+            :className="'data'"
+            :colgroup="colgroup"
+            :thead="thead"
+            :tbody="tbody"
+          >
+            <template v-slot:button>
+              <button
+                class="btn btn-chip-outline sm primary ico-view "
+                @click.stop="modalOpen"
+                v-if="pageAuth.inqAuthrt == 'Y'"
+              >
+                보기
+              </button>
+            </template>
+          </ListTable>
+        </div>
       </div>
-      <div class="gd-1"></div>
     </div>
+
   </div>
+  <div class="btn-wrap">
+      <div></div>
+        <PaginationButton :className="'admin-pagination'" />
+      <div></div>
+    </div>
   <Modal :showModal="satisfaction" :className="'large-modal'">
     <template v-slot:header>
-      <div class="box-title point-font2">
-        <p>해당메뉴명</p>
-      </div>
-      <button class="close-btn" @click="modalClose">X</button>
+        <div class="modal-title">
+          <p>해당메뉴명</p>
+        </div>
+        <button class="btn-close" @click="modalClose"></button>
     </template>
-    <ListTable
-      :colgroup="colgroup2"
-      :thead="thead2"
-      :tbody="tbody"
-      :className="'admin-list'"
-    />
-    <!-- <template v-slot:footer></template> -->
+    <div class="tbl-wrap">
+      <ListTable
+        :colgroup="colgroup2"
+        :thead="thead2"
+        :tbody="tbody"
+        :className="'data'"
+      />
+    </div>
   </Modal>
 </template>
 
@@ -62,7 +68,7 @@
 
       satisfaction: false,
       colgroup: ["23%", "12%", "12%", "12%", "12%", "12%", "12%", "5%"],
-      colgroup2: ["12%", "12%", "12%", "12%", "12%", "12%", "28%"],
+      colgroup2: ["13%", "13%", "13%", "13%", "13%", "13%", "22%"],
       thead: [
         "메뉴명",
         "매우만족",
@@ -70,8 +76,8 @@
         "보통",
         "불만족",
         "매우 불만족",
-        "합계",
-        "작성일",
+        "점수 합계",
+        "의견",
       ],
       thead2: [
         "매우만족",
Add a comment
List