어드민 메뉴명, 브래드크럼 수정 및 위치 변경

frontend/src/modules/sysMgt/views/AdminList.vue

@@ -3,7 +3,7 @@
     <div class="contents_wrap">
       <div class="top_wrap">
         <h3 class="title">관리자/유치채널 관리</h3>
-        <p class="breadcrumb">시스템관리 &gt; 관리자/유치채널 관리</p>
+        <p class="breadcrumb">운영 관리 &gt; 관리자/유치채널 관리</p>
       </div>
       <div class="search_wrap">
         <div class="select_box">
@@ -26,37 +26,58 @@
         </div>
         <div class="input_box id">
           <label for="id1" class="label">ID</label>
-          <input class="search-box" type="text" id="id1" placeholder="검색어 입력" v-model.trim="grid.params.searchText1"
-                 @keyup.enter="search" :readonly="!isFocused" @focus="isFocused = true" @blur="isFocused = false"/>
+          <input
+            class="search-box"
+            type="text"
+            id="id1"
+            placeholder="검색어 입력"
+            v-model.trim="grid.params.searchText1"
+            @keyup.enter="search"
+            :readonly="!isFocused"
+            @focus="isFocused = true"
+            @blur="isFocused = false"
+          />
         </div>
         <div class="input_box">
           <label for="name" class="label">이름(대리점명)</label>
-          <input class="search-box" type="text" id="name" placeholder="검색어 입력" v-model.trim="grid.params.searchText2"
-                 @keyup.enter="search" :readonly="!isFocused" @focus="isFocused = true" @blur="isFocused = false"/>
+          <input
+            class="search-box"
+            type="text"
+            id="name"
+            placeholder="검색어 입력"
+            v-model.trim="grid.params.searchText2"
+            @keyup.enter="search"
+            :readonly="!isFocused"
+            @focus="isFocused = true"
+            @blur="isFocused = false"
+          />
         </div>
         <button type="button" class="button grey" @click="search">조회</button>
       </div>
       <div class="info">
