Commit @a206761b9e7f69c32535851f29313286848e2f6d

a206761

client/resources/img/admin/ico_folder_3d.svg (added)

+++ client/resources/img/admin/ico_folder_3d.svg

...	...	@@ -0,0 +1,18 @@
	1	+<?xml version="1.0" encoding="utf-8"?>
	2	+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
	3	+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	4	+ width="20px" height="20px" viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve">
	5	+<style type="text/css">
	6	+ .st0{fill:#F2CD57;}
	7	+ .st1{fill:#FAAF40;}
	8	+</style>
	9	+<g>
	10	+ <g>
	11	+ <path class="st0" d="M15.8,6.5H8.7V5.7c0-0.6-0.5-1.1-1.1-1.1H4.2c-0.6,0-1.1,0.5-1.1,1.1v8.5c0,0.6,0.5,1.1,1.1,1.1h11.6
	12	+ c0.6,0,1.1-0.5,1.1-1.1V7.6C16.9,7,16.4,6.5,15.8,6.5z"/>
	13	+ </g>
	14	+ <g>
	15	+ <path class="st1" d="M15.8,6.2c0.4,0,0.8,0.2,1.1,0.5v-1c0-0.6-0.5-1.1-1.1-1.1h-3.5c-0.6,0-1.1,0.5-1.1,1.1v0.5H15.8z"/>
	16	+ </g>
	17	+</g>
	18	+</svg>

a206761

client/resources/img/admin/ico_team.svg (added)

+++ client/resources/img/admin/ico_team.svg

...	...	@@ -0,0 +1,35 @@
	1	+<?xml version="1.0" encoding="utf-8"?>
	2	+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
	3	+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	4	+ width="20px" height="20px" viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve">
	5	+<style type="text/css">
	6	+ .st0{fill:#F2CD57;}
	7	+ .st1{fill:#FAAF40;}
	8	+ .st2{fill:#50C950;}
	9	+ .st3{fill:#3B78FF;}
	10	+ .st4{fill:#FFC13C;}
	11	+</style>
	12	+<g>
	13	+ <g>
	14	+ <path class="st0" d="M45.5,6.4h-7.1V5.6c0-0.6-0.5-1.1-1.1-1.1h-3.5c-0.6,0-1.1,0.5-1.1,1.1v8.5c0,0.6,0.5,1.1,1.1,1.1h11.6
	15	+ c0.6,0,1.1-0.5,1.1-1.1V7.5C46.6,6.9,46.1,6.4,45.5,6.4z"/>
	16	+ </g>
	17	+ <g>
	18	+ <path class="st1" d="M45.5,6c0.4,0,0.8,0.2,1.1,0.5v-1c0-0.6-0.5-1.1-1.1-1.1h-3.5c-0.6,0-1.1,0.5-1.1,1.1V6H45.5z"/>
	19	+ </g>
	20	+</g>
	21	+<g>
	22	+ <g>
	23	+ <path class="st2" d="M17,15.6h-4.5v-2.7c0-1.2,1-2.2,2.2-2.2c1.2,0,2.2,1,2.2,2.2V15.6z"/>
	24	+ <circle class="st2" cx="14.7" cy="8.1" r="1.7"/>
	25	+ </g>
	26	+ <g>
	27	+ <circle class="st3" cx="5.3" cy="8.1" r="1.7"/>
	28	+ <path class="st3" d="M7.5,15.6H3v-2.7c0-1.2,1-2.2,2.2-2.2c1.2,0,2.2,1,2.2,2.2V15.6z"/>
	29	+ </g>
	30	+ <g>
	31	+ <circle class="st4" cx="10" cy="5.7" r="2.6"/>
	32	+ <path class="st4" d="M13.7,17.1H6.3v-4.2c0-2.1,1.7-3.7,3.7-3.7c2.1,0,3.7,1.7,3.7,3.7V17.1z"/>
	33	+ </g>
	34	+</g>
	35	+</svg>

a206761

client/resources/img/component/common/ico_plus_24_wh.svg (added)

+++ client/resources/img/component/common/ico_plus_24_wh.svg

...	...	@@ -0,0 +1,10 @@
	1	+<?xml version="1.0" encoding="utf-8"?>
	2	+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
	3	+<svg version="1.1" id="레이어_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
	4	+ y="0px" width="24px" height="24px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
	5	+<style type="text/css">
	6	+ .st0{fill:none;stroke:#FFFFFF;stroke-width:1.6;stroke-linecap:round;}
	7	+</style>
	8	+<path class="st0" d="M12,4.5v15"/>
	9	+<path class="st0" d="M19.5,12h-15"/>
	10	+</svg>

b1b42d3

a206761

client/resources/scss/admin/content.scss

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

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


     
         button {
             margin-left: 1rem;
-            &.main{
-                background-color: var(--tk-main-50);
-                border: 1px solid var(--tk-main-50);
-                &:hover{
-                    background-color: var(--tk-main-70);
-                    border: 1px solid var(--tk-main-70);
-                }
-                &[disabled] {
-                    background-color: var(--#{$prefix}gray-30);
-                    border-color: var(--#{$prefix}gray-30);
-                    color: var(--#{$prefix}gray-60);
-                }
-            }
         }
     
         &.list {

         &.between{
             @include flex-layout(flex, center, space-between);
         }
+
+        &.gap-10{
+            gap: 1rem;
+        }
+
+        &.wrap{
+            flex-wrap: wrap;
+        }
+
     }
     
     .border-top{

             background-repeat: no-repeat;
         }
     }
-    
+
+    .word-list{
+        min-height: 200px;
+        max-height: 200px;
+        overflow-y: auto;
+
+        .word-item{
+            padding: .5rem 1rem;
+            border: 1px solid var(--tk-gray-10);
+            @include radius(10)
+        }
+    }
+
+    button {
+        &.main{
+            background-color: var(--tk-main-50);
+            border: 1px solid var(--tk-main-50);
+            &:hover{
+                background-color: var(--tk-main-70);
+                border: 1px solid var(--tk-main-70);
+            }
+            &[disabled] {
+                background-color: var(--#{$prefix}gray-30);
+                border-color: var(--#{$prefix}gray-30);
+                color: var(--#{$prefix}gray-60);
+            }
+        }
+    }
 }
 
 

b1b42d3

a206761

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

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

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


       background-image: url(#{$url}/component/common/ico_pw_visible_on.svg);
     }
   }
+  &.ico-plus {
+    &::before,
+    &::after {
+      background-image: url(#{$url}/component/common/ico_plus_24.svg);
+    }
+  }
+  &.ico-plus-w {
+    &::before,
+    &::after {
+      background-image: url(#{$url}/component/common/ico_plus_24_wh.svg);
+    }
+  }
   &.xsm {
     &[class*='ico-'] {
       &::after {

b1b42d3

a206761

client/resources/scss/common/component/_tree.scss

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

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


                 font-weight: 700;
             }
         }
+
+        span.bullet{
+            width: .5rem;
+            height: .5rem;
+            background-color: var(--tk-main-10);
+            border-radius: 50%;
+            margin-right: 1rem;
+        }
     }
 
 }

b1b42d3

a206761

client/views/component/hierachy/HierachyDraggable.vue

--- client/views/component/hierachy/HierachyDraggable.vue

+++ client/views/component/hierachy/HierachyDraggable.vue


 <template>
   <li>
-    <div
-      :class="{
-        'node-wrap': true,
-        selected: displaySelectedNode === tasks.id,
-      }"
-      @click="toggleNode(tasks.id)"
-    >
+    <div :class="{ 'node-wrap': true, selected: displaySelectedNode === tasks.id, }" @click="toggleNode(tasks.id)" >
       <div class="node">
         <div class="arrow-img" v-if="tasks.childList.length">
-          <svg-icon
-            type="mdi"
-            :width="18"
-            :height="18"
-            :path="iconPath()"
-          ></svg-icon>
+          <svg-icon type="mdi" :width="18" :height="18" :path="iconPath()" style="vertical-align: sub;"></svg-icon>
         </div>
         <div class="node-name-wrap">
-            <svg-icon
-              type="mdi"
-              v-if="tasks.childList.length"
-              :width="18"
-              :height="18"
-              :path="icon"
-              :color="'#5089ef'"
-            ></svg-icon>
+            <img :src="require(`/client/resources/img/admin/${icon}.svg`)" alt="" v-if="tasks.childList.length">
+            <span v-else class="bullet"></span>
           <div :title="tasks.nm">
             <p class="node-name">{{ tasks.nm }}</p>
           </div>

b1b42d3

a206761

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

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

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


         @keyup.enter="findAll"
       />
 
-      <button class="btn-ico xsm  main ico-sch" @click="findAll">
+      <button class="btn-ico xsm ico-sch" @click="findAll">
         <span class="sr-only">검색</span>
       </button>
     </div>

b1b42d3

a206761

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

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

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


             </select>
             <input type="text" class="form-control sm border-none" v-model="search.searchText" placeholder="검색어를 입력하세요" @keyup.enter="findAll">
 
-            <button class="btn-ico xsm  main ico-sch" @click="findAll">
+            <button class="btn-ico xsm ico-sch" @click="findAll">
                 <span class="sr-only">검색</span>
             </button>
         </div>

b1b42d3

a206761

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


           v-model="search.searchText"
           @keyup.enter="findAll"
         />
-        <button class="btn-ico xsm  main ico-sch" @click="findAll">
+        <button class="btn-ico xsm ico-sch" @click="findAll">
           <span class="sr-only">검색</span>
         </button>
         <!-- <button class="btn-ico md ico-refresh" @click="fnSearchReset"></button> -->

b1b42d3

a206761

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


             v-model="search.searchText"
             @keyup.enter="findAll"
           />
-          <button class="btn-ico xsm  main ico-sch" @click="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">

b1b42d3

a206761

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


                     placeholder="검색어를 입력하세요." v-model="search.searchText" @keyup.enter="findAll">
 
 
-                <button class="btn-ico xsm  main ico-sch" @click="findAll">
+                <button class="btn-ico xsm ico-sch" @click="findAll">
                     <span class="sr-only">검색</span>
                 </button>
         

b1b42d3

a206761

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


                 <input type="text" class="form-control sm border-none" placeholder="검색어를 입력하세요." v-model="search.searchText" @keyup.enter="findAll">
 
 
-                <button class="btn-ico xsm  main ico-sch" @click="findAll">
+                <button class="btn-ico xsm ico-sch" @click="findAll">
                     <span class="sr-only">검색</span>
                 </button>
 

b1b42d3

a206761

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

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

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


             </select>
             <input type="text" class="form-control sm border-none"  placeholder="검색어를 입력하세요."
                 v-model="search.searchText" @keyup.enter="fnFindAllWord" />
-            <button class="btn-ico xsm  main ico-sch" @click="fnFindAllWord">
+            <button class="btn-ico xsm ico-sch" @click="fnFindAllWord">
                 <span class="sr-only">검색</span>
             </button>
         </div>

             <div class="modal-title">
                 <p>금지어 추가</p>
             </div>
-            <button class="btn-close" @click="fnModalClose"></button>
+            <button class="btn-close" @click="modalClose"></button>
         </template>
-        <div class="search-bar">
+        <div class="input-group">
             <input type="text" class="form-control sm" placeholder="추가할 금지어를 입력해주세요." v-model="inputWordNm"
-                @keyup.enter="addinputWord" />
-            <button class="btn sm ico-befor ico-plus" @click="addinputWord">추가</button>
+                @keyup.enter="addinputWord" style="width: calc(100% - 100px);"/>
+            <button class="btn sm ico-before ico-plus-w main" @click="addinputWord">추가</button>
         </div>
-        <ul style="height:calc(100% - 118px)" class="overflow-y">
-            <li v-for="(item, index) in wordsArr" class="word-item pd10 border radius mb5" :key="index">
-                {{ item }}
-                <span class="close-btn ml10" @click="wordsArr.splice(index, 1)">x</span>
-            </li>
-        </ul>
+        <div class="word-list">
+            <ul class="h_100 layout gap-10 wrap">
+                <li v-for="(item, index) in wordsArr" class="word-item" :key="index">
+                    {{ item }}
+                    <span class="close-btn ml10" @click="wordsArr.splice(index, 1)">x</span>
+                </li>
+            </ul>
+        </div>
         <template v-slot:footer>
                 <button class="btn sm tertiary" @click="modalClose">취소</button>
                 <button class="btn sm main" @click="fnSave">등록</button>

b1b42d3

a206761

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

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

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


 <script>
 import draggable from "vuedraggable";
 import Hierachy from "../../../component/hierachy/HierachyDraggable.vue";
-import { mdiAccountCheck, mdiAccountGroup } from "@mdi/js";
 import ListTable from "../../../component/table/ListTable.vue";
 import PaginationButton from "../../../component/pagination/PaginationButton.vue";
 import {

       mbrColgroup: ["20%", "20%", "20%", "20%"], // 부서관련 등록할 사용자 테이블 생성
       mbrThead: ["아이디", "이름", "연락처", "이메일"], // 부서관련 등록할 사용자 테이블 생성
       mbrTbody: [],
-      iconPath: mdiAccountGroup,
+      iconPath: 'ico_team',
       userListModal: false,
       deptList: [], // 부서 목록
       authList: [], // 권한목록

b1b42d3

a206761

client/views/pages/adm/log/AdminLog.vue

--- client/views/pages/adm/log/AdminLog.vue

+++ client/views/pages/adm/log/AdminLog.vue


                     </div>
                 </div>
                 <div class="gd-1">
-                    <button class="btn-ico xsm  main ico-sch" >
+                    <button class="btn-ico xsm ico-sch" >
                         <span class="sr-only">검색</span>
                     </button>
                 </div>

b1b42d3

a206761

client/views/pages/adm/log/LoginLog.vue

--- client/views/pages/adm/log/LoginLog.vue

+++ client/views/pages/adm/log/LoginLog.vue


           v-on:keyup.enter="fnViewList"
           placeholder="검색어를 입력하세요."
         />
-        <button class="btn-ico xsm  main ico-sch" @click="fnViewList">
+        <button class="btn-ico xsm ico-sch" @click="fnViewList">
           <span class="sr-only">검색</span>
         </button>
       </div>

b1b42d3

a206761

client/views/pages/adm/log/PersonalDataLog.vue

--- client/views/pages/adm/log/PersonalDataLog.vue

+++ client/views/pages/adm/log/PersonalDataLog.vue


           v-on:keyup.enter="fnViewList"
           placeholder="검색어를 입력하세요."
         />
-        <button class="btn-ico xsm  main ico-sch" @click="fnViewList">
+        <button class="btn-ico xsm ico-sch" @click="fnViewList">
           <span class="sr-only">검색</span>
         </button>
       </div>

b1b42d3

a206761

client/views/pages/adm/member/adminManagement/AdminManagementSelectList.vue

--- client/views/pages/adm/member/adminManagement/AdminManagementSelectList.vue

+++ client/views/pages/adm/member/adminManagement/AdminManagementSelectList.vue


           placeholder="검색어를 입력하세요."
         />
 
-      <button class="btn-ico xsm  main ico-sch" @click="fnViewList">
+      <button class="btn-ico xsm ico-sch" @click="fnViewList">
         <span class="sr-only">검색</span>
       </button>
     </div>

b1b42d3

a206761

client/views/pages/adm/member/termsManagement/TermsManagementSelectList.vue

--- client/views/pages/adm/member/termsManagement/TermsManagementSelectList.vue

+++ client/views/pages/adm/member/termsManagement/TermsManagementSelectList.vue


           </div>
         </div>
         <div class="gd-1">
-          <button class="btn-ico xsm  main ico-sch">
+          <button class="btn-ico xsm ico-sch">
             <span class="sr-only">검색</span>
           </button>
         </div>

b1b42d3

a206761

client/views/pages/adm/member/userManagement/UserManagementSelectList.vue

--- client/views/pages/adm/member/userManagement/UserManagementSelectList.vue

+++ client/views/pages/adm/member/userManagement/UserManagementSelectList.vue


           v-on:keyup.enter="fnViewList"
           placeholder="검색어를 입력하세요."
         />
-      <button class="btn-ico xsm  main ico-sch" @click="fnViewList">
+      <button class="btn-ico xsm ico-sch" @click="fnViewList">
         <span class="sr-only">검색</span>
       </button>
     </div>

b1b42d3

a206761

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

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

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


 <script>
 import draggable from "vuedraggable";
 import Hierachy from "../../../../component/hierachy/HierachyDraggable.vue";
-import { mdiFormatListBulleted } from "@mdi/js";
 // Api
 import {
   menuFindAll,

       // false - 없음 (기본)
       // true - 등록/수정
       editMode: false,
-      iconPath: mdiFormatListBulleted,
+      iconPath: 'ico_folder_3d',
 
       menuList: [], // 메뉴 목록
       newMenu: {}, // 신규 메뉴

b1b42d3

a206761

client/views/pages/adm/popup/PopupManagementSelectList.vue

--- client/views/pages/adm/popup/PopupManagementSelectList.vue

+++ client/views/pages/adm/popup/PopupManagementSelectList.vue


         v-on:keyup.enter="fnViewList"
         placeholder="검색어를 입력하세요."
       />
-      <button class="btn-ico xsm  main ico-sch" @click="fnViewList">
+      <button class="btn-ico xsm ico-sch" @click="fnViewList">
         <span class="sr-only">검색</span>
       </button>
     </div>

b1b42d3

a206761

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

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

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


           v-on:keyup.enter="fnViewList"
           placeholder="콘텐츠 한글명을 입력해주세요."
         />
-      <button class="btn-ico xsm  main ico-sch" @click="fnViewList">
+      <button class="btn-ico xsm ico-sch" @click="fnViewList">
         <span class="sr-only">검색</span>
       </button>
     </div>

b1b42d3

a206761

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

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

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


         v-model="search.searchText"
         @keyup.enter="findAll"
       />
-      <button class="btn-ico xsm  main ico-sch " @click="findAll">
+      <button class="btn-ico xsm ico-sch " @click="findAll">
         <span class="sr-only">검색</span>
       </button>
     </div>

...	...	@@ -118,19 +118,6 @@
118	118
119	119	button {
120	120	margin-left: 1rem;
121		- &.main{
122		- background-color: var(--tk-main-50);
123		- border: 1px solid var(--tk-main-50);
124		- &:hover{
125		- background-color: var(--tk-main-70);
126		- border: 1px solid var(--tk-main-70);
127		- }
128		- &[disabled] {
129		- background-color: var(--#{$prefix}gray-30);
130		- border-color: var(--#{$prefix}gray-30);
131		- color: var(--#{$prefix}gray-60);
132		- }
133		- }
134	121	}
135	122
136	123	&.list {
...	...	@@ -604,6 +591,15 @@
604	591	&.between{
605	592	@include flex-layout(flex, center, space-between);
606	593	}
	594	+
	595	+ &.gap-10{
	596	+ gap: 1rem;
	597	+ }
	598	+
	599	+ &.wrap{
	600	+ flex-wrap: wrap;
	601	+ }
	602	+
607	603	}
608	604
609	605	.border-top{
...	...	@@ -752,7 +748,34 @@
752	748	background-repeat: no-repeat;
753	749	}
754	750	}
755		-
	751	+
	752	+ .word-list{
	753	+ min-height: 200px;
	754	+ max-height: 200px;
	755	+ overflow-y: auto;
	756	+
	757	+ .word-item{
	758	+ padding: .5rem 1rem;
	759	+ border: 1px solid var(--tk-gray-10);
	760	+ @include radius(10)
	761	+ }
	762	+ }
	763	+
	764	+ button {
	765	+ &.main{
	766	+ background-color: var(--tk-main-50);
	767	+ border: 1px solid var(--tk-main-50);
	768	+ &:hover{
	769	+ background-color: var(--tk-main-70);
	770	+ border: 1px solid var(--tk-main-70);
	771	+ }
	772	+ &[disabled] {
	773	+ background-color: var(--#{$prefix}gray-30);
	774	+ border-color: var(--#{$prefix}gray-30);
	775	+ color: var(--#{$prefix}gray-60);
	776	+ }
	777	+ }
	778	+ }
756	779	}
757	780
758	781

...	...	@@ -177,6 +177,18 @@
177	177	background-image: url(#{$url}/component/common/ico_pw_visible_on.svg);
178	178	}
179	179	}
	180	+ &.ico-plus {
	181	+ &::before,
	182	+ &::after {
	183	+ background-image: url(#{$url}/component/common/ico_plus_24.svg);
	184	+ }
	185	+ }
	186	+ &.ico-plus-w {
	187	+ &::before,
	188	+ &::after {
	189	+ background-image: url(#{$url}/component/common/ico_plus_24_wh.svg);
	190	+ }
	191	+ }
180	192	&.xsm {
181	193	&[class*='ico-'] {
182	194	&::after {

...	...	@@ -208,7 +208,7 @@
208	208	v-model="search.searchText"
209	209	@keyup.enter="findAll"
210	210	/>
211		- <button class="btn-ico xsm main ico-sch" @click="findAll">
	211	+ <button class="btn-ico xsm ico-sch" @click="findAll">
212	212	<span class="sr-only">검색</span>
213	213	</button>
214	214	<!-- <button class="large-btn darkg-border-btn" @click="fnSearchReset">

...	...	@@ -183,7 +183,6 @@
183	183	<script>
184	184	import draggable from "vuedraggable";
185	185	import Hierachy from "../../../component/hierachy/HierachyDraggable.vue";
186		-import { mdiAccountCheck, mdiAccountGroup } from "@mdi/js";
187	186	import ListTable from "../../../component/table/ListTable.vue";
188	187	import PaginationButton from "../../../component/pagination/PaginationButton.vue";
189	188	import {
...	...	@@ -217,7 +216,7 @@
217	216	mbrColgroup: ["20%", "20%", "20%", "20%"], // 부서관련 등록할 사용자 테이블 생성
218	217	mbrThead: ["아이디", "이름", "연락처", "이메일"], // 부서관련 등록할 사용자 테이블 생성
219	218	mbrTbody: [],
220		- iconPath: mdiAccountGroup,
	219	+ iconPath: 'ico_team',
221	220	userListModal: false,
222	221	deptList: [], // 부서 목록
223	222	authList: [], // 권한목록

...	...	@@ -176,7 +176,6 @@
176	176	<script>
177	177	import draggable from "vuedraggable";
178	178	import Hierachy from "../../../../component/hierachy/HierachyDraggable.vue";
179		-import { mdiFormatListBulleted } from "@mdi/js";
180	179	// Api
181	180	import {
182	181	menuFindAll,
...	...	@@ -199,7 +198,7 @@
199	198	// false - 없음 (기본)
200	199	// true - 등록/수정
201	200	editMode: false,
202		- iconPath: mdiFormatListBulleted,
	201	+ iconPath: 'ico_folder_3d',
203	202
204	203	menuList: [], // 메뉴 목록
205	204	newMenu: {}, // 신규 메뉴

...	...	@@ -42,6 +42,14 @@
42	42	font-weight: 700;
43	43	}
44	44	}
	45	+
	46	+ span.bullet{
	47	+ width: .5rem;
	48	+ height: .5rem;
	49	+ background-color: var(--tk-main-10);
	50	+ border-radius: 50%;
	51	+ margin-right: 1rem;
	52	+ }
45	53	}
46	54
47	55	} (파일 끝에 줄바꿈 문자 없음)

...	...	@@ -1,30 +1,13 @@
1	1	<template>
2	2	<li>
3		- <div
4		- :class="{
5		- 'node-wrap': true,
6		- selected: displaySelectedNode === tasks.id,
7		- }"
8		- @click="toggleNode(tasks.id)"
9		- >
	3	+ <div :class="{ 'node-wrap': true, selected: displaySelectedNode === tasks.id, }" @click="toggleNode(tasks.id)" >
10	4	<div class="node">
11	5	<div class="arrow-img" v-if="tasks.childList.length">
12		- <svg-icon
13		- type="mdi"
14		- :width="18"
15		- :height="18"
16		- :path="iconPath()"
17		- ></svg-icon>
	6	+ <svg-icon type="mdi" :width="18" :height="18" :path="iconPath()" style="vertical-align: sub;"></svg-icon>
18	7	</div>
19	8	<div class="node-name-wrap">
20		- <svg-icon
21		- type="mdi"
22		- v-if="tasks.childList.length"
23		- :width="18"
24		- :height="18"
25		- :path="icon"
26		- :color="'#5089ef'"
27		- ></svg-icon>
	9	+ <img :src="require(`/client/resources/img/admin/${icon}.svg`)" alt="" v-if="tasks.childList.length">
	10	+ <span v-else class="bullet"></span>
28	11	<div :title="tasks.nm">
29	12	<p class="node-name">{{ tasks.nm }}</p>
30	13	</div>

...	...	@@ -13,7 +13,7 @@
13	13	@keyup.enter="findAll"
14	14	/>
15	15
16		- <button class="btn-ico xsm main ico-sch" @click="findAll">
	16	+ <button class="btn-ico xsm ico-sch" @click="findAll">
17	17	<span class="sr-only">검색</span>
18	18	</button>
19	19	</div>

...	...	@@ -8,7 +8,7 @@
8	8	</select>
9	9	<input type="text" class="form-control sm border-none" v-model="search.searchText" placeholder="검색어를 입력하세요" @keyup.enter="findAll">
10	10
11		- <button class="btn-ico xsm main ico-sch" @click="findAll">
	11	+ <button class="btn-ico xsm ico-sch" @click="findAll">
12	12	<span class="sr-only">검색</span>
13	13	</button>
14	14	</div>

...	...	@@ -90,7 +90,7 @@
90	90	v-model="search.searchText"
91	91	@keyup.enter="findAll"
92	92	/>
93		- <button class="btn-ico xsm main ico-sch" @click="findAll">
	93	+ <button class="btn-ico xsm ico-sch" @click="findAll">
94	94	<span class="sr-only">검색</span>
95	95	</button>
96	96	<!-- <button class="btn-ico md ico-refresh" @click="fnSearchReset"></button> -->

...	...	@@ -64,7 +64,7 @@
64	64	placeholder="검색어를 입력하세요." v-model="search.searchText" @keyup.enter="findAll">
65	65
66	66
67		- <button class="btn-ico xsm main ico-sch" @click="findAll">
	67	+ <button class="btn-ico xsm ico-sch" @click="findAll">
68	68	<span class="sr-only">검색</span>
69	69	</button>
70	70

...	...	@@ -11,7 +11,7 @@
11	11	<input type="text" class="form-control sm border-none" placeholder="검색어를 입력하세요." v-model="search.searchText" @keyup.enter="findAll">
12	12
13	13
14		- <button class="btn-ico xsm main ico-sch" @click="findAll">
	14	+ <button class="btn-ico xsm ico-sch" @click="findAll">
15	15	<span class="sr-only">검색</span>
16	16	</button>
17	17

...	...	@@ -17,7 +17,7 @@
17	17	</div>
18	18	</div>
19	19	<div class="gd-1">
20		- <button class="btn-ico xsm main ico-sch" >
	20	+ <button class="btn-ico xsm ico-sch" >
21	21	<span class="sr-only">검색</span>
22	22	</button>
23	23	</div>

...	...	@@ -46,7 +46,7 @@
46	46	v-on:keyup.enter="fnViewList"
47	47	placeholder="검색어를 입력하세요."
48	48	/>
49		- <button class="btn-ico xsm main ico-sch" @click="fnViewList">
	49	+ <button class="btn-ico xsm ico-sch" @click="fnViewList">
50	50	<span class="sr-only">검색</span>
51	51	</button>
52	52	</div>

...	...	@@ -15,7 +15,7 @@
15	15	placeholder="검색어를 입력하세요."
16	16	/>
17	17
18		- <button class="btn-ico xsm main ico-sch" @click="fnViewList">
	18	+ <button class="btn-ico xsm ico-sch" @click="fnViewList">
19	19	<span class="sr-only">검색</span>
20	20	</button>
21	21	</div>

...	...	@@ -14,7 +14,7 @@
14	14	</div>
15	15	</div>
16	16	<div class="gd-1">
17		- <button class="btn-ico xsm main ico-sch">
	17	+ <button class="btn-ico xsm ico-sch">
18	18	<span class="sr-only">검색</span>
19	19	</button>
20	20	</div>

...	...	@@ -9,7 +9,7 @@
9	9	v-on:keyup.enter="fnViewList"
10	10	placeholder="콘텐츠 한글명을 입력해주세요."
11	11	/>
12		- <button class="btn-ico xsm main ico-sch" @click="fnViewList">
	12	+ <button class="btn-ico xsm ico-sch" @click="fnViewList">
13	13	<span class="sr-only">검색</span>
14	14	</button>
15	15	</div>

...	...	@@ -24,7 +24,7 @@
24	24	v-model="search.searchText"
25	25	@keyup.enter="findAll"
26	26	/>
27		- <button class="btn-ico xsm main ico-sch " @click="findAll">
	27	+ <button class="btn-ico xsm ico-sch " @click="findAll">
28	28	<span class="sr-only">검색</span>
29	29	</button>
30	30	</div>

Delete comment