jbcheong/hubez-admin
1
0
Fork 0
mirror of http://git.mhez-qa.uplus.co.kr/hubez/hubez-admin.git synced 2025-12-06 19:39:19 +09:00
Code Issues Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
kimjhjjang
2022-11-17 10:15:08 +09:00
parent f80d307b0d
commit 69aec986af
6 changed files with 485 additions and 464 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
frontend/src/modules/channelMgt/views/TmpltList.vue
View File

@@ -1,10 +1,9 @@
<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="search_wrap">
<div class="select_box id">
@@ -25,18 +24,26 @@
</select>
</div>
<div class="input_box">
<input class="search-box" type="text" id="id1" placeholder="검색어 입력" v-model.trim="grid.params.searchText1"
@keyup.enter="search" maxlength="100"/>
<input
class="search-box"
type="text"
id="id1"
placeholder="검색어 입력"
v-model.trim="grid.params.searchText1"
@keyup.enter="search"
maxlength="100"
/>
</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 class="count">
총 <span>{{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</span
>건
<div class="select_box NumberSe">
<select name="" id="perPage" v-model="perPageCnt" @change="changePerPage()">
<option v-for="option in options" v-bind:value="option.value" v-bind:key="option.value">{{
option.text
}}
<option v-for="option in options" v-bind:value="option.value" v-bind:key="option.value">
{{ option.text }}
</option>
</select>
</div>
@@ -58,7 +65,6 @@
></custom-grid>
<common-modal ref="commmonModal"></common-modal>
</div>
</div>
</div>
@@ -69,8 +75,8 @@ import customGrid from '@/components/CustomGrid';
import channelMgtApi from '../service/channelMgtApi';
import xlsx from '@/common/excel';
import moment from 'moment';
import commonModal from "@/components/modal/commonModal";
import api from "@/service/api";
import commonModal from '@/components/modal/commonModal';
import api from '@/service/api';
export default {
name: 'temltList',
@@ -79,7 +85,7 @@ export default {
row: {},
authType: [],
statType: [],
cate2Code: "",
cate2Code: '',
totalItems: 0,
pageType: 'CHANN',
searchType1: '',
@@ -89,7 +95,7 @@ export default {
options: [
{ text: '20', value: 20 },
{ text: '50', value: 50 },
{text: '100', value: 100}
{ text: '100', value: 100 },
],
grid: {
url: '/api/v1/bo/channelMgt/tmpltList',
@@ -99,7 +105,6 @@ export default {
initialRequest: false,
addCls: 'box_OFvis',
header: [
[
{ header: 'No', childNames: [] },
@@ -110,8 +115,8 @@ export default {
{ header: '템플릿 유형', childNames: [] },
{ header: '상태', childNames: [] },
{ header: '발신프로필', childNames: [] },
{header: '마지막 수정일', childNames: []}
]
{ header: '마지막 수정일', childNames: [] },
],
],
columns: [
@@ -123,16 +128,16 @@ export default {
{ name: 'tmpltType', header: '템플릿 유형', align: 'center', width: '8%' },
{ name: 'stat', header: '상태', align: 'center', width: '8%' },
{ name: 'sendProfile', header: '발신프로필', align: 'center', width: '18%' },
{name: 'lastChgDt', header: '마지막 수정일', width: '10%', cls: 'td_line'}
{ name: 'lastChgDt', header: '마지막 수정일', width: '10%', cls: 'td_line' },
],
noDataStr: '검색 결과가 없습니다.',
params: {
searchType1: '',
searchType2: 'custNm',
searchText1: ''
searchText1: '',
},
excelHeader: [],
},
excelHeader: []
}
};
},
components: {
@@ -151,13 +156,11 @@ export default {
params: {
searchType1: '',
searchType2: 'custNm',
searchText1: ''
}
searchText1: '',
},
});
},
mounted() {
let page = 1;
// 페이지 정보 및 검색 조건
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
@@ -187,7 +190,7 @@ export default {
this.$store.commit('searchcondition/updateSearchCondition', {
page: getP._currentPage,
perPage: this.perPageCnt,
params: this.grid.params
params: this.grid.params,
});
},
async getExcelDataDown() {
@@ -196,7 +199,7 @@ export default {
const params = {
searchType1: this.grid.params.searchType1,
searchType2: this.grid.params.searchType2,
searchText1: this.grid.params.searchText1
searchText1: this.grid.params.searchText1,
};
response = await channelMgtApi.tmpltListExcel(params);
@@ -206,10 +209,10 @@ export default {
result.data.list = result.data.list.map((item) => {
return {
...item,
custNm: this.fromHtmlEntities(item.custNm)
}
custNm: this.fromHtmlEntities(item.custNm),
};
});
if (result != null && result.retCode == "0000") {
if (result != null && result.retCode == '0000') {
return result.data;
} else {
return false;
@@ -232,24 +235,24 @@ export default {
const data = await this.getExcelDataDown();
let options = {
header: this.excelHeader,
dataOrder: 'header'
dataOrder: 'header',
};
xlsx.export(data.list, saveFileName, options).then(() => {
});
xlsx.export(data.list, saveFileName, options).then(() => {});
},
getExcelHeader() {
// 헤더를 mockup으로 관리한다.
channelMgtApi.getExcelHeader(this.pageType).then(res => {
channelMgtApi.getExcelHeader(this.pageType).then((res) => {
this.excelHeader = res;
});
},
setCodeData() {
// 상태 옵션 셋팅.
api.commCode({'grpCd': 'TMPLT_STTUS_CD'}).then(response => {
api.commCode({ grpCd: 'TMPLT_STTUS_CD' }).then((response) => {
this.statType = response.data.data.list;
});
},
changePerPage: function () { // 페이지당 조회할 개수
changePerPage: function () {
// 페이지당 조회할 개수
this.grid.pagePerRows = this.perPageCnt;
this.search(true);
},
@@ -261,15 +264,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>

108
frontend/src/modules/custMgt/views/SubsList.vue
View File

@@ -1,10 +1,9 @@
<template>
<div class="contents">
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">청약정보조회</h3>
<p class="breadcrumb">고객관리 &gt; 청약정보조회 &gt; 청약고객관리</p>
<h3 class="title">청약고객관리</h3>
<p class="breadcrumb">고객관리 &gt; 청약고객관리 &gt; 청약고객관리</p>
</div>
<div class="top_tab">
@@ -26,8 +25,8 @@
v-model="startDate"
@selected="selectedStartDate(0)"
@closed="closeDate('start')"
></vuejs-datepicker>
</span>~
></vuejs-datepicker> </span
>~
<span class="custom_input icon_date">
<vuejs-datepicker
:language="ko"
@@ -73,8 +72,15 @@
</select>
</div>
<div class="input_box">
<input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model.trim="grid.params.searchText1"
maxlength="100" @keyup.enter="search"/>
<input
class="search-box"
type="text"
id="search"
placeholder="검색어 입력"
v-model.trim="grid.params.searchText1"
maxlength="100"
@keyup.enter="search"
/>
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
@@ -82,20 +88,20 @@
<!-- </div>-->
<div class="info">
<div class="count">총 <span>{{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</span>건
<div class="count">
총 <span>{{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</span
>건
<div class="select_box NumberSe">
<select name="" id="" v-model="perPageCnt" @change="changePerPage()">
<option v-for="option in options" v-bind:value="option.value" v-bind:key="option.value">{{
option.text
}}
<option v-for="option in options" v-bind:value="option.value" v-bind:key="option.value">
{{ option.text }}
</option>
</select>
</div>
</div>
<div class="button_group">
<button type="button" class="button blue download" @click="excelDown();">엑셀 다운로드</button>
<button type="button" class="button blue download" @click="excelDown()">엑셀 다운로드</button>
</div>
</div>
<div class="table">
<custom-grid
@@ -114,7 +120,6 @@
</div>
<common-modal ref="commmonModal"></common-modal>
</div>
</div>
</template>
@@ -123,9 +128,9 @@
import customGrid from '@/components/CustomGrid';
import moment from 'moment';
import api from '@/service/api.js';
import custMgtApi from "../service/custMgtApi.js";
import custMgtApi from '../service/custMgtApi.js';
import xlsx from '@/common/excel';
import commonModal from "@/components/modal/commonModal";
import commonModal from '@/components/modal/commonModal';
class CustomATagRenderer {
constructor(props) {
@@ -133,7 +138,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;
}
@@ -142,8 +147,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);
});
}
@@ -173,7 +178,7 @@ export default {
options: [
{ text: '20', value: 20 },
{ text: '50', value: 50 },
{text: '100', value: 100}
{ text: '100', value: 100 },
],
totalItems: 0,
grid: {
@@ -187,12 +192,16 @@ export default {
columns: [
{ name: 'no', header: 'No', align: 'center', width: '4%' },
{
name: 'serviceId', header: '서비스 ID\n(관리자 ID)', align: 'center', width: '12%', renderer: {
type: CustomATagRenderer
, options: {
name: 'serviceId',
header: '서비스 ID\n(관리자 ID)',
align: 'center',
width: '12%',
renderer: {
type: CustomATagRenderer,
options: {
callback: this.custDetail,
}
}
},
},
},
{ name: 'custNm', header: '고객사명', align: 'center', width: '12%' },
{ name: 'regNo', header: '가입번호', align: 'center', width: '12%' },
@@ -200,7 +209,7 @@ export default {
{ name: 'stat', header: '상태', align: 'center', width: '12%' },
{ name: 'channel', header: '유치채널', align: 'center', width: '12%' },
{ name: 'plan', header: '요금제', align: 'center', width: '12%' },
{name: 'carryOver', header: '이월누적금액', align: 'center', width: '12%'}
{ name: 'carryOver', header: '이월누적금액', align: 'center', width: '12%' },
],
noDataStr: '검색 결과가 없습니다.',
params: {
@@ -209,10 +218,10 @@ export default {
searchType3: '',
searchText1: '',
startDt: '',
endDt: ''
endDt: '',
},
excelHeader: [],
},
excelHeader: []
}
};
},
components: {
@@ -221,11 +230,9 @@ export default {
vuejsDatepicker,
},
created() {
this.setCodeData();
this.getExcelHeader();
this.setPeriodDay(0);
},
destroyed() {
this.$store.commit('searchcondition/updateSearchCondition', {
@@ -237,10 +244,9 @@ export default {
searchType3: '',
searchText1: '',
startDt: '',
endDt: ''
}
endDt: '',
},
});
},
mounted() {
// 달력 세팅
@@ -260,12 +266,11 @@ export default {
this.search(isKeep);
},
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();
@@ -275,9 +280,9 @@ export default {
this.grid.params.startDt = moment(this.startDate).format('YYYYMMDD');
this.grid.params.endDt = moment(this.endDate).format('YYYYMMDD');
this.grid.params.searchType1 = this.searchType1
this.grid.params.searchType2 = this.searchType2
this.grid.params.searchType3 = this.searchType3
this.grid.params.searchType1 = this.searchType1;
this.grid.params.searchType2 = this.searchType2;
this.grid.params.searchType3 = this.searchType3;
this.$refs.table.search(this.grid.params, isKeep);
this.sendStoreData();
@@ -289,7 +294,8 @@ export default {
this.row.serviceId = props.serviceId;
this.$router.push({ name: 'subsDetail', params: this.row });
},
changePerPage: function () { // 페이지당 조회할 개수
changePerPage: function () {
// 페이지당 조회할 개수
this.grid.pagePerRows = this.perPageCnt;
this.search(true);
},
@@ -298,18 +304,18 @@ 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'];
},
setCodeData() {
// 상태 옵션 셋팅.
api.commCode({'grpCd': 'SUBS_STTUS_CD'}).then(response => {
api.commCode({ grpCd: 'SUBS_STTUS_CD' }).then((response) => {
this.statType = response.data.data.list;
});
//
api.commCode({'grpCd': 'SVCUSER_TP_CD'}).then(response => {
api.commCode({ grpCd: 'SVCUSER_TP_CD' }).then((response) => {
this.userType = response.data.data.list;
});
},
@@ -322,7 +328,7 @@ export default {
searchType1: this.grid.params.searchType1,
searchType2: this.grid.params.searchType2,
searchType3: this.grid.params.searchType3,
searchText1: this.grid.params.searchText1
searchText1: this.grid.params.searchText1,
};
response = await custMgtApi.subsListExcel(params);
@@ -332,10 +338,10 @@ export default {
result.data.list = result.data.list.map((item) => {
return {
...item,
custNm: this.fromHtmlEntities(item.custNm)
}
custNm: this.fromHtmlEntities(item.custNm),
};
});
if (result != null && result.retCode == "0000") {
if (result != null && result.retCode == '0000') {
return result.data;
} else {
return false;
@@ -365,14 +371,13 @@ export default {
let options = {
header: this.excelHeader,
dataOrder: 'header'
dataOrder: 'header',
};
xlsx.export(data.list, saveFileName, options).then(() => {
});
xlsx.export(data.list, saveFileName, options).then(() => {});
},
getExcelHeader() {
// 헤더를 mockup으로 관리한다.
custMgtApi.getExcelHeader(this.pageType).then(res => {
custMgtApi.getExcelHeader(this.pageType).then((res) => {
this.excelHeader = res;
});
},
@@ -392,7 +397,6 @@ export default {
if (this.startDate > this.endDate) {
this.startDate = this.endDate;
}
},
selectedEndDate(day) {
if (day != undefined && day != null) {

98
frontend/src/modules/sendNumMgt/views/NumberList.vue
View File

@@ -1,10 +1,9 @@
<template>
<div class="contents">
<div class="contents_wrap">
<div class="top_wrap">
<h3 class="title">문자 발신번호 관리</h3>
<p class="breadcrumb">발신번호관리 &gt; 문자 발신번호 관리</p>
<h3 class="title">발신번호 관리</h3>
<p class="breadcrumb">발신번호관리 &gt; 발신번호 관리</p>
</div>
<div class="search_wrap">
<div class="group">
@@ -42,15 +41,23 @@
</select>
</div>
<div class="input_box">
<input class="search-box" type="text" id="search" placeholder="검색어 입력"
<input
class="search-box"
type="text"
id="search"
placeholder="검색어 입력"
v-model.trim="grid.params.searchText1"
maxlength="100" @keyup.enter="search"/>
maxlength="100"
@keyup.enter="search"
/>
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
</div>
<div class="info">
<div class="count">총 <span>{{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</span>건
<div class="count">
총 <span>{{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</span
>건
<div class="select_box NumberSe">
<select name="" id="perPage" v-model="perPageCnt" @change="changePerPage()">
<option value="20">20</option>
@@ -60,7 +67,7 @@
</div>
</div>
<div class="button_group">
<button type="button" class="button blue add" @click="numberRegPopOpen();">등록</button>
<button type="button" class="button blue add" @click="numberRegPopOpen()">등록</button>
<button type="button" class="button white del" @click="deleteNumber()">삭제</button>
</div>
</div>
@@ -84,26 +91,24 @@
<number-reg-pop ref="numberRegPop"></number-reg-pop>
<number-detail-pop ref="numberDetailPop" />
<common-modal ref="commmonModal"></common-modal>
</div>
</div>
</template>
<script>
import customGrid from '@/components/CustomGrid';
import commonModal from "@/components/modal/commonModal";
import commonModal from '@/components/modal/commonModal';
import NumberRegPop from '../components/NumberRegPop';
import NumberDetailPop from "@/modules/sendNumMgt/components/NumberDetailPop";
import NumberDetailPop from '@/modules/sendNumMgt/components/NumberDetailPop';
import sendNumMgtApi from '../service/sendNumMgtApi';
class CustomATagRenderer {
constructor(props) {
this.props = props;
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;
}
@@ -112,8 +117,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);
});
}
@@ -126,7 +131,7 @@ export default {
row: {},
authType: [],
statType: [],
cate2Code: "",
cate2Code: '',
totalItems: 0,
searchType4: 'regNo',
searchType3: '',
@@ -154,8 +159,8 @@ export default {
{ header: '인입채널', childNames: [] },
{ header: '발신번호', childNames: [] },
{ header: '승인상태', childNames: [] },
{header: '등록일자', childNames: []}
]
{ header: '등록일자', childNames: [] },
],
],
columns: [
@@ -169,15 +174,19 @@ export default {
{ name: 'nmineeDivCd', header: '명의자 구분', align: 'center', width: '10%' },
{ name: 'inchDivCd', header: '인입채널', align: 'center', width: '10%' },
{
name: 'sndrno', header: '발신번호', align: 'center', width: '10%', renderer: {
type: CustomATagRenderer
, options: {
name: 'sndrno',
header: '발신번호',
align: 'center',
width: '10%',
renderer: {
type: CustomATagRenderer,
options: {
callback: this.numberDetail,
}
}
},
},
},
{ name: 'sttusCd', header: '승인상태', align: 'center', width: '10%' },
{name: 'regDt', header: '등록일자', width: '10%', cls: 'td_line'}
{ name: 'regDt', header: '등록일자', width: '10%', cls: 'td_line' },
],
noDataStr: '검색 결과가 없습니다.',
params: {
@@ -187,10 +196,10 @@ export default {
searchType4: '',
searchText1: '',
pagePerRows: '',
page: ''
page: '',
},
excelHeader: [],
},
excelHeader: []
}
};
},
components: {
@@ -201,7 +210,7 @@ export default {
},
created() {
// this.grid.pagePerRows = 50
this.isFirst=true
this.isFirst = true;
},
destroyed() {
this.$store.commit('searchcondition/updateSearchCondition', {
@@ -212,8 +221,8 @@ export default {
searchType2: '',
searchType3: '',
searchType4: '',
searchText1: ''
}
searchText1: '',
},
});
},
mounted() {
@@ -233,25 +242,24 @@ export default {
},
methods: {
search: function (isKeep) {
this.grid.params.searchType1 = this.searchType1
this.grid.params.searchType2 = this.searchType2
this.grid.params.searchType3 = this.searchType3
this.grid.params.searchType4 = this.searchType4
this.grid.params.searchType1 = this.searchType1;
this.grid.params.searchType2 = this.searchType2;
this.grid.params.searchType3 = this.searchType3;
this.grid.params.searchType4 = this.searchType4;
if (this.isFirst) {
this.grid.pagePerRows = 50
this.grid.pagePerRows = 50;
}
this.$refs.table.search(this.grid.params, isKeep);
this.sendStoreData();
this.isFirst=false
this.isFirst = false;
},
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,
});
},
numberRegPopOpen: function () {
this.$refs.numberRegPop.numberRegPopopen();
@@ -265,16 +273,15 @@ export default {
deleteNumber() {
if (this.doValidate()) {
this.row.title = '문자발신번호 관리';
this.row.msg1 = '삭제 하시겠습니까?'
this.row.msg1 = '삭제 하시겠습니까?';
this.$refs.commmonModal.confirmModalOpen2(this.row);
}
},
async numberDelete() {
try {
let response = await sendNumMgtApi.deleteNumber(this.row);
const result = response.data;
if (result != null && result.retCode == "0000") {
if (result != null && result.retCode == '0000') {
this.$refs.table.reloadData();
return;
} else {
@@ -288,7 +295,8 @@ export default {
this.$refs.commmonModal.alertModalOpen(this.row);
}
},
doValidate() { //로우데이터 삭제하도록 수정
doValidate() {
//로우데이터 삭제하도록 수정
if (this.totalItems == 0) {
this.row.title = '문자발신번호 관리';
@@ -313,20 +321,20 @@ export default {
this.numberDelete();
}
},
changePerPage: function () { // 페이지당 조회할 개수
changePerPage: function () {
// 페이지당 조회할 개수
this.grid.pagePerRows = this.perPageCnt;
},
},
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>

112
frontend/src/modules/sysMgt/views/AdminList.vue
View File

@@ -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,22 +26,43 @@
</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">
@@ -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,
@@ -124,25 +144,29 @@ export default {
{ 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: 'regDt', header: '등록일', align: 'center', width: '18%' },
],
noDataStr: '검색 결과가 없습니다.',
params: {
searchType1: '',
searchType2: '',
searchText1: '',
searchText2: ''
searchText2: '',
},
excelHeader: [],
},
excelHeader: []
}
};
},
components: {
@@ -157,9 +181,7 @@ export default {
//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 = '관리자/유치채널 관리';
@@ -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'});
const res = await api.commCode({ grpCd: 'ADM_STTUS_CD' });
if (res.data.retCode == '0000') {
this.statType = res.data.data.list;
}
}catch(err){
}
} catch (err) {}
// 권한
try {
const response = await api.commAuth();
if (response.data.retCode == '0000') {
this.authType = response.data.data.list;
}
}catch(err){
}
} 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>

38
frontend/src/modules/sysMgt/views/AuthList.vue
View File

@@ -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>
@@ -38,8 +41,7 @@
<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-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>
@@ -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) {
@@ -106,23 +104,23 @@ export default {
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>

49
frontend/src/modules/sysMgt/views/BatchList.vue
View File

@@ -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>
<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);
});
}
@@ -55,25 +49,30 @@ export default {
[
{ header: '배치ID', childNames: {} },
{ header: '배치명', childNames: {} },
]
],
],
columns: [
{ 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: {
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: 'errMsg', header: '메시지', align: 'left', width: '40%' },
],
},
};
},
components: {
@@ -89,8 +88,8 @@ export default {
perPage: 50,
params: {
startDt: '',
endDt: ''
}
endDt: '',
},
});
},
mounted() {
@@ -103,7 +102,6 @@ export default {
isKeep = true;
}
this.search(isKeep);
},
methods: {
@@ -120,14 +118,11 @@ 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'];
},
},
};
</script>