-        <div class="count">총 <span>{{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</span>건</div>
+        <div class="count">
+          총 <span>{{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</span
+          >건
+        </div>
         <div class="button_group">
-          <button type="button" class="button blue admin add" @click="adminRegPopOpen();">관리자 등록</button>
-          <button type="button" class="button blue channel add" @click="adminReg2PopOpen();">유치채널 등록</button>
-          <button type="button" class="button white delete del" @click="rowDelete();">삭제</button>
+          <button type="button" class="button blue admin add" @click="adminRegPopOpen()">관리자 등록</button>
+          <button type="button" class="button blue channel add" @click="adminReg2PopOpen()">유치채널 등록</button>
+          <button type="button" class="button white delete del" @click="rowDelete()">삭제</button>
         </div>
       </div>
       <div class="table">
         <custom-grid
-            ref="table"
-            :totalItems="'totalItems'"
-            :url="grid.url"
-            :pagePerRows="grid.pagePerRows"
-            :initialRequest="grid.initialRequest"
-            :pagination="grid.pagination"
-            :isCheckbox="grid.isCheckbox"
-            :columns="grid.columns"
-            :noDataStr="grid.noDataStr"
-            :addCls="grid.addCls"
-            :header="grid.headder"
+          ref="table"
+          :totalItems="'totalItems'"
+          :url="grid.url"
+          :pagePerRows="grid.pagePerRows"
+          :initialRequest="grid.initialRequest"
+          :pagination="grid.pagination"
+          :isCheckbox="grid.isCheckbox"
+          :columns="grid.columns"
+          :noDataStr="grid.noDataStr"
+          :addCls="grid.addCls"
+          :header="grid.headder"
         ></custom-grid>
       </div>
       <admin-reg-pop ref="adminRegModal"></admin-reg-pop>
@@ -69,11 +90,10 @@
 <script>
 import customGrid from '@/components/CustomGrid';
 import AdminRegPop from '../components/AdminRegPop';
-import commonModal from "@/components/modal/commonModal";
+import commonModal from '@/components/modal/commonModal';
 import AdminDetailPop from '../components/AdminDetailPop';
 import api from '@/service/api.js';
-import sysMgtApi from "../service/sysMgtApi.js";
-
+import sysMgtApi from '../service/sysMgtApi.js';
 
 class CustomATagRenderer {
   constructor(props) {
@@ -81,7 +101,7 @@ class CustomATagRenderer {
     const el = document.createElement('a');
     el.href = 'javascript:void(0);';
     el.className = 'btn_text';
-    el.innerText = String(props.colValue)
+    el.innerText = String(props.colValue);
     this.el = el;
   }
 
@@ -90,8 +110,8 @@ class CustomATagRenderer {
   }
 
   addEvent(selEl) {
-    selEl.addEventListener("click", () => {
-      const {callback} = this.props["cgrido" + this.props.colName].options;
+    selEl.addEventListener('click', () => {
+      const { callback } = this.props['cgrido' + this.props.colName].options;
       callback(this.props);
     });
   }
@@ -105,7 +125,7 @@ export default {
       row: {},
       authType: [],
       statType: [],
-      cate2Code: "",
+      cate2Code: '',
       totalItems: 0,
       // 테이블 리스트 데이터
       perPageCnt: 20,
@@ -115,34 +135,38 @@ export default {
         url: '/api/v1/bo/sysMgt/adminList',
         pagePerRows: 20,
         pagination: true,
-        isCheckbox: true,        // true:첫번째 컬럼 앞에 체크박스 생성 / false:체크박스 제거
+        isCheckbox: true, // true:첫번째 컬럼 앞에 체크박스 생성 / false:체크박스 제거
         initialRequest: false,
         addCls: 'box_OFvis',
 
         columns: [
-          {name: 'no', header: 'No', align: 'center', width: '6%'},
-          {name: 'auth', header: '권한', align: 'center', width: '18%'},
-          {name: 'name', header: '이름(대리점명)', align: 'center', width: '18%'},
+          { name: 'no', header: 'No', align: 'center', width: '6%' },
+          { name: 'auth', header: '권한', align: 'center', width: '18%' },
+          { name: 'name', header: '이름(대리점명)', align: 'center', width: '18%' },
           {
-            name: 'adminId', header: 'ID', align: 'center', width: '18%', renderer: {
-              type: CustomATagRenderer
-              , options: {
+            name: 'adminId',
+            header: 'ID',
+            align: 'center',
+            width: '18%',
+            renderer: {
+              type: CustomATagRenderer,
+              options: {
                 callback: this.detailPop,
-              }
-            }
+              },
+            },
           },
-          {name: 'adminStat', header: '상태', align: 'center', width: '18%', cls: 'td_line'},
-          {name: 'regDt', header: '등록일', align: 'center', width: '18%'}
+          { name: 'adminStat', header: '상태', align: 'center', width: '18%', cls: 'td_line' },
+          { name: 'regDt', header: '등록일', align: 'center', width: '18%' },
         ],
         noDataStr: '검색 결과가 없습니다.',
         params: {
           searchType1: '',
           searchType2: '',
           searchText1: '',
-          searchText2: ''
+          searchText2: '',
         },
-        excelHeader: []
-      }
+        excelHeader: [],
+      },
     };
   },
   components: {
@@ -154,12 +178,10 @@ export default {
   },
   created() {
     this.setCodeData();
-    //let cont = document.querySelector(".wrap");      
+    //let cont = document.querySelector(".wrap");
     //cont.classList.add("main_wrap");
   },
-  destroyed() {
-
-  },
+  destroyed() {},
   mounted() {
     let page = 1;
     // 페이지 정보 및 검색 조건
@@ -173,29 +195,26 @@ export default {
       isKeep = true;
     }
     this.search(isKeep);
-   
   },
   methods: {
     search: function (isKeep) {
-      this.grid.params.searchType1 = this.searchType1
-      this.grid.params.searchType2 = this.searchType2
+      this.grid.params.searchType1 = this.searchType1;
+      this.grid.params.searchType2 = this.searchType2;
       this.$refs.table.search(this.grid.params, isKeep);
       this.sendStoreData();
     },
     detailPop(props) {
-
       this.$refs.adminDetailModal.adminDetailModalOpen(props);
     },
-    ModalOpen: function (target) {
-
-    },
+    ModalOpen: function (target) {},
     adminRegPopOpen: function () {
       this.$refs.adminRegModal.ModalOpen(1);
     },
     adminReg2PopOpen: function () {
       this.$refs.adminRegModal.ModalOpen(2);
     },
-    doValidate() { //로우데이터 삭제하도록 수정
+    doValidate() {
+      //로우데이터 삭제하도록 수정
 
       if (this.totalItems == 0) {
         this.row.title = '관리자/유치채널 관리';
@@ -211,7 +230,7 @@ export default {
         return false;
       }
 
-      const param = chkList.map((row) => ({adminId: row.adminId}));
+      const param = chkList.map((row) => ({ adminId: row.adminId }));
       this.row.list = param;
       return true;
     },
@@ -220,7 +239,7 @@ export default {
       this.$store.commit('searchcondition/updateSearchCondition', {
         page: getP._currentPage,
         perPage: this.perPageCnt,
-        params: this.grid.params
+        params: this.grid.params,
       });
 
       const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
@@ -228,27 +247,23 @@ export default {
     async setCodeData() {
       // 상태
       try {
-				const res = await api.commCode({'grpCd': 'ADM_STTUS_CD'});
-				if(res.data.retCode == '0000'){
-					this.statType = res.data.data.list;          
-				}				
-			}catch(err){
-				
-			}
-      // 권한 
+        const res = await api.commCode({ grpCd: 'ADM_STTUS_CD' });
+        if (res.data.retCode == '0000') {
+          this.statType = res.data.data.list;
+        }
+      } catch (err) {}
+      // 권한
       try {
-				const response = await api.commAuth();
-				if(response.data.retCode == '0000'){
-					this.authType = response.data.data.list;
-				}				
-			}catch(err){
-				
-			}
+        const response = await api.commAuth();
+        if (response.data.retCode == '0000') {
+          this.authType = response.data.data.list;
+        }
+      } catch (err) {}
     },
     rowDelete() {
       if (this.doValidate()) {
         this.row.title = '관리자/유치채널 관리';
-        this.row.msg1 = '삭제 하시겠습니까?'
+        this.row.msg1 = '삭제 하시겠습니까?';
         this.$refs.commmonModal.confirmModalOpen2(this.row);
       }
     },
@@ -256,7 +271,7 @@ export default {
       try {
         let response = await sysMgtApi.deleteAdmin(this.row);
         const result = response.data;
-        if (result != null && result.retCode == "0000") {
+        if (result != null && result.retCode == '0000') {
           this.$refs.table.reloadData();
           return;
         }
@@ -277,15 +292,14 @@ export default {
   },
 
   beforeRouteLeave(to, from, next) {
-
     const getP = this.$refs.table.getPagination();
     this.$store.commit('searchcondition/updateSearchCondition', {
       page: getP._currentPage,
       perPage: this.perPageCnt,
-      params: this.grid.params
+      params: this.grid.params,
     });
     // 라우트 하기전 실행
     next();
-  }
+  },
 };
-</script>
+</script>

frontend/src/modules/sysMgt/views/AuthList.vue

@@ -3,10 +3,13 @@
     <div class="contents_wrap">
       <div class="top_wrap">
         <h3 class="title">권한 관리</h3>
-        <p class="breadcrumb">시스템관리 &gt; 권한 관리</p>
+        <p class="breadcrumb">운영 관리 &gt; 권한 관리</p>
       </div>
       <div class="info">
-        <div class="count">총 <span>{{ totalCnt }}</span>건</div>
+        <div class="count">
+          총 <span>{{ totalCnt }}</span
+          >건
+        </div>
         <div class="button_group">
           <button type="button" class="button blue add" @click="insertAuth()">권한 추가</button>
         </div>
@@ -14,37 +17,36 @@
       <div class="table">
         <table>
           <colgroup>
-            <col width="10%"/>
-            <col width="20%"/>
-            <col width="20%"/>
-            <col width="15%"/>
-            <col width="20%"/>
-            <col width="15%"/>
+            <col width="10%" />
+            <col width="20%" />
+            <col width="20%" />
+            <col width="15%" />
+            <col width="20%" />
+            <col width="15%" />
           </colgroup>
           <thead>
-          <tr>
-            <th>NO</th>
-            <th>코드</th>
-            <th>권한명</th>
-            <th>상태</th>
-            <th>등록일</th>
-            <th></th>
-          </tr>
+            <tr>
+              <th>NO</th>
+              <th>코드</th>
+              <th>권한명</th>
+              <th>상태</th>
+              <th>등록일</th>
+              <th></th>
+            </tr>
           </thead>
           <tbody>
-          <tr v-for="(option, i) in list" v-bind:key="i">
-            <td>{{ option.no }}</td>
-            <td>{{ option.authCd }}</td>
-            <td>{{ option.authNm }}</td>
-            <td>{{ option.authStat }}</td>
-            <td>{{ option.regDt }}</td>
-            <td v-if="option.authCd === '1001' || option.authCd === '1002'" class="two_btn_group">
-            </td>
-            <td v-else class="two_btn_group">
-              <button type="button" class="button grey" @click="updateAuth(option.authCd)">수정</button>
-              <button type="button" class="button white delete" @click="authDelete(option.authCd)">삭제</button>
-            </td>
-          </tr>
+            <tr v-for="(option, i) in list" v-bind:key="i">
+              <td>{{ option.no }}</td>
+              <td>{{ option.authCd }}</td>
+              <td>{{ option.authNm }}</td>
+              <td>{{ option.authStat }}</td>
+              <td>{{ option.regDt }}</td>
+              <td v-if="option.authCd === '1001' || option.authCd === '1002'" class="two_btn_group"></td>
+              <td v-else class="two_btn_group">
+                <button type="button" class="button grey" @click="updateAuth(option.authCd)">수정</button>
+                <button type="button" class="button white delete" @click="authDelete(option.authCd)">삭제</button>
+              </td>
+            </tr>
           </tbody>
         </table>
       </div>
@@ -54,8 +56,8 @@
 </template>
 
 <script>
-import sysMgtApi from "../service/sysMgtApi.js";
-import commonModal from "@/components/modal/commonModal";
+import sysMgtApi from '../service/sysMgtApi.js';
+import commonModal from '@/components/modal/commonModal';
 
 export default {
   name: 'authList',
@@ -72,23 +74,19 @@ export default {
   created() {
     this.getAuthList();
   },
-  destroyed() {
-
-  },
-  mounted() {
-
-  },
+  destroyed() {},
+  mounted() {},
   methods: {
     async getAuthList() {
       try {
         const response = await sysMgtApi.authList(this.row);
         const result = response.data;
-        if (result != null && result.retCode == "0000") {
+        if (result != null && result.retCode == '0000') {
           this.list = result.data.list;
           this.totalCnt = result.data.list.length;
         } else {
           this.row.title = '권한 관리';
-          this.row.msg1 = '조회정보가 없습니다.'
+          this.row.msg1 = '조회정보가 없습니다.';
           this.$refs.commmonModal.alertModalOpen(this.row);
         }
       } catch (err) {
@@ -98,31 +96,31 @@ export default {
       }
     },
     insertAuth() {
-      this.$router.push({name: 'authAdd'});
+      this.$router.push({ name: 'authAdd' });
     },
     updateAuth(target) {
-      this.$router.push({name: 'authModify', params: {targetAuthCd: target}});
+      this.$router.push({ name: 'authModify', params: { targetAuthCd: target } });
     },
     authDelete(target) {
       this.row.authCd = target;
       this.row.title = '권한 관리';
-      this.row.msg1 = '삭제 하시겠습니까?'
+      this.row.msg1 = '삭제 하시겠습니까?';
       this.$refs.commmonModal.confirmModalOpen2(this.row);
     },
     async deleteAuth() {
       try {
         let response = await sysMgtApi.deleteAuth(this.row);
         const result = response.data;
-        if (result != null && result.retCode == "0000") {
+        if (result != null && result.retCode == '0000') {
           this.getAuthList();
           return;
-        }else if(result != null && result.retCode == "4020"){
-          this.row = {}
+        } else if (result != null && result.retCode == '4020') {
+          this.row = {};
           this.row.title = '권한 관리';
           this.row.msg1 = '해당 권한에 매핑된 사용자가 있습니다.';
           this.$refs.commmonModal.alertModalOpen(this.row);
         } else {
-          this.row = {}
+          this.row = {};
           this.row.title = '권한 관리';
           this.row.msg1 = '실패 하였습니다.';
           this.$refs.commmonModal.alertModalOpen(this.row);
@@ -139,6 +137,6 @@ export default {
         this.deleteAuth();
       }
     },
-  }
+  },
 };
-</script>
+</script>

frontend/src/modules/sysMgt/views/BatchList.vue

@@ -1,18 +1,12 @@
 <template>
-
   <div class="contents">
     <div class="contents_wrap">
       <div class="top_wrap">
         <h3 class="title">배치 모니터링</h3>
-        <p class="breadcrumb">모니터링 &gt; 배치 모니터링</p>
+        <p class="breadcrumb">운영 관리 &gt; 배치 모니터링</p>
       </div>
-      <div class= "table">
-        <custom-grid
-          ref="table"
-          :url="grid.url"
-          :columns="grid.columns"
-
-        ></custom-grid>
+      <div class="table">
+        <custom-grid ref="table" :url="grid.url" :columns="grid.columns"></custom-grid>
       </div>
     </div>
   </div>
@@ -27,7 +21,7 @@ class CustomATagRenderer {
     const el = document.createElement('a');
     el.href = 'javascript:void(0);';
     el.className = 'btn_text';
-    el.innerText = String(props.colValue)
+    el.innerText = String(props.colValue);
     this.el = el;
   }
 
@@ -36,8 +30,8 @@ class CustomATagRenderer {
   }
 
   addEvent(selEl) {
-    selEl.addEventListener("click", () => {
-      const {callback} = this.props["cgrido" + this.props.colName].options;
+    selEl.addEventListener('click', () => {
+      const { callback } = this.props['cgrido' + this.props.colName].options;
       callback(this.props);
     });
   }
@@ -53,33 +47,38 @@ export default {
         url: '/api/v1/bo/sysMgt/batchList',
         header: [
           [
-            {header: '배치ID', childNames: {}},
-            {header: '배치명', childNames: {}},
-          ]
+            { header: '배치ID', childNames: {} },
+            { header: '배치명', childNames: {} },
+          ],
         ],
         columns: [
-          {name: 'batchType', header: '배치유형', align: 'center', width: '4%'},
-          {name: 'batchId', header:'배치ID', align:'center', width:'10%'},
+          { name: 'batchType', header: '배치유형', align: 'center', width: '4%' },
+          { name: 'batchId', header: '배치ID', align: 'center', width: '10%' },
           {
-            name: 'batchNm', header:'배치명',align:'left', width:'15%', renderer: {
-            type: CustomATagRenderer
-            , options: {
-              callback: this.batchDetail,
-            }
-          }},
-          {name: 'batchCycle', header:'실행일자',align:'center', width:'7%'},
-          {name: 'batchTime', header:'실행시간',align:'center', width:'6%'},
-          {name: 'regDt', header:'배치 수행시간',align:'center', width:'13%'},
-          {name: 'sttusCd', header:'상태',align:'center', width:'5%'},
-          {name: 'errMsg', header:'메시지',align:'left', width:'40%'}
-        ]
-      }
+            name: 'batchNm',
+            header: '배치명',
+            align: 'left',
+            width: '15%',
+            renderer: {
+              type: CustomATagRenderer,
+              options: {
+                callback: this.batchDetail,
+              },
+            },
+          },
+          { name: 'batchCycle', header: '실행일자', align: 'center', width: '7%' },
+          { name: 'batchTime', header: '실행시간', align: 'center', width: '6%' },
+          { name: 'regDt', header: '배치 수행시간', align: 'center', width: '13%' },
+          { name: 'sttusCd', header: '상태', align: 'center', width: '5%' },
+          { name: 'errMsg', header: '메시지', align: 'left', width: '40%' },
+        ],
+      },
     };
-  },  
+  },
   components: {
     customGrid: customGrid,
   },
-  created(){
+  created() {
     const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
   },
   destroyed() {
@@ -89,21 +88,20 @@ export default {
       perPage: 50,
       params: {
         startDt: '',
-        endDt: ''
-      }
+        endDt: '',
+      },
     });
   },
-  mounted(){
+  mounted() {
     let page = 1;
     const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
     let isKeep = false;
-    if(getCondition){
+    if (getCondition) {
       this.grid.params = getCondition.params;
       page = getCondition.page;
       isKeep = true;
     }
     this.search(isKeep);
-
   },
 
   methods: {
@@ -111,23 +109,20 @@ export default {
       this.$refs.table.search(this.grid.params, isKeep);
       this.sendStoreData();
     },
-    batchDetail(props){
+    batchDetail(props) {
       this.row.batchId = props.batchId;
-      this.$router.push({path: `/sysMgt/batchDetail/${props.batchId}`, params: this.row});
+      this.$router.push({ path: `/sysMgt/batchDetail/${props.batchId}`, params: this.row });
     },
     sendStoreData: function () {
       const getP = this.$refs.table.getPagination();
       this.$store.commit('searchcondition/updateSearchCondition', {
         page: getP._currentPage,
         perPage: this.perPageCnt,
-        params: this.grid.params
+        params: this.grid.params,
       });
 
       const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
     },
-
-
   },
-  
 };
-</script>
+</script>