mirror of
http://git.mhez-qa.uplus.co.kr/hubez/hubez-admin.git
synced 2026-01-28 05:54:55 +09:00
서비스관리 / 알림톡 템플릿관리 추가
This commit is contained in:
kimre
@@ -1,11 +1,11 @@
|
||||
import ChannelList from '../views/ChannelList'
|
||||
|
||||
export default [
|
||||
{
|
||||
path: '/attractMgt/channelList',
|
||||
component: ChannelList,
|
||||
name: 'channelList',
|
||||
meta: { public: true }
|
||||
}
|
||||
]
|
||||
|
||||
import ChannelList from '../views/ChannelList'
|
||||
|
||||
export default [
|
||||
{
|
||||
path: '/attractMgt/channelList',
|
||||
component: ChannelList,
|
||||
name: 'channelList',
|
||||
meta: { public: true }
|
||||
}
|
||||
]
|
||||
|
||||
|
||||
@@ -1,107 +1,107 @@
|
||||
<template>
|
||||
<div class="contents">
|
||||
<div class="contents_wrap">
|
||||
<div class="top_wrap">
|
||||
<h3 class="title">유치채널 목록조회</h3>
|
||||
<p class="breadcrumb">시스템관리 > 권한 관리</p>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="count">총 <span>4</span>건</div>
|
||||
<div class="button_group">
|
||||
<button type="button" class="button blue add" onclick="location.href='system_right_add.html';">권한 추가</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table">
|
||||
<table>
|
||||
<colgroup>
|
||||
<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>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>4</td>
|
||||
<td>Admin_01</td>
|
||||
<td>슈퍼관리자</td>
|
||||
<td>사용</td>
|
||||
<td>2022-03-10</td>
|
||||
<td class="two_btn_group">
|
||||
<button type="button" class="button grey" onclick="location.href='system_right_modify.html';">수정</button>
|
||||
<button type="button" class="button white delete">삭제</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3</td>
|
||||
<td>Admin_01</td>
|
||||
<td>슈퍼관리자</td>
|
||||
<td>사용</td>
|
||||
<td>2022-03-10</td>
|
||||
<td class="two_btn_group">
|
||||
<button type="button" class="button grey">수정</button>
|
||||
<button type="button" class="button white delete">삭제</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2</td>
|
||||
<td>Admin_01</td>
|
||||
<td>슈퍼관리자</td>
|
||||
<td>사용</td>
|
||||
<td>2022-03-10</td>
|
||||
<td class="two_btn_group">
|
||||
<button type="button" class="button grey">수정</button>
|
||||
<button type="button" class="button white delete">삭제</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>Admin_01</td>
|
||||
<td>슈퍼관리자</td>
|
||||
<td>사용</td>
|
||||
<td>2022-03-10</td>
|
||||
<td class="two_btn_group">
|
||||
<button type="button" class="button grey">수정</button>
|
||||
<button type="button" class="button white delete">삭제</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'channelList',
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
},
|
||||
components: {
|
||||
|
||||
},
|
||||
destroyed() {
|
||||
|
||||
},
|
||||
mounted() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
|
||||
}
|
||||
};
|
||||
<template>
|
||||
<div class="contents">
|
||||
<div class="contents_wrap">
|
||||
<div class="top_wrap">
|
||||
<h3 class="title">유치채널 목록조회</h3>
|
||||
<p class="breadcrumb">시스템관리 > 권한 관리</p>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="count">총 <span>4</span>건</div>
|
||||
<div class="button_group">
|
||||
<button type="button" class="button blue add" onclick="location.href='system_right_add.html';">권한 추가</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table">
|
||||
<table>
|
||||
<colgroup>
|
||||
<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>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>4</td>
|
||||
<td>Admin_01</td>
|
||||
<td>슈퍼관리자</td>
|
||||
<td>사용</td>
|
||||
<td>2022-03-10</td>
|
||||
<td class="two_btn_group">
|
||||
<button type="button" class="button grey" onclick="location.href='system_right_modify.html';">수정</button>
|
||||
<button type="button" class="button white delete">삭제</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3</td>
|
||||
<td>Admin_01</td>
|
||||
<td>슈퍼관리자</td>
|
||||
<td>사용</td>
|
||||
<td>2022-03-10</td>
|
||||
<td class="two_btn_group">
|
||||
<button type="button" class="button grey">수정</button>
|
||||
<button type="button" class="button white delete">삭제</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2</td>
|
||||
<td>Admin_01</td>
|
||||
<td>슈퍼관리자</td>
|
||||
<td>사용</td>
|
||||
<td>2022-03-10</td>
|
||||
<td class="two_btn_group">
|
||||
<button type="button" class="button grey">수정</button>
|
||||
<button type="button" class="button white delete">삭제</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>Admin_01</td>
|
||||
<td>슈퍼관리자</td>
|
||||
<td>사용</td>
|
||||
<td>2022-03-10</td>
|
||||
<td class="two_btn_group">
|
||||
<button type="button" class="button grey">수정</button>
|
||||
<button type="button" class="button white delete">삭제</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'channelList',
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
},
|
||||
components: {
|
||||
|
||||
},
|
||||
destroyed() {
|
||||
|
||||
},
|
||||
mounted() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@@ -1,12 +1,12 @@
|
||||
import CalcList from '../views/CalcList'
|
||||
|
||||
export default [
|
||||
{
|
||||
path: '/calculate/calcList',
|
||||
component: CalcList,
|
||||
name: 'calcList',
|
||||
meta: { public: true }
|
||||
},
|
||||
|
||||
]
|
||||
|
||||
import CalcList from '../views/CalcList'
|
||||
|
||||
export default [
|
||||
{
|
||||
path: '/calculate/calcList',
|
||||
component: CalcList,
|
||||
name: 'calcList',
|
||||
meta: { public: true }
|
||||
},
|
||||
|
||||
]
|
||||
|
||||
|
||||
@@ -1,165 +1,165 @@
|
||||
<template>
|
||||
|
||||
<div class="contents">
|
||||
<div class="contents_wrap">
|
||||
<div class="top_wrap">
|
||||
<h3 class="title">정산이력목록조회</h3>
|
||||
<p class="breadcrumb">시스템관리 > 관리자/유치채널 관리</p>
|
||||
</div>
|
||||
<form autocomplete="off" class="search_form">
|
||||
<div class="search_wrap">
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">권한</label>
|
||||
<select name="" id="right">
|
||||
<option value="전체">전체</option>
|
||||
<option value="대리점">대리점</option>
|
||||
<option value="운영자">운영자</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">상태</label>
|
||||
<select name="" id="right">
|
||||
<option value="전체">전체</option>
|
||||
<option value="사용">사용</option>
|
||||
<option value="중지">중지</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input_box id">
|
||||
<label for="id1" class="label">ID</label>
|
||||
<input type="text" id="id1" placeholder="검색어 입력"/>
|
||||
</div>
|
||||
<div class="input_box">
|
||||
<label for="name" class="label">이름(대리점명)</label>
|
||||
<input type="text" id="name" placeholder="검색어 입력"/>
|
||||
</div>
|
||||
<button type="button" class="button grey">조회</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="info">
|
||||
<div class="count">총 <span>100</span>건</div>
|
||||
<div class="button_group">
|
||||
<button type="button" class="button blue admin">관리자 등록</button>
|
||||
<button type="button" class="button blue channel">유지채널 등록</button>
|
||||
<button type="button" class="button white delete">삭제</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="table">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col width="5%"/>
|
||||
<col width="15%"/>
|
||||
<col width="15%"/>
|
||||
<col width="20%"/>
|
||||
<col width="20%"/>
|
||||
<col width="5%"/>
|
||||
<col width="20%"/>
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th><input type="checkbox" id="admin_check1"><label for="admin_check1"></label></th>
|
||||
<th>NO</th>
|
||||
<th>권한</th>
|
||||
<th>이름(대리점명)</th>
|
||||
<th>ID</th>
|
||||
<th>상태</th>
|
||||
<th>등록일</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><input type="checkbox" checked id="admin_check2"><label for="admin_check2"></label></td>
|
||||
<td>10</td>
|
||||
<td>대리점</td>
|
||||
<td>유플러스</td>
|
||||
<td><a href="javascript:void(0)">uplus1</a></td>
|
||||
<td>사용</td>
|
||||
<td>2022-03-10</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div> -->
|
||||
<div class="table">
|
||||
<custom-grid
|
||||
ref="table"
|
||||
:totalItems="'totalItems'"
|
||||
:url="testList.url"
|
||||
:perPage="testList.perPage"
|
||||
:initialRequest="testList.initialRequest"
|
||||
:pagination="testList.pagination"
|
||||
:isCheckbox="testList.isCheckbox"
|
||||
:columns="testList.columns"
|
||||
:noDataStr="testList.noDataStr"
|
||||
:addCls="testList.addCls"
|
||||
:header="testList.header"
|
||||
></custom-grid>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import customGrid from '@/components/CustomGrid';
|
||||
//import api from '../service/api';
|
||||
export default {
|
||||
name: 'calcList',
|
||||
data() {
|
||||
return {
|
||||
testList: {
|
||||
url: '/api/v1/bo/sysMgt/adminList',
|
||||
perPage: 20,
|
||||
pagination: true,
|
||||
isCheckbox: true,
|
||||
initialRequest: false,
|
||||
addCls: 'box_OFvis',
|
||||
|
||||
|
||||
header: [
|
||||
[
|
||||
{ header: 'NO', childNames: [] },
|
||||
{ header: '권한', childNames: [] },
|
||||
{ header: '이름(대리점명)', childNames: [] },
|
||||
{ header: 'ID', childNames: [] },
|
||||
{ header: '상태', childNames: [] },
|
||||
{ header: '등록일', childNames: [] }
|
||||
]
|
||||
],
|
||||
|
||||
columns: [
|
||||
{ name: 'no', header: 'NO', align: 'center', width: 60 },
|
||||
{ name: 'auth', header: '권한', align: 'left', width: 160 },
|
||||
{ name: 'name', header: '이름(대리점명)', align: 'center', width: 130},
|
||||
{ name: 'adminId', header: 'ID', align: 'center', width: 130},
|
||||
{ name: 'adminStat', header: '상태', align: 'center', width: 130},
|
||||
{ name: 'regDt', header: '등록일', width: 90, cls: 'td_line' }
|
||||
],
|
||||
noDataStr: '검색 결과가 없습니다.',
|
||||
// params: {
|
||||
// apprResult: '',
|
||||
// searchType: '',
|
||||
// searchText: '',
|
||||
// startDate: '',
|
||||
// endDate: ''
|
||||
// },
|
||||
excelHeader: []
|
||||
}
|
||||
};
|
||||
},
|
||||
components: {
|
||||
customGrid: customGrid
|
||||
},
|
||||
destroyed() {
|
||||
|
||||
},
|
||||
mounted() {
|
||||
let isKeep = false;
|
||||
isKeep = true;
|
||||
this.search(isKeep);
|
||||
},
|
||||
methods: {
|
||||
search: function(isKeep) {
|
||||
console.log(this.testList.params);
|
||||
this.$refs.table.search(this.testList.params, isKeep);
|
||||
},
|
||||
}
|
||||
};
|
||||
<template>
|
||||
|
||||
<div class="contents">
|
||||
<div class="contents_wrap">
|
||||
<div class="top_wrap">
|
||||
<h3 class="title">정산이력목록조회</h3>
|
||||
<p class="breadcrumb">시스템관리 > 관리자/유치채널 관리</p>
|
||||
</div>
|
||||
<form autocomplete="off" class="search_form">
|
||||
<div class="search_wrap">
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">권한</label>
|
||||
<select name="" id="right">
|
||||
<option value="전체">전체</option>
|
||||
<option value="대리점">대리점</option>
|
||||
<option value="운영자">운영자</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">상태</label>
|
||||
<select name="" id="right">
|
||||
<option value="전체">전체</option>
|
||||
<option value="사용">사용</option>
|
||||
<option value="중지">중지</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input_box id">
|
||||
<label for="id1" class="label">ID</label>
|
||||
<input type="text" id="id1" placeholder="검색어 입력"/>
|
||||
</div>
|
||||
<div class="input_box">
|
||||
<label for="name" class="label">이름(대리점명)</label>
|
||||
<input type="text" id="name" placeholder="검색어 입력"/>
|
||||
</div>
|
||||
<button type="button" class="button grey">조회</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="info">
|
||||
<div class="count">총 <span>100</span>건</div>
|
||||
<div class="button_group">
|
||||
<button type="button" class="button blue admin">관리자 등록</button>
|
||||
<button type="button" class="button blue channel">유지채널 등록</button>
|
||||
<button type="button" class="button white delete">삭제</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="table">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col width="5%"/>
|
||||
<col width="15%"/>
|
||||
<col width="15%"/>
|
||||
<col width="20%"/>
|
||||
<col width="20%"/>
|
||||
<col width="5%"/>
|
||||
<col width="20%"/>
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th><input type="checkbox" id="admin_check1"><label for="admin_check1"></label></th>
|
||||
<th>NO</th>
|
||||
<th>권한</th>
|
||||
<th>이름(대리점명)</th>
|
||||
<th>ID</th>
|
||||
<th>상태</th>
|
||||
<th>등록일</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><input type="checkbox" checked id="admin_check2"><label for="admin_check2"></label></td>
|
||||
<td>10</td>
|
||||
<td>대리점</td>
|
||||
<td>유플러스</td>
|
||||
<td><a href="javascript:void(0)">uplus1</a></td>
|
||||
<td>사용</td>
|
||||
<td>2022-03-10</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div> -->
|
||||
<div class="table">
|
||||
<custom-grid
|
||||
ref="table"
|
||||
:totalItems="'totalItems'"
|
||||
:url="testList.url"
|
||||
:perPage="testList.perPage"
|
||||
:initialRequest="testList.initialRequest"
|
||||
:pagination="testList.pagination"
|
||||
:isCheckbox="testList.isCheckbox"
|
||||
:columns="testList.columns"
|
||||
:noDataStr="testList.noDataStr"
|
||||
:addCls="testList.addCls"
|
||||
:header="testList.header"
|
||||
></custom-grid>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import customGrid from '@/components/CustomGrid';
|
||||
//import api from '../service/api';
|
||||
export default {
|
||||
name: 'calcList',
|
||||
data() {
|
||||
return {
|
||||
testList: {
|
||||
url: '/api/v1/bo/sysMgt/adminList',
|
||||
perPage: 20,
|
||||
pagination: true,
|
||||
isCheckbox: true,
|
||||
initialRequest: false,
|
||||
addCls: 'box_OFvis',
|
||||
|
||||
|
||||
header: [
|
||||
[
|
||||
{ header: 'NO', childNames: [] },
|
||||
{ header: '권한', childNames: [] },
|
||||
{ header: '이름(대리점명)', childNames: [] },
|
||||
{ header: 'ID', childNames: [] },
|
||||
{ header: '상태', childNames: [] },
|
||||
{ header: '등록일', childNames: [] }
|
||||
]
|
||||
],
|
||||
|
||||
columns: [
|
||||
{ name: 'no', header: 'NO', align: 'center', width: 60 },
|
||||
{ name: 'auth', header: '권한', align: 'left', width: 160 },
|
||||
{ name: 'name', header: '이름(대리점명)', align: 'center', width: 130},
|
||||
{ name: 'adminId', header: 'ID', align: 'center', width: 130},
|
||||
{ name: 'adminStat', header: '상태', align: 'center', width: 130},
|
||||
{ name: 'regDt', header: '등록일', width: 90, cls: 'td_line' }
|
||||
],
|
||||
noDataStr: '검색 결과가 없습니다.',
|
||||
// params: {
|
||||
// apprResult: '',
|
||||
// searchType: '',
|
||||
// searchText: '',
|
||||
// startDate: '',
|
||||
// endDate: ''
|
||||
// },
|
||||
excelHeader: []
|
||||
}
|
||||
};
|
||||
},
|
||||
components: {
|
||||
customGrid: customGrid
|
||||
},
|
||||
destroyed() {
|
||||
|
||||
},
|
||||
mounted() {
|
||||
let isKeep = false;
|
||||
isKeep = true;
|
||||
this.search(isKeep);
|
||||
},
|
||||
methods: {
|
||||
search: function(isKeep) {
|
||||
console.log(this.testList.params);
|
||||
this.$refs.table.search(this.testList.params, isKeep);
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@@ -1,14 +1,14 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="dimmed modal26" @click="ModalClose();"></div>
|
||||
<!--<div>-->
|
||||
<!-- <div class="dimmed modal26" @click="ModalClose();"></div>-->
|
||||
<div class="popup-wrap modal26">
|
||||
<div class="popup modal26">
|
||||
<div class="pop-head">
|
||||
<h3 class="pop-tit">관리자명 조회</h3>
|
||||
</div>
|
||||
<!--
|
||||
<div class="pop-cont-detail input_box">-->
|
||||
<div class="pop-cont-detail">
|
||||
|
||||
<div class="pop-cont-detail input_box">
|
||||
<!-- <div class="pop-cont-detail">-->
|
||||
<label>ID</label>
|
||||
<div class="input_search">
|
||||
<input class="search-box" type="text" placeholder="아이디 입력" v-model.trim="madangId" ref="madangId">
|
||||
@@ -25,7 +25,7 @@
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!--</div>-->
|
||||
</template>
|
||||
|
||||
<script>
|
||||
@@ -167,11 +167,6 @@ export default {
|
||||
}
|
||||
}
|
||||
|
||||
// import '../../../assets/css/layout.css?ver=02';
|
||||
// import '../../../assets/css/contents.css?ver=01';
|
||||
// import '../../../assets/css/common.css?ver=02';
|
||||
// import '../../../assets/css/style.css';
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
},
|
||||
{
|
||||
"key": "serviceId",
|
||||
"name": "서비스 ID (관리자 ID)"
|
||||
"name": "서비스 ID"
|
||||
},
|
||||
{
|
||||
"key": "custNm",
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
<h3 class="title">청약고객관리</h3>
|
||||
<p class="breadcrumb">고객관리 > 청약고객관리 > 회원관리</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="table table_form">
|
||||
<form autocomplete="off">
|
||||
<table>
|
||||
@@ -92,7 +92,7 @@
|
||||
<div class="button_group">
|
||||
<button type="button" class="button blue add" @click="memberInsertPopOpen();">사용자 ID 생성</button>
|
||||
<button type="button" class="button blue add" @click="excelPopOpen();">사용자 ID 대량생성</button>
|
||||
<button type="button" class="button white del" @click="memberDelete">삭제</button>
|
||||
<button type="button" class="button white del" @click="memberDelete();">삭제</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -227,9 +227,10 @@ export default {
|
||||
},
|
||||
set(value) {
|
||||
const selected = [];
|
||||
|
||||
if (value) {
|
||||
this.list.forEach((com) => {
|
||||
//var chkList = {userId :com.userId};
|
||||
//console.log(chkList)
|
||||
selected.push(com.userId);
|
||||
});
|
||||
}
|
||||
@@ -322,18 +323,18 @@ export default {
|
||||
this.$refs.memoTatalListPop.memoTotalModalOpen(this.row);
|
||||
},
|
||||
async memberDelete(){
|
||||
// console.log(this.selected)
|
||||
|
||||
if(window.confirm('삭제 하시겠습니까?')){
|
||||
this.row.list = this.selected;
|
||||
var serviceId = this.adminId;
|
||||
this.row.list = this.selected.map((row)=>({userId:row}));
|
||||
this.row.adminId = this.adminId;
|
||||
console.log(this.row);
|
||||
try {
|
||||
const response = await custMgtApi.deleteUser(this.row);
|
||||
let response = await custMgtApi.deleteUser(this.row);
|
||||
const result = response.data;
|
||||
|
||||
if (result != null && result.retCode == "0000") {
|
||||
|
||||
//alert("저장 완료하였습니다.");
|
||||
|
||||
alert("저장 완료하였습니다.");
|
||||
this.memberDetail(serviceId);
|
||||
}
|
||||
} catch (error) {
|
||||
console.log(error);
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
<div class="title">기본정보</div>
|
||||
</div>
|
||||
<div class="table table_form">
|
||||
<form autocomplete="off">
|
||||
<!-- <form autocomplete="off">-->
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width:140px">
|
||||
@@ -59,13 +59,13 @@
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</form>
|
||||
<!-- </form>-->
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="title">사용정보</div>
|
||||
</div>
|
||||
<div class="table table_form">
|
||||
<form autocomplete="off">
|
||||
<!-- <form autocomplete="off">-->
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width:140px">
|
||||
@@ -110,7 +110,7 @@
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</form>
|
||||
<!-- </form>-->
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="title">사용자 데이터</div>
|
||||
@@ -151,7 +151,7 @@
|
||||
<td colspan="2">
|
||||
<div class="input-double button-double">
|
||||
<input type="text" disabled v-model="userCnt">
|
||||
<button type="button" class="button grey">사용자ID 확인</button>
|
||||
<button type="button" class="button grey" @click="goMemberDetail">사용자ID 확인</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
@@ -169,11 +169,11 @@
|
||||
<!--수정 확인 모달-->
|
||||
<validation-confirm-pop ref="validationConfirmPop"></validation-confirm-pop>
|
||||
<!--관리자명 조회 모달-->
|
||||
<admin-nm-pop ref="adminNmPop"></admin-nm-pop>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<admin-nm-pop ref="adminNmPop"></admin-nm-pop>
|
||||
</div>
|
||||
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
@@ -367,11 +367,9 @@ export default {
|
||||
searchIDPopOpen: function(){
|
||||
this.$refs.adminNmPop.ModalOpen();
|
||||
},
|
||||
searchIDCalbackFnc: function(props){
|
||||
console.log(props);
|
||||
if(props.result){
|
||||
this.doInsert(props.result);
|
||||
}
|
||||
goMemberDetail: function(props){
|
||||
console.log(this.row);
|
||||
this.$router.push({ name: 'memberAdminDetail', params: {serviceId : this.row.serviceId} });
|
||||
},
|
||||
}
|
||||
}
|
||||
|
||||
190
frontend/src/modules/riskMgt/components/InsertIntrcpPop.vue
Normal file
190
frontend/src/modules/riskMgt/components/InsertIntrcpPop.vue
Normal file
@@ -0,0 +1,190 @@
|
||||
<template>
|
||||
<!-- <div class="wrap bg-wrap"> -->
|
||||
<div>
|
||||
<div class="dimmed" @click="ModalClose();"></div>
|
||||
<div class="popup-wrap">
|
||||
|
||||
<!-- 발신번호 차단 신규 등록 -->
|
||||
<div class="popup modal52 popup_form">
|
||||
<div class="pop-head">
|
||||
<h3 class="pop-tit">발신번호 차단 신규 등록</h3>
|
||||
</div>
|
||||
<form autocomplete="off">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>발신번호</th>
|
||||
<td><input type="number" v-model.trim="blckSndrno" ref="blckSndrno"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>발송타입</th>
|
||||
<td>
|
||||
<div class="select_box">
|
||||
<select name="" id="" v-model.trim="sndblckTpCd" ref="sndblckTpCd">
|
||||
<option v-for="(option, i) in tpType" v-bind:value="option.code" v-bind:key="i">
|
||||
{{ option.codeNm }}
|
||||
</option>
|
||||
<!-- <option value="">문자</option>
|
||||
<option value="">RCS</option> -->
|
||||
</select>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>차단사유</th>
|
||||
<td>
|
||||
<div class="select_box">
|
||||
<select name="" id="" v-model.trim="blckRsnCd" ref="blckRsnCd">
|
||||
<option v-for="(option, i) in rsnType" v-bind:value="option.code" v-bind:key="i">
|
||||
{{ option.codeNm }}
|
||||
</option>
|
||||
</select>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>메모</th>
|
||||
<td class="sender"><textarea class="memo_text" v-model.trim="meno" ref="meno"></textarea></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</form>
|
||||
<div class="pop-btn2">
|
||||
<button class="btn-pcolor" @click="doInsert">등록</button>
|
||||
<button class="btn-default" @click="ModalClose();">취소</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 신규등록 - 등록 선택 -->
|
||||
<div class="popup modal54">
|
||||
<div class="pop-head">
|
||||
<div class="pop-tit">신규등록</div>
|
||||
</div>
|
||||
<div class="pop-cont">
|
||||
<div>작성된 내용으로 등록 하시겠습니까?</div>
|
||||
</div>
|
||||
<div class="pop-btn2">
|
||||
<button class="btn-pcolor">확인</button>
|
||||
<button class="btn-default" onclick="ModalClose();">취소</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
<script>
|
||||
import api from '@/service/api';
|
||||
import riskMgtApi from '../service/riskMgtApi'
|
||||
import lodash from "lodash";
|
||||
export default {
|
||||
data(){
|
||||
return{
|
||||
row: {},
|
||||
rsnType: [],
|
||||
tpType: [],
|
||||
blckSndrno: '',
|
||||
sndblckTpCd: '',
|
||||
blckRsnCd: '',
|
||||
meno: '',
|
||||
|
||||
// params: {
|
||||
// 'blckSndrno' : ''
|
||||
// ,'sndblckTpCd' : '01'
|
||||
// ,'blckRsnCd' : '02'
|
||||
// ,'meno' : ''
|
||||
// }
|
||||
}
|
||||
},
|
||||
create(){
|
||||
// this.setCodeDate();
|
||||
this.formReset();
|
||||
},
|
||||
methods :{
|
||||
//모달 띄우기
|
||||
ModalOpen(){
|
||||
var dimmed = document.getElementsByClassName('dimmed');
|
||||
dimmed[0].style.display = 'block';
|
||||
var wrap = document.getElementsByClassName('popup-wrap');
|
||||
wrap[0].style.display = 'block';
|
||||
var obj = document.getElementsByClassName('modal52');
|
||||
obj[0].style.display = 'block';
|
||||
this.setCodeDate();
|
||||
},
|
||||
// 모달 끄기
|
||||
ModalClose(){
|
||||
//this.formReset();
|
||||
var dimmed = document.getElementsByClassName('dimmed');
|
||||
dimmed[0].style.display = 'none';
|
||||
var wrap = document.getElementsByClassName('popup-wrap');
|
||||
wrap[0].style.display = 'none';
|
||||
var popup = document.getElementsByClassName('modal52');
|
||||
popup[0].style.display = 'none';
|
||||
|
||||
},
|
||||
// 저장 후 부모창 호출
|
||||
toComplete(){
|
||||
this.$parent.$refs.table.reloadData();
|
||||
this.ModalClose();
|
||||
},
|
||||
async doInsert(){
|
||||
if(this.doValidate() && window.confirm('등록 하시겠습니까?')){
|
||||
try {
|
||||
const response = await riskMgtApi.insertIntrcp(this.row);
|
||||
const result = response.data;
|
||||
if (result != null && result.retCode == "0000") {
|
||||
alert('저장 하였습니다.');
|
||||
this.toComplete();
|
||||
}
|
||||
} catch(err) {
|
||||
console.log(err);
|
||||
alert("실패 하였습니다.");
|
||||
}
|
||||
}
|
||||
},
|
||||
setCodeDate(){
|
||||
// 발송타입
|
||||
api.commCode({'grpCd' : 'SNDBLCK_TP_CD'}).then(response => {
|
||||
this.tpType = response.data.data.list;
|
||||
});
|
||||
api.commCode({'grpCd' : 'SNDBLCK_RSN_CD'}).then(response => {
|
||||
this.rsnType = response.data.data.list;
|
||||
});
|
||||
},
|
||||
|
||||
isNull(obj){
|
||||
if(lodash.isNil(obj) || lodash.trim(obj) == ''){
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
},
|
||||
|
||||
doValidate(){
|
||||
if(this.isNull(this.blckSndrno)){
|
||||
alert("번호입력.");
|
||||
this.$refs._blckSndrno.focus();
|
||||
return false;
|
||||
}
|
||||
if(this.isNull(this.meno)){
|
||||
alert('메모입력');
|
||||
return false;
|
||||
}
|
||||
this.row.blckSndrno=this.blckSndrno;
|
||||
this.row.sndblckTpCd = this.sndblckTpCd;
|
||||
this.row.blckRsnCd = this.blckRsnCd;
|
||||
this.row.meno=this.meno;
|
||||
return true;
|
||||
},
|
||||
formReset(){
|
||||
var type= this.insertType;
|
||||
Object.assign(this.$data, this.$options.data());
|
||||
this.insertType = type;
|
||||
},
|
||||
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.popup-btn-wrap {width: 500px; margin: auto; padding: 100px 0;}
|
||||
.popup-btn-wrap button {width: 100%; margin-bottom: 10px; height: 50px; border-radius: 5px; box-shadow: none; border: 1px solid #000; }
|
||||
.popup-btn-wrap button:hover {background: #000; color: #fff;}
|
||||
</style>
|
||||
77
frontend/src/modules/riskMgt/components/InsertMsgPop.vue
Normal file
77
frontend/src/modules/riskMgt/components/InsertMsgPop.vue
Normal file
@@ -0,0 +1,77 @@
|
||||
<template>
|
||||
|
||||
<!-- 메시지 차단 신규 등록 -->
|
||||
<div class="popup popup_form modal57">
|
||||
<div class="pop-head">
|
||||
<h3 class="pop-tit">메시지 차단 신규 등록</h3>
|
||||
</div>
|
||||
<form autocomplete="off">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>차단문구</th>
|
||||
<td class="input_add">
|
||||
<input type="text" value="">
|
||||
<button class="button white add" onclick=""></button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2" class="registration">
|
||||
<ul>
|
||||
<li>
|
||||
<span>도박<a href="#"><img src="./images/icon-del.png"/></a></span>
|
||||
</li>
|
||||
<li>
|
||||
<span>광고<a href="#"><img src="./images/icon-del.png"/></a></span>
|
||||
</li>
|
||||
<li>
|
||||
<span>술<a href="#"><img src="./images/icon-del.png"/></a></span>
|
||||
</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>조건</th>
|
||||
<td>
|
||||
<input type="radio" name="state" value="AND" id="popup_radio3" checked="">
|
||||
<label for="popup_radio3">AND</label>
|
||||
<input type="radio" name="state" value="OR" id="popup_radio4">
|
||||
<label for="popup_radio4">OR</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>차단사유</th>
|
||||
<td>
|
||||
<div>
|
||||
<select name="" id="">
|
||||
<option value="일반">일반</option>
|
||||
<option selected value="대출">대출</option>
|
||||
<option value="의약품">의약품</option>
|
||||
<option value="도박출">도박</option>
|
||||
<option value="스미싱">스미싱</option>
|
||||
<option value="기타">기타</option>
|
||||
</select>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>메모</th>
|
||||
<td class="sender"><textarea class="memo_text"></textarea></td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</form>
|
||||
<div class="popup-btn2">
|
||||
<button class="btn-pcolor">저장</button>
|
||||
<button class="btn-default" onClick="ModalClose();">취소</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
|
||||
}
|
||||
</script>
|
||||
193
frontend/src/modules/riskMgt/components/IntrcpDetailPopup.vue
Normal file
193
frontend/src/modules/riskMgt/components/IntrcpDetailPopup.vue
Normal file
@@ -0,0 +1,193 @@
|
||||
<template>
|
||||
|
||||
<div>
|
||||
<!-- s: 팝업 -->
|
||||
<div class="dimmed modal53"></div>
|
||||
<div class="popup-wrap modal53">
|
||||
|
||||
<!-- 발신번호 차단 수정 -->
|
||||
<div class="popup modal53 popup_form">
|
||||
<div class="pop-head">
|
||||
<h3 class="pop-tit">발신번호 차단 수정</h3>
|
||||
</div>
|
||||
<form autocomplete="off">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>발신번호</th>
|
||||
<td><input type="text" v-model.trim="blckSndrno"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>발송타입</th>
|
||||
<td>
|
||||
<div class="select_box">
|
||||
<select name="" id="" v-model.trim="sndblckTpCd" ref="sndblckTpCd">
|
||||
<option v-for="(option, i) in tpType" v-bind:value="option.code" v-bind:key="i">
|
||||
{{ option.codeNm }}
|
||||
</option>
|
||||
</select>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>차단사유</th>
|
||||
<td>
|
||||
<div class="select_box">
|
||||
<select name="" id="" v-model.trim="blckRsnCd" ref="blckRsnCd">
|
||||
<option v-for="(option, i) in rsnType" v-bind:value="option.code" v-bind:key="i">
|
||||
{{ option.codeNm }}
|
||||
</option>
|
||||
</select>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>메모</th>
|
||||
<td><input type="text" value="고객사요청" v-model.trim="meno" ref="meno"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>차단여부</th>
|
||||
<td>
|
||||
<input type="radio" name="state" value="해제" id="popup_radio1" checked="">
|
||||
<label for="popup_radio1">해제</label>
|
||||
<input type="radio" name="state" value="차단" id="popup_radio2">
|
||||
<label for="popup_radio2">차단</label>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</form>
|
||||
<div class="pop-btn2 pop-btn3">
|
||||
<button class="btn-pcolor" @click="IntrcpUpdateModal();">수정</button>
|
||||
<button class="btn-default" @click="IntrcpDetailModalClose();">취소</button>
|
||||
<button class="btn-p2color" @click="IntrcpDeleteModal()">삭제</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
//import api from '@/service/api';
|
||||
import riskMgtApi from '../service/riskMgtApi';
|
||||
import api from '@/service/api';
|
||||
export default {
|
||||
data(){
|
||||
return{
|
||||
row: {},
|
||||
rsnType: [],
|
||||
tpType: [],
|
||||
blckSndrno:'',
|
||||
sndblckTpCd:'',
|
||||
blckYn:'',
|
||||
chgDt:'',
|
||||
blckRsnCd:'',
|
||||
regId: '',
|
||||
meno: '',
|
||||
}
|
||||
},
|
||||
methods :{
|
||||
// 모달 띄우기
|
||||
async IntrcpDetailModalOpen(props){
|
||||
this.setCodeDate();
|
||||
this.row.blckSndrno = props.blcksndrno;
|
||||
try {
|
||||
const response = await riskMgtApi.intrcpDetail(this.row);
|
||||
const result = response.data;
|
||||
console.log(result);
|
||||
if (result != null && result.retCode == "0000") {
|
||||
this.blckSndrno = result.data.blcksndrno;
|
||||
this.sndblckTpCd = result.data.sndblckTpCd;
|
||||
this.blckYn = result.data.blckYn;
|
||||
this.blckRsnCd = result.data.blckRsnCd;
|
||||
this.chgDt = result.data.chgDt;
|
||||
this.regId = result.data.regId;
|
||||
this.meno = result.data.meno;
|
||||
}
|
||||
} catch(err) {
|
||||
alert("실패 하였습니다.");
|
||||
}
|
||||
var dimmed = document.getElementsByClassName('modal53');
|
||||
for(var i = 0; i < dimmed.length; i++){
|
||||
dimmed[i].style.display = 'block';
|
||||
}
|
||||
},
|
||||
setCodeDate(){
|
||||
// 발송타입
|
||||
api.commCode({'grpCd' : 'SNDBLCK_TP_CD'}).then(response => {
|
||||
this.tpType = response.data.data.list;
|
||||
});
|
||||
api.commCode({'grpCd' : 'SNDBLCK_RSN_CD'}).then(response => {
|
||||
this.rsnType = response.data.data.list;
|
||||
});
|
||||
},
|
||||
|
||||
IntrcpDetailModalClose(){
|
||||
//this.formReset();
|
||||
var dimmed = document.getElementsByClassName('modal53');
|
||||
for(var i = 0; i < dimmed.length; i++){
|
||||
dimmed[i].style.display = 'none';
|
||||
}
|
||||
},
|
||||
async IntrcpDeleteModal(){
|
||||
if(window.confirm('삭제 하시겠습니까?')){
|
||||
try {
|
||||
let response = await riskMgtApi.deleteIntrcp(this.row);
|
||||
const result = response.data;
|
||||
if (result != null && result.retCode == "0000") {
|
||||
alert('삭제 하였습니다.');
|
||||
// grid.reloadData();
|
||||
// this.$refs.table.reloadData();
|
||||
this.toComplete();
|
||||
}
|
||||
} catch(err) {
|
||||
alert("실패 하였습니다.");
|
||||
}
|
||||
}
|
||||
},
|
||||
async IntrcpUpdateModal(){
|
||||
if(window.confirm('수정 하시겠습니까?')){
|
||||
try {
|
||||
let response = await riskMgtApi.updateIntrcp(this.row);
|
||||
const result = response.data;
|
||||
if (result != null && result.retCode == "0000") {
|
||||
alert('수정 하였습니다.');
|
||||
this.toComplete();
|
||||
}
|
||||
} catch(err) {
|
||||
alert("실패 하였습니다.");
|
||||
}
|
||||
}
|
||||
},
|
||||
// 모달 끄기
|
||||
ModalClose(){
|
||||
//this.formReset();
|
||||
var dimmed = document.getElementsByClassName('dimmed');
|
||||
dimmed[0].style.display = 'none';
|
||||
var wrap = document.getElementsByClassName('popup-wrap');
|
||||
wrap[0].style.display = 'none';
|
||||
var popup = document.getElementsByClassName('modal53');
|
||||
popup[0].style.display = 'none';
|
||||
|
||||
},
|
||||
|
||||
toComplete(){
|
||||
this.$parent.$refs.table.reloadData();
|
||||
alert('1');
|
||||
this.ModalClose();
|
||||
},
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.popup-btn-wrap {width: 500px; margin: auto; padding: 100px 0;}
|
||||
.popup-btn-wrap button {width: 100%; margin-bottom: 10px; height: 50px; border-radius: 5px; box-shadow: none; border: 1px solid #000; }
|
||||
.popup-btn-wrap button:hover {background: #000; color: #fff;}
|
||||
</style>
|
||||
@@ -1,33 +1,33 @@
|
||||
import IntrcpList from '../views/IntrcpList'
|
||||
import ZezNum from '../views/ZezNum'
|
||||
import Msg from '../views/Msg'
|
||||
import All from '../views/All'
|
||||
|
||||
export default [
|
||||
{
|
||||
path: '/riskMgt/sendNum/intrcpList',
|
||||
component: IntrcpList,
|
||||
name: 'intrcpList',
|
||||
meta: { public: true }
|
||||
},
|
||||
{
|
||||
path: '/riskMgt/sendNum/zezNum',
|
||||
component: ZezNum,
|
||||
name: 'zezNum',
|
||||
meta: { public: true }
|
||||
},
|
||||
{
|
||||
path: '/riskMgt/sendNum/msg',
|
||||
component: Msg,
|
||||
name: 'msg',
|
||||
meta: { public: true }
|
||||
},
|
||||
{
|
||||
path: '/riskMgt/sendNum/all',
|
||||
component: All,
|
||||
name: 'all',
|
||||
meta: { public: true }
|
||||
},
|
||||
|
||||
]
|
||||
|
||||
import IntrcpList from '../views/IntrcpList'
|
||||
import ZezNum from '../views/ZezNum'
|
||||
import Msg from '../views/Msg'
|
||||
import All from '../views/All'
|
||||
|
||||
export default [
|
||||
{
|
||||
path: '/riskMgt/sendNum/intrcpList',
|
||||
component: IntrcpList,
|
||||
name: 'intrcpList',
|
||||
meta: { public: true }
|
||||
},
|
||||
{
|
||||
path: '/riskMgt/sendNum/zezNum',
|
||||
component: ZezNum,
|
||||
name: 'zezNum',
|
||||
meta: { public: true }
|
||||
},
|
||||
{
|
||||
path: '/riskMgt/sendNum/msg',
|
||||
component: Msg,
|
||||
name: 'msg',
|
||||
meta: { public: true }
|
||||
},
|
||||
{
|
||||
path: '/riskMgt/sendNum/all',
|
||||
component: All,
|
||||
name: 'all',
|
||||
meta: { public: true }
|
||||
},
|
||||
|
||||
]
|
||||
|
||||
|
||||
27
frontend/src/modules/riskMgt/service/riskMgtApi.js
Normal file
27
frontend/src/modules/riskMgt/service/riskMgtApi.js
Normal file
@@ -0,0 +1,27 @@
|
||||
import httpClient from '@/common/http-client'
|
||||
|
||||
// HUBEZ_BO_API_11004 발신번호 차단 수정
|
||||
const updateIntrcp = (params) => {
|
||||
return httpClient.post('/api/v1/bo/riskMgt/sendNum/updateIntrcp', params, { withCredentials: false });
|
||||
}
|
||||
|
||||
// HUBEZ_BO_API_11004 발신번호 차단 상세 정보 조회
|
||||
const intrcpDetail = (params) => {
|
||||
return httpClient.post('/api/v1/bo/riskMgt/sendNum/intrcpDetail', params, { withCredentials: false });
|
||||
}
|
||||
// HUBEZ_BO_API_11003 발신번호 차단 신규 등록
|
||||
const insertIntrcp = (params) => {
|
||||
return httpClient.post('/api/v1/bo/riskMgt/sendNum/insertIntrcp', params, { withCredentials: false });
|
||||
}
|
||||
|
||||
const deleteIntrcp = (params) => {
|
||||
return httpClient.post('/api/v1/bo/riskMgt/sendNum/deleteIntrcp', params, { withCredentials: false });
|
||||
}
|
||||
|
||||
|
||||
export default {
|
||||
updateIntrcp,
|
||||
intrcpDetail,
|
||||
insertIntrcp,
|
||||
deleteIntrcp
|
||||
}
|
||||
@@ -1,165 +1,245 @@
|
||||
<template>
|
||||
|
||||
<div class="contents">
|
||||
<div class="contents_wrap">
|
||||
<div class="top_wrap">
|
||||
<h3 class="title">차단 내역 목록 조회</h3>
|
||||
<p class="breadcrumb">시스템관리 > 관리자/유치채널 관리</p>
|
||||
</div>
|
||||
<form autocomplete="off" class="search_form">
|
||||
<div class="search_wrap">
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">권한</label>
|
||||
<select name="" id="right">
|
||||
<option value="전체">전체</option>
|
||||
<option value="대리점">대리점</option>
|
||||
<option value="운영자">운영자</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">상태</label>
|
||||
<select name="" id="right">
|
||||
<option value="전체">전체</option>
|
||||
<option value="사용">사용</option>
|
||||
<option value="중지">중지</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input_box id">
|
||||
<label for="id1" class="label">ID</label>
|
||||
<input type="text" id="id1" placeholder="검색어 입력"/>
|
||||
</div>
|
||||
<div class="input_box">
|
||||
<label for="name" class="label">이름(대리점명)</label>
|
||||
<input type="text" id="name" placeholder="검색어 입력"/>
|
||||
</div>
|
||||
<button type="button" class="button grey">조회</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="info">
|
||||
<div class="count">총 <span>100</span>건</div>
|
||||
<div class="button_group">
|
||||
<button type="button" class="button blue admin">관리자 등록</button>
|
||||
<button type="button" class="button blue channel">유지채널 등록</button>
|
||||
<button type="button" class="button white delete">삭제</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="table">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col width="5%"/>
|
||||
<col width="15%"/>
|
||||
<col width="15%"/>
|
||||
<col width="20%"/>
|
||||
<col width="20%"/>
|
||||
<col width="5%"/>
|
||||
<col width="20%"/>
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th><input type="checkbox" id="admin_check1"><label for="admin_check1"></label></th>
|
||||
<th>NO</th>
|
||||
<th>권한</th>
|
||||
<th>이름(대리점명)</th>
|
||||
<th>ID</th>
|
||||
<th>상태</th>
|
||||
<th>등록일</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><input type="checkbox" checked id="admin_check2"><label for="admin_check2"></label></td>
|
||||
<td>10</td>
|
||||
<td>대리점</td>
|
||||
<td>유플러스</td>
|
||||
<td><a href="javascript:void(0)">uplus1</a></td>
|
||||
<td>사용</td>
|
||||
<td>2022-03-10</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div> -->
|
||||
<div class="table">
|
||||
<custom-grid
|
||||
ref="table"
|
||||
:totalItems="'totalItems'"
|
||||
:url="testList.url"
|
||||
:perPage="testList.perPage"
|
||||
:initialRequest="testList.initialRequest"
|
||||
:pagination="testList.pagination"
|
||||
:isCheckbox="testList.isCheckbox"
|
||||
:columns="testList.columns"
|
||||
:noDataStr="testList.noDataStr"
|
||||
:addCls="testList.addCls"
|
||||
:header="testList.header"
|
||||
></custom-grid>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import customGrid from '@/components/CustomGrid';
|
||||
//import api from '../service/api';
|
||||
export default {
|
||||
name: 'intrcpList',
|
||||
data() {
|
||||
return {
|
||||
testList: {
|
||||
url: '/api/v1/bo/sysMgt/adminList',
|
||||
perPage: 20,
|
||||
pagination: true,
|
||||
isCheckbox: true,
|
||||
initialRequest: false,
|
||||
addCls: 'box_OFvis',
|
||||
|
||||
|
||||
header: [
|
||||
[
|
||||
{ header: 'NO', childNames: [] },
|
||||
{ header: '권한', childNames: [] },
|
||||
{ header: '이름(대리점명)', childNames: [] },
|
||||
{ header: 'ID', childNames: [] },
|
||||
{ header: '상태', childNames: [] },
|
||||
{ header: '등록일', childNames: [] }
|
||||
]
|
||||
],
|
||||
|
||||
columns: [
|
||||
{ name: 'no', header: 'NO', align: 'center', width: 60 },
|
||||
{ name: 'auth', header: '권한', align: 'left', width: 160 },
|
||||
{ name: 'name', header: '이름(대리점명)', align: 'center', width: 130},
|
||||
{ name: 'adminId', header: 'ID', align: 'center', width: 130},
|
||||
{ name: 'adminStat', header: '상태', align: 'center', width: 130},
|
||||
{ name: 'regDt', header: '등록일', width: 90, cls: 'td_line' }
|
||||
],
|
||||
noDataStr: '검색 결과가 없습니다.',
|
||||
// params: {
|
||||
// apprResult: '',
|
||||
// searchType: '',
|
||||
// searchText: '',
|
||||
// startDate: '',
|
||||
// endDate: ''
|
||||
// },
|
||||
excelHeader: []
|
||||
}
|
||||
};
|
||||
},
|
||||
components: {
|
||||
customGrid: customGrid
|
||||
},
|
||||
destroyed() {
|
||||
|
||||
},
|
||||
mounted() {
|
||||
let isKeep = false;
|
||||
isKeep = true;
|
||||
this.search(isKeep);
|
||||
},
|
||||
methods: {
|
||||
search: function(isKeep) {
|
||||
console.log(this.testList.params);
|
||||
this.$refs.table.search(this.testList.params, isKeep);
|
||||
},
|
||||
}
|
||||
};
|
||||
<template>
|
||||
|
||||
<div class="contents">
|
||||
|
||||
<div class="contents_wrap">
|
||||
<div class="top_wrap">
|
||||
<h3 class="title">차단내역</h3>
|
||||
<p class="breadcrumb">리스크관리 > 차단 내역</p>
|
||||
</div>
|
||||
<form autocomplete="off" class="search_form">
|
||||
<div class="search_wrap">
|
||||
<div class="group">
|
||||
<div class="input_box cal one">
|
||||
<label for="right" class="label">발송일</label>
|
||||
<input class="" type="text" id="" placeholder="2022-10-12">
|
||||
</div>
|
||||
<button type="button" class="button grey btn-a">오늘</button>
|
||||
<div class="select_box id">
|
||||
<label for="right" class="label">차단사유</label>
|
||||
<select name="" id="" v-model="grid.params.blckRsnCd">
|
||||
<option value="" selected>전체</option>
|
||||
<option value="">일반</option>
|
||||
<option value="">대출</option>
|
||||
<option value="">의약품</option>
|
||||
<option value="">도박</option>
|
||||
<option value="">스미싱</option>
|
||||
<option value="">기타</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">차단구분</label>
|
||||
<select name="" id="" v-model="grid.params.blckTpCd">
|
||||
<option value="" selected>전체</option>
|
||||
<option value="">발신번호차단</option>
|
||||
<option value="">메시지차단</option>
|
||||
<option value="">080수신번호차단</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="group">
|
||||
<div class="input_box">
|
||||
<label for="right" class="label">발신번호</label>
|
||||
<input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model="grid.params.sndrno">
|
||||
</div>
|
||||
<div class="input_box">
|
||||
<label for="right" class="label">수신번호</label>
|
||||
<input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model="grid.params.rcvno">
|
||||
</div>
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">상세검색</label>
|
||||
<select name="" id="" v-model="grid.params.searchType1">
|
||||
<option value="" selected>고객사명</option>
|
||||
<option value="">사업자번호</option>
|
||||
<option value="">발송ID</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input_box">
|
||||
<input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model="grid.params.searchText1">
|
||||
</div>
|
||||
<button type="button" class="button grey" @click="search">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="info">
|
||||
<div class="count">총 <span> {{ totalItems }} </span>건
|
||||
<div class="select_box NumberSe">
|
||||
<select name="" id="perpage" v-model="grid.pagePerRows" @keyup.enter="search">
|
||||
<option value="20">20</option>
|
||||
<option value="50" selected>50</option>
|
||||
<option value="100">100</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table">
|
||||
<custom-grid
|
||||
ref="table"
|
||||
:totalItems="'totalItems'"
|
||||
:url="grid.url"
|
||||
:pagePerRows="grid.pagePerRows"
|
||||
:initialRequest="grid.pagination"
|
||||
:pagination="grid.pagination"
|
||||
:isCheckbox="grid.isCheckbox"
|
||||
:columns="grid.columns"
|
||||
:noDataStr="grid.noDataStr"
|
||||
:addCls="grid.addCls"
|
||||
:header="grid.headder">
|
||||
</custom-grid>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import customGrid from '@/components/CustomGrid';
|
||||
//import api from '../service/api';
|
||||
class customBRegNo {
|
||||
constructor(props) {
|
||||
this.props = props;
|
||||
const el = document.createElement('td');
|
||||
var bizrno = String(props.colValue);
|
||||
el.innerText= bizrno;
|
||||
if(bizrno.length == 10){
|
||||
el.innerText= bizrno.substring(0,3)+'-'+bizrno.substring(3,5)+'-'+bizrno.substring(5,10)
|
||||
}
|
||||
this.el = el;
|
||||
}
|
||||
|
||||
getElement() {
|
||||
return this.el;
|
||||
}
|
||||
|
||||
addEvent(selEl) {
|
||||
}
|
||||
}
|
||||
export default {
|
||||
name: 'intrcpList',
|
||||
data() {
|
||||
return {
|
||||
totalItems: 0,
|
||||
grid: {
|
||||
url: '/api/v1/bo/riskMgt/web/intrcpList',
|
||||
perPage: 20,
|
||||
pagination: true,
|
||||
isCheckbox: false,
|
||||
initialRequest: false,
|
||||
addCls: 'box_OFvis',
|
||||
header: [
|
||||
[
|
||||
{ header: 'NO', childNames: [] },
|
||||
{ header: '차단구분', childNames: [] },
|
||||
{ header: '발송ID', childNames: [] },
|
||||
{ header: '발신번호', childNames: [] },
|
||||
{ header: '고객사명', childNames: [] },
|
||||
{ header: '사업자번호', childNames: [] },
|
||||
{ header: '수신번호', childNames: [] },
|
||||
{ header: '차단사유', childNames: [] },
|
||||
{ header: '발송일자', childNames: [] }
|
||||
]
|
||||
],
|
||||
|
||||
columns: [
|
||||
{ name: 'no', header: 'NO', align: 'center', width: 60 },
|
||||
{ name: 'blckTpCd', header: '차단구분', align: 'center', width: 160 },
|
||||
{ name: 'userId', header: '발송ID', align: 'center', width: 100, renderer: {type: customBRegNo}},
|
||||
{ name: 'sndrno', header: '발신번호', align: 'center', width: 130},
|
||||
{ name: 'custNm', header: '고객사명', align: 'center', width: 130},
|
||||
{ name: 'bizrno', header: '사업자번호', align: 'center', width: 90, renderer: {type: customBRegNo} },
|
||||
{ name: 'rcvno', header: '수신번호', align: 'center', width: 90 },
|
||||
{ name: 'blckRsnCd', header: '차단사유', align: 'center', width: 90 },
|
||||
{ name: 'blckDt', header: '발송일자', align: 'center', width: 90 },
|
||||
|
||||
],
|
||||
noDataStr: '검색 결과가 없습니다.',
|
||||
params: {
|
||||
blckDt: '',
|
||||
blckRsnCd: '',
|
||||
blckTpCd: '',
|
||||
sndrno: '',
|
||||
rcvno: '',
|
||||
searchType1: '',
|
||||
searchText1: ''
|
||||
},
|
||||
excelHeader: []
|
||||
}
|
||||
};
|
||||
},
|
||||
components: {
|
||||
customGrid: customGrid
|
||||
},
|
||||
destroyed() {
|
||||
this.$store.commit('searchcondition/updateSearchCondition', {
|
||||
page: 1,
|
||||
perPage: 20,
|
||||
params: {
|
||||
blckDt: '',
|
||||
blckRsnCd: '',
|
||||
blckTpCd: '',
|
||||
sndrno: '',
|
||||
rcvno: '',
|
||||
searchType1: '',
|
||||
searchText1: ''
|
||||
}
|
||||
});
|
||||
},
|
||||
created(){
|
||||
this.$store.commit("login/isLogin", true);
|
||||
this.$store.commit("login/isAuthChk", true);
|
||||
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
|
||||
},
|
||||
mounted() {
|
||||
let page = 1;
|
||||
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
|
||||
|
||||
let isKeep = false;
|
||||
if(getCondition) {
|
||||
this.grid.pagePerRows = getCondition.perPage;
|
||||
this.grid.params = getCondition.params;
|
||||
page = getCondition.page;
|
||||
isKeep = true;
|
||||
}
|
||||
this.search(isKeep);
|
||||
},
|
||||
methods: {
|
||||
search: function(isKeep) {
|
||||
console.log(this.grid.params);
|
||||
this.$refs.table.search(this.grid.params, isKeep);
|
||||
this.sendStoreData();
|
||||
},
|
||||
sendStoreData: function() {
|
||||
const getP = this.$refs.table.getPagination();
|
||||
console.log("==========getP : " + getP);
|
||||
this.$store.commit('searchcondition/updateSearchCondition', {
|
||||
page: getP._currentPage,
|
||||
perPage: this.perPageCnt,
|
||||
params: {
|
||||
blckDt: '',
|
||||
blckRsnCd: '',
|
||||
blckTpCd: '',
|
||||
sndrno: '',
|
||||
rcvno: '',
|
||||
searchType1: '',
|
||||
searchText1: ''
|
||||
}
|
||||
});
|
||||
|
||||
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
|
||||
//console.log("getCondition : "+ getCondition.perPage);
|
||||
}
|
||||
},
|
||||
beforeRouteLeave(to, from, next) {
|
||||
|
||||
const getP = this.$refs.table.getPagination();
|
||||
console.log("==========getP : " + getP._currentPage);
|
||||
this.$store.commit('searchcondition/updateSearchCondition', {
|
||||
page: getP._currentPage,
|
||||
perPage: this.perPageCnt,
|
||||
params: this.grid.params
|
||||
});
|
||||
// 라우트 하기전 실행
|
||||
next();
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@@ -1,165 +1,251 @@
|
||||
<template>
|
||||
|
||||
<div class="contents">
|
||||
<div class="contents_wrap">
|
||||
<div class="top_wrap">
|
||||
<h3 class="title">발신번호 차단 목록 조회</h3>
|
||||
<p class="breadcrumb">시스템관리 > 관리자/유치채널 관리</p>
|
||||
</div>
|
||||
<form autocomplete="off" class="search_form">
|
||||
<div class="search_wrap">
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">권한</label>
|
||||
<select name="" id="right">
|
||||
<option value="전체">전체</option>
|
||||
<option value="대리점">대리점</option>
|
||||
<option value="운영자">운영자</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">상태</label>
|
||||
<select name="" id="right">
|
||||
<option value="전체">전체</option>
|
||||
<option value="사용">사용</option>
|
||||
<option value="중지">중지</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input_box id">
|
||||
<label for="id1" class="label">ID</label>
|
||||
<input type="text" id="id1" placeholder="검색어 입력"/>
|
||||
</div>
|
||||
<div class="input_box">
|
||||
<label for="name" class="label">이름(대리점명)</label>
|
||||
<input type="text" id="name" placeholder="검색어 입력"/>
|
||||
</div>
|
||||
<button type="button" class="button grey">조회</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="info">
|
||||
<div class="count">총 <span>100</span>건</div>
|
||||
<div class="button_group">
|
||||
<button type="button" class="button blue admin">관리자 등록</button>
|
||||
<button type="button" class="button blue channel">유지채널 등록</button>
|
||||
<button type="button" class="button white delete">삭제</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="table">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col width="5%"/>
|
||||
<col width="15%"/>
|
||||
<col width="15%"/>
|
||||
<col width="20%"/>
|
||||
<col width="20%"/>
|
||||
<col width="5%"/>
|
||||
<col width="20%"/>
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th><input type="checkbox" id="admin_check1"><label for="admin_check1"></label></th>
|
||||
<th>NO</th>
|
||||
<th>권한</th>
|
||||
<th>이름(대리점명)</th>
|
||||
<th>ID</th>
|
||||
<th>상태</th>
|
||||
<th>등록일</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><input type="checkbox" checked id="admin_check2"><label for="admin_check2"></label></td>
|
||||
<td>10</td>
|
||||
<td>대리점</td>
|
||||
<td>유플러스</td>
|
||||
<td><a href="javascript:void(0)">uplus1</a></td>
|
||||
<td>사용</td>
|
||||
<td>2022-03-10</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div> -->
|
||||
<div class="table">
|
||||
<custom-grid
|
||||
ref="table"
|
||||
:totalItems="'totalItems'"
|
||||
:url="testList.url"
|
||||
:perPage="testList.perPage"
|
||||
:initialRequest="testList.initialRequest"
|
||||
:pagination="testList.pagination"
|
||||
:isCheckbox="testList.isCheckbox"
|
||||
:columns="testList.columns"
|
||||
:noDataStr="testList.noDataStr"
|
||||
:addCls="testList.addCls"
|
||||
:header="testList.header"
|
||||
></custom-grid>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import customGrid from '@/components/CustomGrid';
|
||||
//import api from '../service/api';
|
||||
export default {
|
||||
name: 'intrcpList',
|
||||
data() {
|
||||
return {
|
||||
testList: {
|
||||
url: '/api/v1/bo/sysMgt/adminList',
|
||||
perPage: 20,
|
||||
pagination: true,
|
||||
isCheckbox: true,
|
||||
initialRequest: false,
|
||||
addCls: 'box_OFvis',
|
||||
|
||||
|
||||
header: [
|
||||
[
|
||||
{ header: 'NO', childNames: [] },
|
||||
{ header: '권한', childNames: [] },
|
||||
{ header: '이름(대리점명)', childNames: [] },
|
||||
{ header: 'ID', childNames: [] },
|
||||
{ header: '상태', childNames: [] },
|
||||
{ header: '등록일', childNames: [] }
|
||||
]
|
||||
],
|
||||
|
||||
columns: [
|
||||
{ name: 'no', header: 'NO', align: 'center', width: 60 },
|
||||
{ name: 'auth', header: '권한', align: 'left', width: 160 },
|
||||
{ name: 'name', header: '이름(대리점명)', align: 'center', width: 130},
|
||||
{ name: 'adminId', header: 'ID', align: 'center', width: 130},
|
||||
{ name: 'adminStat', header: '상태', align: 'center', width: 130},
|
||||
{ name: 'regDt', header: '등록일', width: 90, cls: 'td_line' }
|
||||
],
|
||||
noDataStr: '검색 결과가 없습니다.',
|
||||
// params: {
|
||||
// apprResult: '',
|
||||
// searchType: '',
|
||||
// searchText: '',
|
||||
// startDate: '',
|
||||
// endDate: ''
|
||||
// },
|
||||
excelHeader: []
|
||||
}
|
||||
};
|
||||
},
|
||||
components: {
|
||||
customGrid: customGrid
|
||||
},
|
||||
destroyed() {
|
||||
|
||||
},
|
||||
mounted() {
|
||||
let isKeep = false;
|
||||
isKeep = true;
|
||||
this.search(isKeep);
|
||||
},
|
||||
methods: {
|
||||
search: function(isKeep) {
|
||||
console.log(this.testList.params);
|
||||
this.$refs.table.search(this.testList.params, isKeep);
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<template>
|
||||
|
||||
<div class="contents">
|
||||
<div class="contents_wrap">
|
||||
<div class="top_wrap">
|
||||
<h3 class="title">발신번호 차단</h3>
|
||||
<p class="breadcrumb">리스크관리 > 발신번호 차단</p>
|
||||
</div>
|
||||
<form autocomplete="off" class="search_form">
|
||||
<div class="search_wrap">
|
||||
<div class="group">
|
||||
<div class="input_box">
|
||||
<label for="regId" class="label">등록자</label>
|
||||
<input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model="grid.params.regId" v-on:keydown.enter.prevent="search"/>
|
||||
</div>
|
||||
<div class="select_box">
|
||||
<label for="blckRsnCd" class="label">차단사유</label>
|
||||
<select name="" id="blckRsnCd" v-model="grid.params.blckRsnCd" @keyup="search">
|
||||
<option value="" selected>전체</option>
|
||||
<option value="">일반</option>
|
||||
<option value="">대출</option>
|
||||
<option value="">의약품</option>
|
||||
<option value="">도박</option>
|
||||
<option value="">스미싱</option>
|
||||
<option value="">기타</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="group">
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">차단여부</label>
|
||||
<select name="" id="" v-model="grid.params.blckYn">
|
||||
<option value="" selected>전체</option>
|
||||
<option value="">차단</option>
|
||||
<option value="">해제</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">발송타입</label>
|
||||
<select name="" id="" v-model="grid.params.sndblckTpCd">
|
||||
<option value="" selected>전체</option>
|
||||
<option value="">공용</option>
|
||||
<option value="">문자</option>
|
||||
<option value="">RCS</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input_box">
|
||||
<label for="right" class="label">발신번호</label>
|
||||
<input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model="grid.params.blcksndrno">
|
||||
</div>
|
||||
<button type="button" class="button grey" @click="search">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="info">
|
||||
<div class="count">총 <span>{{ totalItems }}</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>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="button_group">
|
||||
<button type="button" class="button blue add" @click="ModalOpen()">신규등록</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"
|
||||
></custom-grid>
|
||||
</div>
|
||||
<insert-intrcp-pop ref="insertIntrcpPop"> </insert-intrcp-pop>
|
||||
<intrcp-detail-popup ref="intrcpDetailPopup"></intrcp-detail-popup>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import customGrid from '@/components/CustomGrid';
|
||||
import api from '@/service/api.js';
|
||||
import intrcpDetailPopup from '../components/IntrcpDetailPopup';
|
||||
import insertIntrcpPop from '../components/InsertIntrcpPop';
|
||||
//import api from '../service/api';
|
||||
|
||||
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)
|
||||
this.el = el;
|
||||
}
|
||||
|
||||
getElement() {
|
||||
return this.el;
|
||||
}
|
||||
|
||||
addEvent(selEl) {
|
||||
selEl.addEventListener("click", () => {
|
||||
const { callback } = this.props["cgrido" + this.props.colName].options;
|
||||
callback(this.props);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
export default {
|
||||
name: 'intrcpList',
|
||||
data() {
|
||||
return {
|
||||
totalItems: 0,
|
||||
perPageCnt: 50,
|
||||
options: [
|
||||
{ text: '20', value: 20},
|
||||
{ text: '50', value: 50},
|
||||
{ text: '100', value: 100}
|
||||
],
|
||||
grid: {
|
||||
url: '/api/v1/bo/riskMgt/sendNum/intrcpList',
|
||||
perPage: 20,
|
||||
pagination: true,
|
||||
isCheckbox: false,
|
||||
initialRequest: false,
|
||||
addCls: 'box_OFvis',
|
||||
header: [
|
||||
[
|
||||
{ header: 'NO', childNames: [] },
|
||||
{ header: '발신번호', childNames: [] },
|
||||
{ header: '차단여부', childNames: [] },
|
||||
{ header: '발송타입', childNames: [] },
|
||||
{ header: '최근수정일', childNames: [] },
|
||||
{ header: '차단사유', childNames: [] },
|
||||
{ header: '등록자', childNames: [] }
|
||||
]
|
||||
],
|
||||
|
||||
columns: [
|
||||
{ name: 'no', header: 'NO', align: 'center', width: 50 },
|
||||
{ name: 'blcksndrno', header: '발신번호', align: 'center', width: 160,
|
||||
renderer: { type: CustomATagRenderer, options: { callback: this.inDetailPop} } },
|
||||
{ name: 'blckYn', header: '차단여부', align: 'center', width: 100},
|
||||
{ name: 'sndblckTpCd', header: '발송타입', align: 'center', width: 100},
|
||||
{ name: 'lastChgDt', header: '최근수정일', align: 'center', width: 100},
|
||||
{ name: 'blckRsnCd', header: '차단사유', width: 100, cls: 'td_line' },
|
||||
{ name: 'regId', header: '등록자', width: 150 }
|
||||
],
|
||||
noDataStr: '검색 결과가 없습니다.',
|
||||
params: {
|
||||
regId: '',
|
||||
blckRsnCd: '',
|
||||
blckYn: '',
|
||||
sndblckTpCd: '',
|
||||
blcksndrno: ''
|
||||
},
|
||||
excelHeader: []
|
||||
}
|
||||
};
|
||||
},
|
||||
components: {
|
||||
customGrid: customGrid,
|
||||
intrcpDetailPopup,
|
||||
insertIntrcpPop
|
||||
},
|
||||
destroyed() {
|
||||
|
||||
},
|
||||
created(){
|
||||
this.$store.commit("login/isLogin", true);
|
||||
this.$store.commit("login/isAuthChk", true);
|
||||
this.setCodeData();
|
||||
// this.formReset();
|
||||
},
|
||||
mounted() {
|
||||
let page = 1;
|
||||
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
|
||||
|
||||
let isKeep = false;
|
||||
if(getCondition) {
|
||||
this.grid.pagePerRows = getCondition.perPage;
|
||||
this.grid.params = getCondition.params;
|
||||
page = getCondition.page;
|
||||
isKeep = true;
|
||||
}
|
||||
this.search(isKeep);
|
||||
},
|
||||
methods: {
|
||||
search: function(isKeep) {
|
||||
console.log(this.grid.params);
|
||||
this.$refs.table.search(this.grid.params, isKeep);
|
||||
this.sendStoreData();
|
||||
},
|
||||
sendStoreData: function() {
|
||||
const getP = this.$refs.table.getPagination();
|
||||
console.log("==========getP : " + getP._currentPage);
|
||||
this.$store.commit('searchcondition/updateSearchCondition', {
|
||||
page: getP._currentPage,
|
||||
perPage: this.perPageCnt,
|
||||
params: this.grid.params
|
||||
});
|
||||
|
||||
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
|
||||
console.log("getCondition : "+ getCondition.perPage);
|
||||
},
|
||||
setCodeData() {
|
||||
// 상태 옵션 셋팅.
|
||||
api.commCode({'grpCd' : 'SVCUSER_STTUS_CD'}).then(response => {
|
||||
this.statType = response.data.data.list;
|
||||
});
|
||||
//
|
||||
api.commCode({'grpCd' : 'SVCUSER_TP_CD'}).then(response => {
|
||||
this.userType = response.data.data.list;
|
||||
});
|
||||
},
|
||||
ModalOpen: function(){
|
||||
this.$refs.insertIntrcpPop.ModalOpen();
|
||||
},
|
||||
inDetailPop(props) {
|
||||
this.$refs.intrcpDetailPopup.IntrcpDetailModalOpen(props);
|
||||
},
|
||||
// formReset(){
|
||||
// var type= this.insertType;
|
||||
// Object.assign(this.$data, this.$options.data());
|
||||
// this.insertType = type;
|
||||
// },
|
||||
|
||||
},
|
||||
beforeRouteLeave(to, from, next) {
|
||||
|
||||
const getP = this.$refs.table.getPagination();
|
||||
console.log("==========getP : " + getP._currentPage);
|
||||
this.$store.commit('searchcondition/updateSearchCondition', {
|
||||
page: getP._currentPage,
|
||||
perPage: this.perPageCnt,
|
||||
params: this.grid.params
|
||||
});
|
||||
// 라우트 하기전 실행
|
||||
next();
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
@@ -1,165 +1,183 @@
|
||||
<template>
|
||||
|
||||
<div class="contents">
|
||||
<div class="contents_wrap">
|
||||
<div class="top_wrap">
|
||||
<h3 class="title">메시지 차단 목록 조회</h3>
|
||||
<p class="breadcrumb">시스템관리 > 관리자/유치채널 관리</p>
|
||||
</div>
|
||||
<form autocomplete="off" class="search_form">
|
||||
<div class="search_wrap">
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">권한</label>
|
||||
<select name="" id="right">
|
||||
<option value="전체">전체</option>
|
||||
<option value="대리점">대리점</option>
|
||||
<option value="운영자">운영자</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">상태</label>
|
||||
<select name="" id="right">
|
||||
<option value="전체">전체</option>
|
||||
<option value="사용">사용</option>
|
||||
<option value="중지">중지</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input_box id">
|
||||
<label for="id1" class="label">ID</label>
|
||||
<input type="text" id="id1" placeholder="검색어 입력"/>
|
||||
</div>
|
||||
<div class="input_box">
|
||||
<label for="name" class="label">이름(대리점명)</label>
|
||||
<input type="text" id="name" placeholder="검색어 입력"/>
|
||||
</div>
|
||||
<button type="button" class="button grey">조회</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="info">
|
||||
<div class="count">총 <span>100</span>건</div>
|
||||
<div class="button_group">
|
||||
<button type="button" class="button blue admin">관리자 등록</button>
|
||||
<button type="button" class="button blue channel">유지채널 등록</button>
|
||||
<button type="button" class="button white delete">삭제</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="table">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col width="5%"/>
|
||||
<col width="15%"/>
|
||||
<col width="15%"/>
|
||||
<col width="20%"/>
|
||||
<col width="20%"/>
|
||||
<col width="5%"/>
|
||||
<col width="20%"/>
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th><input type="checkbox" id="admin_check1"><label for="admin_check1"></label></th>
|
||||
<th>NO</th>
|
||||
<th>권한</th>
|
||||
<th>이름(대리점명)</th>
|
||||
<th>ID</th>
|
||||
<th>상태</th>
|
||||
<th>등록일</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><input type="checkbox" checked id="admin_check2"><label for="admin_check2"></label></td>
|
||||
<td>10</td>
|
||||
<td>대리점</td>
|
||||
<td>유플러스</td>
|
||||
<td><a href="javascript:void(0)">uplus1</a></td>
|
||||
<td>사용</td>
|
||||
<td>2022-03-10</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div> -->
|
||||
<div class="table">
|
||||
<custom-grid
|
||||
ref="table"
|
||||
:totalItems="'totalItems'"
|
||||
:url="testList.url"
|
||||
:perPage="testList.perPage"
|
||||
:initialRequest="testList.initialRequest"
|
||||
:pagination="testList.pagination"
|
||||
:isCheckbox="testList.isCheckbox"
|
||||
:columns="testList.columns"
|
||||
:noDataStr="testList.noDataStr"
|
||||
:addCls="testList.addCls"
|
||||
:header="testList.header"
|
||||
></custom-grid>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import customGrid from '@/components/CustomGrid';
|
||||
//import api from '../service/api';
|
||||
export default {
|
||||
name: 'intrcpList',
|
||||
data() {
|
||||
return {
|
||||
testList: {
|
||||
url: '/api/v1/bo/sysMgt/adminList',
|
||||
perPage: 20,
|
||||
pagination: true,
|
||||
isCheckbox: true,
|
||||
initialRequest: false,
|
||||
addCls: 'box_OFvis',
|
||||
|
||||
|
||||
header: [
|
||||
[
|
||||
{ header: 'NO', childNames: [] },
|
||||
{ header: '권한', childNames: [] },
|
||||
{ header: '이름(대리점명)', childNames: [] },
|
||||
{ header: 'ID', childNames: [] },
|
||||
{ header: '상태', childNames: [] },
|
||||
{ header: '등록일', childNames: [] }
|
||||
]
|
||||
],
|
||||
|
||||
columns: [
|
||||
{ name: 'no', header: 'NO', align: 'center', width: 60 },
|
||||
{ name: 'auth', header: '권한', align: 'left', width: 160 },
|
||||
{ name: 'name', header: '이름(대리점명)', align: 'center', width: 130},
|
||||
{ name: 'adminId', header: 'ID', align: 'center', width: 130},
|
||||
{ name: 'adminStat', header: '상태', align: 'center', width: 130},
|
||||
{ name: 'regDt', header: '등록일', width: 90, cls: 'td_line' }
|
||||
],
|
||||
noDataStr: '검색 결과가 없습니다.',
|
||||
// params: {
|
||||
// apprResult: '',
|
||||
// searchType: '',
|
||||
// searchText: '',
|
||||
// startDate: '',
|
||||
// endDate: ''
|
||||
// },
|
||||
excelHeader: []
|
||||
}
|
||||
};
|
||||
},
|
||||
components: {
|
||||
customGrid: customGrid
|
||||
},
|
||||
destroyed() {
|
||||
|
||||
},
|
||||
mounted() {
|
||||
let isKeep = false;
|
||||
isKeep = true;
|
||||
this.search(isKeep);
|
||||
},
|
||||
methods: {
|
||||
search: function(isKeep) {
|
||||
console.log(this.testList.params);
|
||||
this.$refs.table.search(this.testList.params, isKeep);
|
||||
},
|
||||
}
|
||||
};
|
||||
<template>
|
||||
|
||||
<div class="contents">
|
||||
<div class="contents_wrap">
|
||||
<div class="top_wrap">
|
||||
<h3 class="title">메시지 차단</h3>
|
||||
<p class="breadcrumb">리스크관리 > 메시지 차단</p>
|
||||
</div>
|
||||
<form autocomplete="off" class="search_form">
|
||||
<div class="search_wrap">
|
||||
<div class="input_box">
|
||||
<label for="regId" class="label">등록자</label>
|
||||
<input class="search-box" type="text" id="regId" placeholder="검색어 입력" v-model="grid.params.regId" v-on:keydown.enter.prevent="search"/>
|
||||
</div>
|
||||
<div class="select_box">
|
||||
<label for="blckRsnCd" class="label">차단사유</label>
|
||||
<select name="" id="blckRsnCd" v-model="grid.params.blckRsnCd" @keyup="search">
|
||||
<option value="" selected>전체</option>
|
||||
<option value="">일반</option>
|
||||
<option value="">대출</option>
|
||||
<option value="">의약품</option>
|
||||
<option value="">도박</option>
|
||||
<option value="">스미싱</option>
|
||||
<option value="">기타</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input_box">
|
||||
<label for="word" class="label">차단메시지</label>
|
||||
<input class="search-box" type="text" id="word" placeholder="검색어 입력" v-model="grid.params.word" v-on:keydown.enter.prevent="search" />
|
||||
</div>
|
||||
<button type="button" class="button grey" @click="search">조회</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="info">
|
||||
<div class="count">총 <span> {{ totalItems}} </span>건
|
||||
<div class="select_box NumberSe">
|
||||
<select name="" id="perpage" v-model="grid.pagePerRows" @keyup.enter="search">
|
||||
<option value="20">20</option>
|
||||
<option value="50" selected>50</option>
|
||||
<option value="100">100</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="button_group">
|
||||
<button type="button" class="button blue add">신규등록</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table">
|
||||
<custom-grid
|
||||
ref="table"
|
||||
:totalItems="'totalItems'"
|
||||
:url="grid.url"
|
||||
:perPage="grid.perPage"
|
||||
:initialRequest="grid.initialRequest"
|
||||
:pagination="grid.pagination"
|
||||
:isCheckbox="grid.isCheckbox"
|
||||
:columns="grid.columns"
|
||||
:noDataStr="grid.noDataStr"
|
||||
:addCls="grid.addCls"
|
||||
:header="grid.header"
|
||||
></custom-grid>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import customGrid from '@/components/CustomGrid';
|
||||
//import api from '../service/api';
|
||||
export default {
|
||||
name: 'intrcpList',
|
||||
data() {
|
||||
return {
|
||||
totalItems: 0,
|
||||
// 테이블 리스트 데이터
|
||||
perPageCnt: 20,
|
||||
grid: {
|
||||
url: '/api/v1/bo/riskMgt/msg/intrcpList',
|
||||
perPage: 20,
|
||||
pagination: true,
|
||||
isCheckbox: true,
|
||||
initialRequest: false,
|
||||
addCls: 'box_OFvis',
|
||||
|
||||
|
||||
header: [
|
||||
[
|
||||
{ header: 'NO', childNames: [] },
|
||||
{ header: '차단메시지', childNames: [] },
|
||||
{ header: '차단여부', childNames: [] },
|
||||
{ header: '마지막 수정일', childNames: [] },
|
||||
{ header: '차단사유', childNames: [] },
|
||||
{ header: '등록자', childNames: [] }
|
||||
]
|
||||
],
|
||||
|
||||
columns: [
|
||||
{ name: 'no', header: 'NO', align: 'center', width: 60 },
|
||||
{ name: 'word', header: '차단메시지', align: 'center', width: 160 },
|
||||
{ name: 'blckYn', header: '차단여부', align: 'center', width: 130},
|
||||
{ name: 'lastChgDt', header: '마지막 수정일', align: 'center', width: 130},
|
||||
{ name: 'blckRsnCd', header: '차단사유', align: 'center', width: 130},
|
||||
{ name: 'regId', header: '등록자', width: 90, cls: 'td_line' }
|
||||
],
|
||||
noDataStr: '검색 결과가 없습니다.',
|
||||
params: {
|
||||
regId: '',
|
||||
blckRsnCd: '',
|
||||
word: ''
|
||||
},
|
||||
excelHeader: []
|
||||
}
|
||||
};
|
||||
},
|
||||
components: {
|
||||
customGrid: customGrid
|
||||
},
|
||||
destroyed() {
|
||||
this.$store.commit('searchcondition/updateSearchCondition', {
|
||||
page: 1,
|
||||
perPage: 20,
|
||||
params: {
|
||||
regId: '',
|
||||
blckRsnCd: '',
|
||||
word: ''
|
||||
}
|
||||
});
|
||||
},
|
||||
created(){
|
||||
this.$store.commit("login/isLogin", true);
|
||||
this.$store.commit("login/isAuthChk", true);
|
||||
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
|
||||
},
|
||||
mounted() {
|
||||
let page = 1;
|
||||
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
|
||||
|
||||
let isKeep = false;
|
||||
if(getCondition) {
|
||||
this.grid.pagePerRows = getCondition.perPage;
|
||||
this.grid.params = getCondition.params;
|
||||
page = getCondition.page;
|
||||
isKeep = true;
|
||||
}
|
||||
this.search(isKeep);
|
||||
},
|
||||
methods: {
|
||||
search: function(isKeep) {
|
||||
console.log(this.grid.params);
|
||||
this.$refs.table.search(this.grid.params, isKeep);
|
||||
this.sendStoreData();
|
||||
},
|
||||
sendStoreData: function() {
|
||||
const getP = this.$refs.table.getPagination();
|
||||
console.log("==========getP : " + getP);
|
||||
this.$store.commit('searchcondition/updateSearchCondition', {
|
||||
page: getP._currentPage,
|
||||
perPage: this.perPageCnt,
|
||||
params: {
|
||||
regId: '',
|
||||
blckRsnCd: '',
|
||||
word: ''
|
||||
}
|
||||
});
|
||||
|
||||
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
|
||||
//console.log("getCondition : "+ getCondition.perPage);
|
||||
}
|
||||
},
|
||||
beforeRouteLeave(to, from, next) {
|
||||
|
||||
const getP = this.$refs.table.getPagination();
|
||||
console.log("==========getP : " + getP._currentPage);
|
||||
this.$store.commit('searchcondition/updateSearchCondition', {
|
||||
page: getP._currentPage,
|
||||
perPage: this.perPageCnt,
|
||||
params: this.grid.params
|
||||
});
|
||||
// 라우트 하기전 실행
|
||||
next();
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@@ -1,165 +1,191 @@
|
||||
<template>
|
||||
|
||||
<div class="contents">
|
||||
<div class="contents_wrap">
|
||||
<div class="top_wrap">
|
||||
<h3 class="title">080수신번호 차단 목록 조회</h3>
|
||||
<p class="breadcrumb">시스템관리 > 관리자/유치채널 관리</p>
|
||||
</div>
|
||||
<form autocomplete="off" class="search_form">
|
||||
<div class="search_wrap">
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">권한</label>
|
||||
<select name="" id="right">
|
||||
<option value="전체">전체</option>
|
||||
<option value="대리점">대리점</option>
|
||||
<option value="운영자">운영자</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">상태</label>
|
||||
<select name="" id="right">
|
||||
<option value="전체">전체</option>
|
||||
<option value="사용">사용</option>
|
||||
<option value="중지">중지</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input_box id">
|
||||
<label for="id1" class="label">ID</label>
|
||||
<input type="text" id="id1" placeholder="검색어 입력"/>
|
||||
</div>
|
||||
<div class="input_box">
|
||||
<label for="name" class="label">이름(대리점명)</label>
|
||||
<input type="text" id="name" placeholder="검색어 입력"/>
|
||||
</div>
|
||||
<button type="button" class="button grey">조회</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="info">
|
||||
<div class="count">총 <span>100</span>건</div>
|
||||
<div class="button_group">
|
||||
<button type="button" class="button blue admin">관리자 등록</button>
|
||||
<button type="button" class="button blue channel">유지채널 등록</button>
|
||||
<button type="button" class="button white delete">삭제</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="table">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col width="5%"/>
|
||||
<col width="15%"/>
|
||||
<col width="15%"/>
|
||||
<col width="20%"/>
|
||||
<col width="20%"/>
|
||||
<col width="5%"/>
|
||||
<col width="20%"/>
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th><input type="checkbox" id="admin_check1"><label for="admin_check1"></label></th>
|
||||
<th>NO</th>
|
||||
<th>권한</th>
|
||||
<th>이름(대리점명)</th>
|
||||
<th>ID</th>
|
||||
<th>상태</th>
|
||||
<th>등록일</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><input type="checkbox" checked id="admin_check2"><label for="admin_check2"></label></td>
|
||||
<td>10</td>
|
||||
<td>대리점</td>
|
||||
<td>유플러스</td>
|
||||
<td><a href="javascript:void(0)">uplus1</a></td>
|
||||
<td>사용</td>
|
||||
<td>2022-03-10</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div> -->
|
||||
<div class="table">
|
||||
<custom-grid
|
||||
ref="table"
|
||||
:totalItems="'totalItems'"
|
||||
:url="testList.url"
|
||||
:perPage="testList.perPage"
|
||||
:initialRequest="testList.initialRequest"
|
||||
:pagination="testList.pagination"
|
||||
:isCheckbox="testList.isCheckbox"
|
||||
:columns="testList.columns"
|
||||
:noDataStr="testList.noDataStr"
|
||||
:addCls="testList.addCls"
|
||||
:header="testList.header"
|
||||
></custom-grid>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import customGrid from '@/components/CustomGrid';
|
||||
//import api from '../service/api';
|
||||
export default {
|
||||
name: 'intrcpList',
|
||||
data() {
|
||||
return {
|
||||
testList: {
|
||||
url: '/api/v1/bo/sysMgt/adminList',
|
||||
perPage: 20,
|
||||
pagination: true,
|
||||
isCheckbox: true,
|
||||
initialRequest: false,
|
||||
addCls: 'box_OFvis',
|
||||
|
||||
|
||||
header: [
|
||||
[
|
||||
{ header: 'NO', childNames: [] },
|
||||
{ header: '권한', childNames: [] },
|
||||
{ header: '이름(대리점명)', childNames: [] },
|
||||
{ header: 'ID', childNames: [] },
|
||||
{ header: '상태', childNames: [] },
|
||||
{ header: '등록일', childNames: [] }
|
||||
]
|
||||
],
|
||||
|
||||
columns: [
|
||||
{ name: 'no', header: 'NO', align: 'center', width: 60 },
|
||||
{ name: 'auth', header: '권한', align: 'left', width: 160 },
|
||||
{ name: 'name', header: '이름(대리점명)', align: 'center', width: 130},
|
||||
{ name: 'adminId', header: 'ID', align: 'center', width: 130},
|
||||
{ name: 'adminStat', header: '상태', align: 'center', width: 130},
|
||||
{ name: 'regDt', header: '등록일', width: 90, cls: 'td_line' }
|
||||
],
|
||||
noDataStr: '검색 결과가 없습니다.',
|
||||
// params: {
|
||||
// apprResult: '',
|
||||
// searchType: '',
|
||||
// searchText: '',
|
||||
// startDate: '',
|
||||
// endDate: ''
|
||||
// },
|
||||
excelHeader: []
|
||||
}
|
||||
};
|
||||
},
|
||||
components: {
|
||||
customGrid: customGrid
|
||||
},
|
||||
destroyed() {
|
||||
|
||||
},
|
||||
mounted() {
|
||||
let isKeep = false;
|
||||
isKeep = true;
|
||||
this.search(isKeep);
|
||||
},
|
||||
methods: {
|
||||
search: function(isKeep) {
|
||||
console.log(this.testList.params);
|
||||
this.$refs.table.search(this.testList.params, isKeep);
|
||||
},
|
||||
}
|
||||
};
|
||||
<template>
|
||||
|
||||
<div class="contents">
|
||||
|
||||
<div class="contents_wrap">
|
||||
<div class="top_wrap">
|
||||
<h3 class="title">080 수신번호 차단</h3>
|
||||
<p class="breadcrumb">리스크관리 > 080 수신번호 차단</p>
|
||||
</div>
|
||||
<form autocomplete="off" class="search_form">
|
||||
<div class="search_wrap">
|
||||
<div class="input_box">
|
||||
<label for="search" class="label">고객사</label>
|
||||
<input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model="grid.params.custNm"/>
|
||||
</div>
|
||||
<div class="input_box">
|
||||
<label for="search" class="label">인증코드</label>
|
||||
<input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model="grid.params.authcd080"/>
|
||||
</div>
|
||||
<div class="input_box">
|
||||
<label for="right" class="label">수신번호</label>
|
||||
<input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model="grid.params.rcvblckno"/>
|
||||
</div>
|
||||
<button type="button" class="button grey" @click="search">조회</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="info">
|
||||
<div class="count">총 <span> {{ totalItems }} </span>건
|
||||
<div class="select_box NumberSe">
|
||||
<select name="" id="perpage" v-model="grid.pagePerRows" @keyup.enter="search">
|
||||
<option value="20">20</option>
|
||||
<option value="50" selected>50</option>
|
||||
<option value="100">100</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table">
|
||||
<custom-grid
|
||||
ref="table"
|
||||
:totalItems="'totalItems'"
|
||||
:url="grid.url"
|
||||
:pagePerRows="grid.pagePerRows"
|
||||
:initialRequest="grid.pagination"
|
||||
:pagination="grid.pagination"
|
||||
:isCheckbox="grid.isCheckbox"
|
||||
:columns="grid.columns"
|
||||
:noDataStr="grid.noDataStr"
|
||||
:addCls="grid.addCls"
|
||||
:header="grid.headder">
|
||||
</custom-grid>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import customGrid from '@/components/CustomGrid';
|
||||
//import api from '../service/api';
|
||||
class customBRegNo {
|
||||
constructor(props) {
|
||||
this.props = props;
|
||||
const el = document.createElement('td');
|
||||
var bizrno = String(props.colValue);
|
||||
el.innerText= bizrno;
|
||||
if(bizrno.length == 10){
|
||||
el.innerText= bizrno.substring(0,3)+'-'+bizrno.substring(3,5)+'-'+bizrno.substring(5,10)
|
||||
}
|
||||
this.el = el;
|
||||
}
|
||||
|
||||
getElement() {
|
||||
return this.el;
|
||||
}
|
||||
|
||||
addEvent(selEl) {
|
||||
}
|
||||
}
|
||||
export default {
|
||||
name: 'intrcpList',
|
||||
data() {
|
||||
return {
|
||||
totalItems: 0,
|
||||
grid: {
|
||||
url: '/api/v1/bo/riskMgt/zezNum/intrcpList',
|
||||
perPage: 20,
|
||||
pagination: true,
|
||||
isCheckbox: false,
|
||||
initialRequest: false,
|
||||
addCls: 'box_OFvis',
|
||||
header: [
|
||||
[
|
||||
{ header: 'NO', childNames: [] },
|
||||
{ header: '고객사', childNames: [] },
|
||||
{ header: '사업자번호', childNames: [] },
|
||||
{ header: '인증코드', childNames: [] },
|
||||
{ header: '수신번호', childNames: [] },
|
||||
{ header: '등록일', childNames: [] },
|
||||
{ header: '등록구분', childNames: [] }
|
||||
]
|
||||
],
|
||||
|
||||
columns: [
|
||||
{ name: 'no', header: 'NO', align: 'center', width: 60 },
|
||||
{ name: 'custNm', header: '고객사', align: 'center', width: 160 },
|
||||
{ name: 'bizrno', header: '사업자번호', align: 'center', width: 100, renderer: {type: customBRegNo}},
|
||||
{ name: 'authcd080', header: '인증코드', align: 'center', width: 130},
|
||||
{ name: 'rcvblckno', header: '수신번호', align: 'center', width: 130},
|
||||
{ name: 'regDt', header: '등록일', align: 'center', width: 130},
|
||||
{ name: 'regTpCd', header: '등록구분', width: 90, cls: 'td_line' }
|
||||
],
|
||||
noDataStr: '검색 결과가 없습니다.',
|
||||
params: {
|
||||
regTpCd: '',
|
||||
authcd080: '',
|
||||
rcvblckno: ''
|
||||
},
|
||||
excelHeader: []
|
||||
}
|
||||
};
|
||||
},
|
||||
components: {
|
||||
customGrid: customGrid
|
||||
},
|
||||
destroyed() {
|
||||
this.$store.commit('searchcondition/updateSearchCondition', {
|
||||
page: 1,
|
||||
perPage: 20,
|
||||
params: {
|
||||
regTpCd: '',
|
||||
authcd080: '',
|
||||
rcvblckno: ''
|
||||
}
|
||||
});
|
||||
},
|
||||
created(){
|
||||
this.$store.commit("login/isLogin", true);
|
||||
this.$store.commit("login/isAuthChk", true);
|
||||
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
|
||||
},
|
||||
mounted() {
|
||||
let page = 1;
|
||||
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
|
||||
|
||||
let isKeep = false;
|
||||
if(getCondition) {
|
||||
this.grid.pagePerRows = getCondition.perPage;
|
||||
this.grid.params = getCondition.params;
|
||||
page = getCondition.page;
|
||||
isKeep = true;
|
||||
}
|
||||
this.search(isKeep);
|
||||
},
|
||||
methods: {
|
||||
search: function(isKeep) {
|
||||
console.log(this.grid.params);
|
||||
this.$refs.table.search(this.grid.params, isKeep);
|
||||
this.sendStoreData();
|
||||
},
|
||||
sendStoreData: function() {
|
||||
const getP = this.$refs.table.getPagination();
|
||||
console.log("==========getP : " + getP);
|
||||
this.$store.commit('searchcondition/updateSearchCondition', {
|
||||
page: getP._currentPage,
|
||||
perPage: this.perPageCnt,
|
||||
params: {
|
||||
regTpCd: '',
|
||||
authcd080: '',
|
||||
rcvblckno: ''
|
||||
}
|
||||
});
|
||||
|
||||
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
|
||||
//console.log("getCondition : "+ getCondition.perPage);
|
||||
}
|
||||
},
|
||||
beforeRouteLeave(to, from, next) {
|
||||
|
||||
const getP = this.$refs.table.getPagination();
|
||||
console.log("==========getP : " + getP._currentPage);
|
||||
this.$store.commit('searchcondition/updateSearchCondition', {
|
||||
page: getP._currentPage,
|
||||
perPage: this.perPageCnt,
|
||||
params: this.grid.params
|
||||
});
|
||||
// 라우트 하기전 실행
|
||||
next();
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@@ -1,26 +1,26 @@
|
||||
import ProfileList from '../views/ProfileList'
|
||||
import NumberList from '../views/NumberList'
|
||||
import ApprList from '../views/ApprList'
|
||||
|
||||
export default [
|
||||
{
|
||||
path: '/sendNumMgt/profileList',
|
||||
component: ProfileList,
|
||||
name: 'profileList',
|
||||
meta: { public: true }
|
||||
},
|
||||
{
|
||||
path: '/sendNumMgt/numberList',
|
||||
component: NumberList,
|
||||
name: 'numberList',
|
||||
meta: { public: true }
|
||||
},
|
||||
{
|
||||
path: '/sendNumMgt/apprList',
|
||||
component: ApprList,
|
||||
name: 'apprList',
|
||||
meta: { public: true }
|
||||
},
|
||||
|
||||
]
|
||||
|
||||
import ProfileList from '../views/ProfileList'
|
||||
import NumberList from '../views/NumberList'
|
||||
import ApprList from '../views/ApprList'
|
||||
|
||||
export default [
|
||||
{
|
||||
path: '/sendNumMgt/profileList',
|
||||
component: ProfileList,
|
||||
name: 'profileList',
|
||||
meta: { public: true }
|
||||
},
|
||||
{
|
||||
path: '/sendNumMgt/numberList',
|
||||
component: NumberList,
|
||||
name: 'numberList',
|
||||
meta: { public: true }
|
||||
},
|
||||
{
|
||||
path: '/sendNumMgt/apprList',
|
||||
component: ApprList,
|
||||
name: 'apprList',
|
||||
meta: { public: true }
|
||||
},
|
||||
|
||||
]
|
||||
|
||||
|
||||
@@ -1,165 +1,165 @@
|
||||
<template>
|
||||
|
||||
<div class="contents">
|
||||
<div class="contents_wrap">
|
||||
<div class="top_wrap">
|
||||
<h3 class="title">발신번호 승인 목록 조회</h3>
|
||||
<p class="breadcrumb">시스템관리 > 관리자/유치채널 관리</p>
|
||||
</div>
|
||||
<form autocomplete="off" class="search_form">
|
||||
<div class="search_wrap">
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">권한</label>
|
||||
<select name="" id="right">
|
||||
<option value="전체">전체</option>
|
||||
<option value="대리점">대리점</option>
|
||||
<option value="운영자">운영자</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">상태</label>
|
||||
<select name="" id="right">
|
||||
<option value="전체">전체</option>
|
||||
<option value="사용">사용</option>
|
||||
<option value="중지">중지</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input_box id">
|
||||
<label for="id1" class="label">ID</label>
|
||||
<input type="text" id="id1" placeholder="검색어 입력"/>
|
||||
</div>
|
||||
<div class="input_box">
|
||||
<label for="name" class="label">이름(대리점명)</label>
|
||||
<input type="text" id="name" placeholder="검색어 입력"/>
|
||||
</div>
|
||||
<button type="button" class="button grey">조회</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="info">
|
||||
<div class="count">총 <span>100</span>건</div>
|
||||
<div class="button_group">
|
||||
<button type="button" class="button blue admin">관리자 등록</button>
|
||||
<button type="button" class="button blue channel">유지채널 등록</button>
|
||||
<button type="button" class="button white delete">삭제</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="table">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col width="5%"/>
|
||||
<col width="15%"/>
|
||||
<col width="15%"/>
|
||||
<col width="20%"/>
|
||||
<col width="20%"/>
|
||||
<col width="5%"/>
|
||||
<col width="20%"/>
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th><input type="checkbox" id="admin_check1"><label for="admin_check1"></label></th>
|
||||
<th>NO</th>
|
||||
<th>권한</th>
|
||||
<th>이름(대리점명)</th>
|
||||
<th>ID</th>
|
||||
<th>상태</th>
|
||||
<th>등록일</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><input type="checkbox" checked id="admin_check2"><label for="admin_check2"></label></td>
|
||||
<td>10</td>
|
||||
<td>대리점</td>
|
||||
<td>유플러스</td>
|
||||
<td><a href="javascript:void(0)">uplus1</a></td>
|
||||
<td>사용</td>
|
||||
<td>2022-03-10</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div> -->
|
||||
<div class="table">
|
||||
<custom-grid
|
||||
ref="table"
|
||||
:totalItems="'totalItems'"
|
||||
:url="testList.url"
|
||||
:perPage="testList.perPage"
|
||||
:initialRequest="testList.initialRequest"
|
||||
:pagination="testList.pagination"
|
||||
:isCheckbox="testList.isCheckbox"
|
||||
:columns="testList.columns"
|
||||
:noDataStr="testList.noDataStr"
|
||||
:addCls="testList.addCls"
|
||||
:header="testList.header"
|
||||
></custom-grid>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import customGrid from '@/components/CustomGrid';
|
||||
//import api from '../service/api';
|
||||
export default {
|
||||
name: 'profileList',
|
||||
data() {
|
||||
return {
|
||||
testList: {
|
||||
url: '/api/v1/bo/sysMgt/adminList',
|
||||
perPage: 20,
|
||||
pagination: true,
|
||||
isCheckbox: true,
|
||||
initialRequest: false,
|
||||
addCls: 'box_OFvis',
|
||||
|
||||
|
||||
header: [
|
||||
[
|
||||
{ header: 'NO', childNames: [] },
|
||||
{ header: '권한', childNames: [] },
|
||||
{ header: '이름(대리점명)', childNames: [] },
|
||||
{ header: 'ID', childNames: [] },
|
||||
{ header: '상태', childNames: [] },
|
||||
{ header: '등록일', childNames: [] }
|
||||
]
|
||||
],
|
||||
|
||||
columns: [
|
||||
{ name: 'no', header: 'NO', align: 'center', width: 60 },
|
||||
{ name: 'auth', header: '권한', align: 'left', width: 160 },
|
||||
{ name: 'name', header: '이름(대리점명)', align: 'center', width: 130},
|
||||
{ name: 'adminId', header: 'ID', align: 'center', width: 130},
|
||||
{ name: 'adminStat', header: '상태', align: 'center', width: 130},
|
||||
{ name: 'regDt', header: '등록일', width: 90, cls: 'td_line' }
|
||||
],
|
||||
noDataStr: '검색 결과가 없습니다.',
|
||||
// params: {
|
||||
// apprResult: '',
|
||||
// searchType: '',
|
||||
// searchText: '',
|
||||
// startDate: '',
|
||||
// endDate: ''
|
||||
// },
|
||||
excelHeader: []
|
||||
}
|
||||
};
|
||||
},
|
||||
components: {
|
||||
customGrid: customGrid
|
||||
},
|
||||
destroyed() {
|
||||
|
||||
},
|
||||
mounted() {
|
||||
let isKeep = false;
|
||||
isKeep = true;
|
||||
this.search(isKeep);
|
||||
},
|
||||
methods: {
|
||||
search: function(isKeep) {
|
||||
console.log(this.testList.params);
|
||||
this.$refs.table.search(this.testList.params, isKeep);
|
||||
},
|
||||
}
|
||||
};
|
||||
<template>
|
||||
|
||||
<div class="contents">
|
||||
<div class="contents_wrap">
|
||||
<div class="top_wrap">
|
||||
<h3 class="title">발신번호 승인 목록 조회</h3>
|
||||
<p class="breadcrumb">시스템관리 > 관리자/유치채널 관리</p>
|
||||
</div>
|
||||
<form autocomplete="off" class="search_form">
|
||||
<div class="search_wrap">
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">권한</label>
|
||||
<select name="" id="right">
|
||||
<option value="전체">전체</option>
|
||||
<option value="대리점">대리점</option>
|
||||
<option value="운영자">운영자</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">상태</label>
|
||||
<select name="" id="right">
|
||||
<option value="전체">전체</option>
|
||||
<option value="사용">사용</option>
|
||||
<option value="중지">중지</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input_box id">
|
||||
<label for="id1" class="label">ID</label>
|
||||
<input type="text" id="id1" placeholder="검색어 입력"/>
|
||||
</div>
|
||||
<div class="input_box">
|
||||
<label for="name" class="label">이름(대리점명)</label>
|
||||
<input type="text" id="name" placeholder="검색어 입력"/>
|
||||
</div>
|
||||
<button type="button" class="button grey">조회</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="info">
|
||||
<div class="count">총 <span>100</span>건</div>
|
||||
<div class="button_group">
|
||||
<button type="button" class="button blue admin">관리자 등록</button>
|
||||
<button type="button" class="button blue channel">유지채널 등록</button>
|
||||
<button type="button" class="button white delete">삭제</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="table">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col width="5%"/>
|
||||
<col width="15%"/>
|
||||
<col width="15%"/>
|
||||
<col width="20%"/>
|
||||
<col width="20%"/>
|
||||
<col width="5%"/>
|
||||
<col width="20%"/>
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th><input type="checkbox" id="admin_check1"><label for="admin_check1"></label></th>
|
||||
<th>NO</th>
|
||||
<th>권한</th>
|
||||
<th>이름(대리점명)</th>
|
||||
<th>ID</th>
|
||||
<th>상태</th>
|
||||
<th>등록일</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><input type="checkbox" checked id="admin_check2"><label for="admin_check2"></label></td>
|
||||
<td>10</td>
|
||||
<td>대리점</td>
|
||||
<td>유플러스</td>
|
||||
<td><a href="javascript:void(0)">uplus1</a></td>
|
||||
<td>사용</td>
|
||||
<td>2022-03-10</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div> -->
|
||||
<div class="table">
|
||||
<custom-grid
|
||||
ref="table"
|
||||
:totalItems="'totalItems'"
|
||||
:url="testList.url"
|
||||
:perPage="testList.perPage"
|
||||
:initialRequest="testList.initialRequest"
|
||||
:pagination="testList.pagination"
|
||||
:isCheckbox="testList.isCheckbox"
|
||||
:columns="testList.columns"
|
||||
:noDataStr="testList.noDataStr"
|
||||
:addCls="testList.addCls"
|
||||
:header="testList.header"
|
||||
></custom-grid>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import customGrid from '@/components/CustomGrid';
|
||||
//import api from '../service/api';
|
||||
export default {
|
||||
name: 'profileList',
|
||||
data() {
|
||||
return {
|
||||
testList: {
|
||||
url: '/api/v1/bo/sysMgt/adminList',
|
||||
perPage: 20,
|
||||
pagination: true,
|
||||
isCheckbox: true,
|
||||
initialRequest: false,
|
||||
addCls: 'box_OFvis',
|
||||
|
||||
|
||||
header: [
|
||||
[
|
||||
{ header: 'NO', childNames: [] },
|
||||
{ header: '권한', childNames: [] },
|
||||
{ header: '이름(대리점명)', childNames: [] },
|
||||
{ header: 'ID', childNames: [] },
|
||||
{ header: '상태', childNames: [] },
|
||||
{ header: '등록일', childNames: [] }
|
||||
]
|
||||
],
|
||||
|
||||
columns: [
|
||||
{ name: 'no', header: 'NO', align: 'center', width: 60 },
|
||||
{ name: 'auth', header: '권한', align: 'left', width: 160 },
|
||||
{ name: 'name', header: '이름(대리점명)', align: 'center', width: 130},
|
||||
{ name: 'adminId', header: 'ID', align: 'center', width: 130},
|
||||
{ name: 'adminStat', header: '상태', align: 'center', width: 130},
|
||||
{ name: 'regDt', header: '등록일', width: 90, cls: 'td_line' }
|
||||
],
|
||||
noDataStr: '검색 결과가 없습니다.',
|
||||
// params: {
|
||||
// apprResult: '',
|
||||
// searchType: '',
|
||||
// searchText: '',
|
||||
// startDate: '',
|
||||
// endDate: ''
|
||||
// },
|
||||
excelHeader: []
|
||||
}
|
||||
};
|
||||
},
|
||||
components: {
|
||||
customGrid: customGrid
|
||||
},
|
||||
destroyed() {
|
||||
|
||||
},
|
||||
mounted() {
|
||||
let isKeep = false;
|
||||
isKeep = true;
|
||||
this.search(isKeep);
|
||||
},
|
||||
methods: {
|
||||
search: function(isKeep) {
|
||||
console.log(this.testList.params);
|
||||
this.$refs.table.search(this.testList.params, isKeep);
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@@ -1,165 +1,229 @@
|
||||
<template>
|
||||
|
||||
<div class="contents">
|
||||
<div class="contents_wrap">
|
||||
<div class="top_wrap">
|
||||
<h3 class="title">문자 발신 번호 목록 조회</h3>
|
||||
<p class="breadcrumb">시스템관리 > 관리자/유치채널 관리</p>
|
||||
</div>
|
||||
<form autocomplete="off" class="search_form">
|
||||
<div class="search_wrap">
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">권한</label>
|
||||
<select name="" id="right">
|
||||
<option value="전체">전체</option>
|
||||
<option value="대리점">대리점</option>
|
||||
<option value="운영자">운영자</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">상태</label>
|
||||
<select name="" id="right">
|
||||
<option value="전체">전체</option>
|
||||
<option value="사용">사용</option>
|
||||
<option value="중지">중지</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input_box id">
|
||||
<label for="id1" class="label">ID</label>
|
||||
<input type="text" id="id1" placeholder="검색어 입력"/>
|
||||
</div>
|
||||
<div class="input_box">
|
||||
<label for="name" class="label">이름(대리점명)</label>
|
||||
<input type="text" id="name" placeholder="검색어 입력"/>
|
||||
</div>
|
||||
<button type="button" class="button grey">조회</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="info">
|
||||
<div class="count">총 <span>100</span>건</div>
|
||||
<div class="button_group">
|
||||
<button type="button" class="button blue admin">관리자 등록</button>
|
||||
<button type="button" class="button blue channel">유지채널 등록</button>
|
||||
<button type="button" class="button white delete">삭제</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="table">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col width="5%"/>
|
||||
<col width="15%"/>
|
||||
<col width="15%"/>
|
||||
<col width="20%"/>
|
||||
<col width="20%"/>
|
||||
<col width="5%"/>
|
||||
<col width="20%"/>
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th><input type="checkbox" id="admin_check1"><label for="admin_check1"></label></th>
|
||||
<th>NO</th>
|
||||
<th>권한</th>
|
||||
<th>이름(대리점명)</th>
|
||||
<th>ID</th>
|
||||
<th>상태</th>
|
||||
<th>등록일</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><input type="checkbox" checked id="admin_check2"><label for="admin_check2"></label></td>
|
||||
<td>10</td>
|
||||
<td>대리점</td>
|
||||
<td>유플러스</td>
|
||||
<td><a href="javascript:void(0)">uplus1</a></td>
|
||||
<td>사용</td>
|
||||
<td>2022-03-10</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div> -->
|
||||
<div class="table">
|
||||
<custom-grid
|
||||
ref="table"
|
||||
:totalItems="'totalItems'"
|
||||
:url="testList.url"
|
||||
:perPage="testList.perPage"
|
||||
:initialRequest="testList.initialRequest"
|
||||
:pagination="testList.pagination"
|
||||
:isCheckbox="testList.isCheckbox"
|
||||
:columns="testList.columns"
|
||||
:noDataStr="testList.noDataStr"
|
||||
:addCls="testList.addCls"
|
||||
:header="testList.header"
|
||||
></custom-grid>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import customGrid from '@/components/CustomGrid';
|
||||
//import api from '../service/api';
|
||||
export default {
|
||||
name: 'profileList',
|
||||
data() {
|
||||
return {
|
||||
testList: {
|
||||
url: '/api/v1/bo/sysMgt/adminList',
|
||||
perPage: 20,
|
||||
pagination: true,
|
||||
isCheckbox: true,
|
||||
initialRequest: false,
|
||||
addCls: 'box_OFvis',
|
||||
|
||||
|
||||
header: [
|
||||
[
|
||||
{ header: 'NO', childNames: [] },
|
||||
{ header: '권한', childNames: [] },
|
||||
{ header: '이름(대리점명)', childNames: [] },
|
||||
{ header: 'ID', childNames: [] },
|
||||
{ header: '상태', childNames: [] },
|
||||
{ header: '등록일', childNames: [] }
|
||||
]
|
||||
],
|
||||
|
||||
columns: [
|
||||
{ name: 'no', header: 'NO', align: 'center', width: 60 },
|
||||
{ name: 'auth', header: '권한', align: 'left', width: 160 },
|
||||
{ name: 'name', header: '이름(대리점명)', align: 'center', width: 130},
|
||||
{ name: 'adminId', header: 'ID', align: 'center', width: 130},
|
||||
{ name: 'adminStat', header: '상태', align: 'center', width: 130},
|
||||
{ name: 'regDt', header: '등록일', width: 90, cls: 'td_line' }
|
||||
],
|
||||
noDataStr: '검색 결과가 없습니다.',
|
||||
// params: {
|
||||
// apprResult: '',
|
||||
// searchType: '',
|
||||
// searchText: '',
|
||||
// startDate: '',
|
||||
// endDate: ''
|
||||
// },
|
||||
excelHeader: []
|
||||
}
|
||||
};
|
||||
},
|
||||
components: {
|
||||
customGrid: customGrid
|
||||
},
|
||||
destroyed() {
|
||||
|
||||
},
|
||||
mounted() {
|
||||
let isKeep = false;
|
||||
isKeep = true;
|
||||
this.search(isKeep);
|
||||
},
|
||||
methods: {
|
||||
search: function(isKeep) {
|
||||
console.log(this.testList.params);
|
||||
this.$refs.table.search(this.testList.params, isKeep);
|
||||
},
|
||||
}
|
||||
};
|
||||
<template>
|
||||
|
||||
<div class="contents">
|
||||
<div class="contents_wrap">
|
||||
<div class="top_wrap">
|
||||
<h3 class="title">문자 발신 번호 목록 조회</h3>
|
||||
<p class="breadcrumb">발신번호관리 > 문자 발신 번호 목록 조회</p>
|
||||
</div>
|
||||
<form autocomplete="off" class="search_form">
|
||||
<div class="search_wrap">
|
||||
<div class="group">
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">승인상태</label>
|
||||
<select name="" id="sttusCd" v-model="grid.params.searchType1" @keyup.enter="search">
|
||||
<option value="">전체</option>
|
||||
<option value="01">승인대기</option>
|
||||
<option value="02">승인완료</option>
|
||||
<option value="03">반려</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">명의자 구분</label>
|
||||
<select name="" id="nmineeDivCd" v-model="grid.params.searchType2" @keyup.enter="search">
|
||||
<option value="">전체</option>
|
||||
<option value="01">사업자</option>
|
||||
<option value="02">타사업자</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">인입채널</label>
|
||||
<select name="" id="inchDivCd" v-model="grid.params.searchType3" @keyup.enter="search">
|
||||
<option value="">전체</option>
|
||||
<option value="01">홈페이지</option>
|
||||
<option value="02">어드민</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="select_box id">
|
||||
<label for="right" class="label">상세검색</label>
|
||||
<select name="" id="category" v-model="grid.params.searchType4" @keyup.enter="search">
|
||||
<option value="bregNo">사업자번호</option>
|
||||
<option selected value="regNo">발신번호</option>
|
||||
<option value="custNm">고객사명</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input_box">
|
||||
<input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model="grid.params.searchText1" v-on:keydown.enter.prevent="search"/>
|
||||
</div>
|
||||
<button type="button" class="button grey" @click="search">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="info">
|
||||
<div class="count">총 <span>{{ totalItems }}</span>건
|
||||
<div class="select_box NumberSe">
|
||||
<select name="" id="perPage" v-model="grid.pagePerRows" @keyup.enter="search">
|
||||
<option value="20" selected>20</option>
|
||||
<option value="50" >50</option>
|
||||
<option value="100">100</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="button_group">
|
||||
<button type="button" class="button blue add" @click="numberRegPopOpen();">등록</button>
|
||||
<button type="button" class="button white del">삭제</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"
|
||||
></custom-grid>
|
||||
</div>
|
||||
<!-- <number-reg-pop ref="numberRegPop"> </number-reg-pop> -->
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import customGrid from '@/components/CustomGrid';
|
||||
// import NumberRegPop from '../components/NumberRegPop';
|
||||
export default {
|
||||
name: 'numberList',
|
||||
data() {
|
||||
return {
|
||||
row: {},
|
||||
authType: [],
|
||||
statType: [],
|
||||
cate2Code: "",
|
||||
totalItems: 0,
|
||||
// 테이블 리스트 데이터
|
||||
perPageCnt: 20,
|
||||
grid: {
|
||||
url: '/api/v1/bo/sendNumMgt/numberList',
|
||||
perPage: 20,
|
||||
pagination: true,
|
||||
isCheckbox: true,
|
||||
initialRequest: false,
|
||||
addCls: 'box_OFvis',
|
||||
header: [
|
||||
[
|
||||
{ header: 'NO', childNames: [] },
|
||||
{ header: '고객사명', childNames: [] },
|
||||
{ header: '관리자ID', childNames: [] },
|
||||
{ header: '등록자ID', childNames: [] },
|
||||
{ header: '사업자번호', childNames: [] },
|
||||
{ header: '명의자 구분', childNames: [] },
|
||||
{ header: '인입채널', childNames: [] },
|
||||
{ header: '발신번호', childNames: [] },
|
||||
{ header: '승인상태', childNames: [] },
|
||||
{ header: '등록일자', childNames: [] }
|
||||
]
|
||||
],
|
||||
|
||||
columns: [
|
||||
{ name: 'no', header: 'NO', align: 'center', width: 50 },
|
||||
{ name: 'custNm', header: '고객사명', align: 'left', width: 50 },
|
||||
{ name: 'adminId', header: '관리자ID', align: 'left', width: 100 },
|
||||
{ name: 'register', header: '등록자ID', align: 'left', width: 100 },
|
||||
{ name: 'bRegNo', header: '사업자번호', align: 'center', width: 100},
|
||||
{ name: 'nmineeDivCd', header: '명의자 구분', align: 'center', width: 100},
|
||||
{ name: 'inchDivCd', header: '인입채널', align: 'center', width: 100},
|
||||
{ name: 'regNo', header: '발신번호', align: 'center', width: 100},
|
||||
{ name: 'sttusCd', header: '승인상태', align: 'center', width: 100},
|
||||
{ name: 'regDt', header: '등록일자', width: 100, cls: 'td_line' }
|
||||
],
|
||||
noDataStr: '검색 결과가 없습니다.',
|
||||
params: {
|
||||
searchType1: '',
|
||||
searchType2: '',
|
||||
searchType3: '',
|
||||
searchType4: '',
|
||||
searchText1: '',
|
||||
pagePerRows: '',
|
||||
page: ''
|
||||
},
|
||||
excelHeader: []
|
||||
}
|
||||
};
|
||||
},
|
||||
components: {
|
||||
customGrid: customGrid,
|
||||
// NumberRegPop
|
||||
},
|
||||
created(){
|
||||
this.$store.commit("login/isLogin", true);
|
||||
this.$store.commit("login/isAuthChk", true);
|
||||
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
|
||||
},
|
||||
destroyed() {
|
||||
this.$store.commit('searchcondition/updateSearchCondition', {
|
||||
page: 1,
|
||||
perPage: 20,
|
||||
params: {
|
||||
searchType1: '',
|
||||
searchType2: '',
|
||||
searchType3: '',
|
||||
searchType4: '',
|
||||
searchText1: '',
|
||||
pagePerRows: '',
|
||||
page: ''}
|
||||
});
|
||||
},
|
||||
mounted() {
|
||||
let page = 1;
|
||||
// 페이지 정보 및 검색 조건
|
||||
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
|
||||
// store에 저장된 페이지 정보 및 검색 조건을 불러오기
|
||||
let isKeep = false;
|
||||
if (getCondition) {
|
||||
this.grid.pagePerRows = getCondition.perPage;
|
||||
this.grid.params = getCondition.params;
|
||||
page = getCondition.page;
|
||||
isKeep = true;
|
||||
}
|
||||
this.search(isKeep);
|
||||
|
||||
},
|
||||
methods: {
|
||||
search: function(isKeep) {
|
||||
console.log(this.grid.params);
|
||||
this.$refs.table.search(this.grid.params, isKeep);
|
||||
this.sendStoreData();
|
||||
},
|
||||
sendStoreData: function() {
|
||||
const getP = this.$refs.table.getPagination();
|
||||
console.log("==========getP : " + getP);
|
||||
this.$store.commit('searchcondition/updateSearchCondition', {
|
||||
page: getP._currentPage,
|
||||
perPage: this.perPageCnt,
|
||||
params: {
|
||||
searchType1: '',
|
||||
searchType2: '',
|
||||
searchType3: '',
|
||||
searchType4: '',
|
||||
searchText1: '',
|
||||
pagePerRows: '',
|
||||
page: ''
|
||||
}
|
||||
});
|
||||
|
||||
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
|
||||
},
|
||||
numberRegPopOpen: function(){
|
||||
this.$refs.numberRegPop.ModalOpen();
|
||||
},
|
||||
},
|
||||
beforeRouteLeave(to, from, next) {
|
||||
|
||||
const getP = this.$refs.table.getPagination();
|
||||
console.log("==========getP : " + getP._currentPage);
|
||||
this.$store.commit('searchcondition/updateSearchCondition', {
|
||||
page: getP._currentPage,
|
||||
perPage: this.perPageCnt,
|
||||
params: this.grid.params
|
||||
});
|
||||
// 라우트 하기전 실행
|
||||
next();
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@@ -1,165 +1,208 @@
|
||||
<template>
|
||||
|
||||
<div class="contents">
|
||||
<div class="contents_wrap">
|
||||
<div class="top_wrap">
|
||||
<h3 class="title">발신 프로필 목록 조회</h3>
|
||||
<p class="breadcrumb">시스템관리 > 관리자/유치채널 관리</p>
|
||||
</div>
|
||||
<form autocomplete="off" class="search_form">
|
||||
<div class="search_wrap">
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">권한</label>
|
||||
<select name="" id="right">
|
||||
<option value="전체">전체</option>
|
||||
<option value="대리점">대리점</option>
|
||||
<option value="운영자">운영자</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">상태</label>
|
||||
<select name="" id="right">
|
||||
<option value="전체">전체</option>
|
||||
<option value="사용">사용</option>
|
||||
<option value="중지">중지</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input_box id">
|
||||
<label for="id1" class="label">ID</label>
|
||||
<input type="text" id="id1" placeholder="검색어 입력"/>
|
||||
</div>
|
||||
<div class="input_box">
|
||||
<label for="name" class="label">이름(대리점명)</label>
|
||||
<input type="text" id="name" placeholder="검색어 입력"/>
|
||||
</div>
|
||||
<button type="button" class="button grey">조회</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="info">
|
||||
<div class="count">총 <span>100</span>건</div>
|
||||
<div class="button_group">
|
||||
<button type="button" class="button blue admin">관리자 등록</button>
|
||||
<button type="button" class="button blue channel">유지채널 등록</button>
|
||||
<button type="button" class="button white delete">삭제</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="table">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col width="5%"/>
|
||||
<col width="15%"/>
|
||||
<col width="15%"/>
|
||||
<col width="20%"/>
|
||||
<col width="20%"/>
|
||||
<col width="5%"/>
|
||||
<col width="20%"/>
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th><input type="checkbox" id="admin_check1"><label for="admin_check1"></label></th>
|
||||
<th>NO</th>
|
||||
<th>권한</th>
|
||||
<th>이름(대리점명)</th>
|
||||
<th>ID</th>
|
||||
<th>상태</th>
|
||||
<th>등록일</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><input type="checkbox" checked id="admin_check2"><label for="admin_check2"></label></td>
|
||||
<td>10</td>
|
||||
<td>대리점</td>
|
||||
<td>유플러스</td>
|
||||
<td><a href="javascript:void(0)">uplus1</a></td>
|
||||
<td>사용</td>
|
||||
<td>2022-03-10</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div> -->
|
||||
<div class="table">
|
||||
<custom-grid
|
||||
ref="table"
|
||||
:totalItems="'totalItems'"
|
||||
:url="testList.url"
|
||||
:perPage="testList.perPage"
|
||||
:initialRequest="testList.initialRequest"
|
||||
:pagination="testList.pagination"
|
||||
:isCheckbox="testList.isCheckbox"
|
||||
:columns="testList.columns"
|
||||
:noDataStr="testList.noDataStr"
|
||||
:addCls="testList.addCls"
|
||||
:header="testList.header"
|
||||
></custom-grid>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import customGrid from '@/components/CustomGrid';
|
||||
//import api from '../service/api';
|
||||
export default {
|
||||
name: 'profileList',
|
||||
data() {
|
||||
return {
|
||||
testList: {
|
||||
url: '/api/v1/bo/sysMgt/adminList',
|
||||
perPage: 20,
|
||||
pagination: true,
|
||||
isCheckbox: true,
|
||||
initialRequest: false,
|
||||
addCls: 'box_OFvis',
|
||||
|
||||
|
||||
header: [
|
||||
[
|
||||
{ header: 'NO', childNames: [] },
|
||||
{ header: '권한', childNames: [] },
|
||||
{ header: '이름(대리점명)', childNames: [] },
|
||||
{ header: 'ID', childNames: [] },
|
||||
{ header: '상태', childNames: [] },
|
||||
{ header: '등록일', childNames: [] }
|
||||
]
|
||||
],
|
||||
|
||||
columns: [
|
||||
{ name: 'no', header: 'NO', align: 'center', width: 60 },
|
||||
{ name: 'auth', header: '권한', align: 'left', width: 160 },
|
||||
{ name: 'name', header: '이름(대리점명)', align: 'center', width: 130},
|
||||
{ name: 'adminId', header: 'ID', align: 'center', width: 130},
|
||||
{ name: 'adminStat', header: '상태', align: 'center', width: 130},
|
||||
{ name: 'regDt', header: '등록일', width: 90, cls: 'td_line' }
|
||||
],
|
||||
noDataStr: '검색 결과가 없습니다.',
|
||||
// params: {
|
||||
// apprResult: '',
|
||||
// searchType: '',
|
||||
// searchText: '',
|
||||
// startDate: '',
|
||||
// endDate: ''
|
||||
// },
|
||||
excelHeader: []
|
||||
}
|
||||
};
|
||||
},
|
||||
components: {
|
||||
customGrid: customGrid
|
||||
},
|
||||
destroyed() {
|
||||
|
||||
},
|
||||
mounted() {
|
||||
let isKeep = false;
|
||||
isKeep = true;
|
||||
this.search(isKeep);
|
||||
},
|
||||
methods: {
|
||||
search: function(isKeep) {
|
||||
console.log(this.testList.params);
|
||||
this.$refs.table.search(this.testList.params, isKeep);
|
||||
},
|
||||
}
|
||||
};
|
||||
<template>
|
||||
<div class="wrap main_wrap">
|
||||
<div class="contents">
|
||||
<div class="contents_wrap">
|
||||
<div class="top_wrap">
|
||||
<h3 class="title">발신프로필관리</h3>
|
||||
<p class="breadcrumb">발신번호관리 > 발신프로필관리</p>
|
||||
</div>
|
||||
<form autocomplete="off" class="search_form">
|
||||
<div class="search_wrap">
|
||||
<div class="select_box">
|
||||
<label for="stat" class="label">상태</label>
|
||||
<select name="" id="stat" v-model="grid.params.searchType1" @keyup="search">
|
||||
<option value="전체">전체</option>
|
||||
<option value="A">사용</option>
|
||||
<option value="N">미사용</option>
|
||||
<option value="H">휴면</option>
|
||||
<option value="D">삭제</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="select_box id">
|
||||
<label for="searchType" class="label">상세검색</label>
|
||||
<select name="" id="searchType" v-model="grid.params.searchType2" @keyup="search">
|
||||
<option value="custNm">고객사명</option>
|
||||
<option value="bregNo">사업자번호</option>
|
||||
<option value="sendProfile">발신프로필</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input_box id">
|
||||
<label for="search" class="label">검색어</label>
|
||||
<input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model="grid.params.searchText1" v-on:keydown.enter.prevent="search" />
|
||||
</div>
|
||||
<button type="button" class="button grey" @click="search">조회</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="info">
|
||||
<div class="count">총 <span> {{ totalItems}} </span>건
|
||||
<div class="select_box NumberSe">
|
||||
<select name="" id="perpage" v-model="grid.pagePerRows" @keyup.enter="search">
|
||||
<option value="20">20</option>
|
||||
<option value="50" selected>50</option>
|
||||
<option value="100">100</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table">
|
||||
<custom-grid
|
||||
ref="table"
|
||||
:totalItems="'totalItems'"
|
||||
:url="grid.url"
|
||||
:pagePerRows="grid.pagePerRows"
|
||||
:initialRequest="grid.pagination"
|
||||
:pagination="grid.pagination"
|
||||
:isCheckbox="grid.isCheckbox"
|
||||
:columns="grid.columns"
|
||||
:noDataStr="grid.noDataStr"
|
||||
:addCls="grid.addCls"
|
||||
:header="grid.headder">
|
||||
</custom-grid>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import customGrid from '@/components/CustomGrid';
|
||||
//import api from '../service/api';
|
||||
class customBRegNo {
|
||||
constructor(props) {
|
||||
this.props = props;
|
||||
const el = document.createElement('td');
|
||||
var bregNo = String(props.colValue);
|
||||
el.innerText= bregNo;
|
||||
if(bregNo.length == 10){
|
||||
el.innerText= bregNo.substring(0,3)+'-'+bregNo.substring(3,5)+'-'+bregNo.substring(5,10)
|
||||
}
|
||||
this.el = el;
|
||||
}
|
||||
|
||||
getElement() {
|
||||
return this.el;
|
||||
}
|
||||
|
||||
addEvent(selEl) {
|
||||
}
|
||||
}
|
||||
export default {
|
||||
name: 'profileList',
|
||||
data() {
|
||||
return {
|
||||
row: {},
|
||||
authType: [],
|
||||
statType: [],
|
||||
cate2Code: "",
|
||||
totalItems: 0,
|
||||
// 테이블 리스트 데이터
|
||||
perPageCnt: 20,
|
||||
grid: {
|
||||
url: '/api/v1/bo/sendNumMgt/profileList',
|
||||
perPage: 20,
|
||||
pagination: true,
|
||||
isCheckbox: false,
|
||||
initialRequest: false,
|
||||
addCls: 'box_OFvis',
|
||||
header: [
|
||||
[
|
||||
{ header: 'NO', childNames: [] },
|
||||
{ header: '고객사명', childNames: [] },
|
||||
{ header: '사업자번호', childNames: [] },
|
||||
{ header: '발신프로필', childNames: [] },
|
||||
{ header: '발신프로필key', childNames: [] },
|
||||
{ header: '상태', childNames: [] },
|
||||
{ header: '등록일', childNames: [] },
|
||||
]
|
||||
],
|
||||
|
||||
columns: [
|
||||
{ name: 'no', header: 'NO', align: 'center', width: 50 },
|
||||
{ name: 'custNm', header: '고객사명', align: 'center', width: 200 },
|
||||
{ name: 'bregNo', header: '사업자번호', align: 'center', width: 100, renderer: {type: customBRegNo}},
|
||||
{ name: 'sendProfile', header: '발신프로필', align: 'center', width: 100},
|
||||
{ name: 'sendProfileKey', header: '발신프로필key', align: 'center', width: 100},
|
||||
{ name: 'stat', header: '상태', width: 100, cls: 'td_line' },
|
||||
{ name: 'regDt', header: '등록일', align: 'center', width: 150},
|
||||
],
|
||||
noDataStr: '검색 결과가 없습니다.',
|
||||
params: {
|
||||
searchType1: '',
|
||||
searchType2: 'custNm',
|
||||
searchText1: ''
|
||||
},
|
||||
excelHeader: []
|
||||
}
|
||||
};
|
||||
},
|
||||
components: {
|
||||
customGrid: customGrid,
|
||||
},
|
||||
destroyed() {
|
||||
this.$store.commit('searchcondition/updateSearchCondition', {
|
||||
page: 1,
|
||||
perPage: 20,
|
||||
params: {
|
||||
searchType1: '',
|
||||
searchType2: '',
|
||||
searchText1: ''
|
||||
}
|
||||
});
|
||||
},
|
||||
created(){
|
||||
this.$store.commit("login/isLogin", true);
|
||||
this.$store.commit("login/istAuthChk", true);
|
||||
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
|
||||
},
|
||||
|
||||
mounted() {
|
||||
let page = 1;
|
||||
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
|
||||
|
||||
let isKeep = false;
|
||||
if(getCondition) {
|
||||
this.grid.pagePerRows = getCondition.perPage;
|
||||
this.grid.params = getCondition.params;
|
||||
page = getCondition.page;
|
||||
isKeep = true;
|
||||
}
|
||||
this.search(isKeep);
|
||||
},
|
||||
methods: {
|
||||
search: function(isKeep) {
|
||||
console.log(this.grid.params);
|
||||
this.$refs.table.search(this.grid.params, isKeep);
|
||||
this.sendStoreData();
|
||||
},
|
||||
sendStoreData: function() {
|
||||
const getP = this.$refs.table.getPagination();
|
||||
console.log("==========getP : " + getP);
|
||||
this.$store.commit('searchcondition/updateSearchCondition', {
|
||||
page: getP._currentPage,
|
||||
perPage: this.perPageCnt,
|
||||
params: {
|
||||
searchType1: '',
|
||||
searchType2: '',
|
||||
searchText1: ''
|
||||
}
|
||||
});
|
||||
|
||||
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
|
||||
//console.log("getCondition : "+ getCondition.perPage);
|
||||
}
|
||||
},
|
||||
|
||||
beforeRouteLeave(to, from, next) {
|
||||
|
||||
const getP = this.$refs.table.getPagination();
|
||||
console.log("==========getP : " + getP._currentPage);
|
||||
this.$store.commit('searchcondition/updateSearchCondition', {
|
||||
page: getP._currentPage,
|
||||
perPage: this.perPageCnt,
|
||||
params: this.grid.params
|
||||
});
|
||||
// 라우트 하기전 실행
|
||||
next();
|
||||
}
|
||||
};
|
||||
</script>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,433 +1,433 @@
|
||||
<template>
|
||||
<article id="content" class="content">
|
||||
<ul class="breadcrumb">
|
||||
<li class="home">
|
||||
<a href="javascript:void(0);">홈</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);">발송통계</a>
|
||||
</li>
|
||||
<li>
|
||||
<span>상품별통계</span>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="title_area">
|
||||
<h2>상품별통계</h2>
|
||||
</div>
|
||||
<div class="tab_wrap">
|
||||
<ul class="tab_nav">
|
||||
<li class="active">
|
||||
<a href="javascript:void(0);" :style="isAdmin ? '' : 'cursor:default'">상품별통계</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="javascript:void(0);"
|
||||
@click="isAdmin ? toMove('tmpltStatics') : ''"
|
||||
:style="isAdmin ? '' : 'cursor:default'"
|
||||
>포맷ID별통계</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);" @click="toMove('userStatics')">사용자별통계</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);" @click="toMove('campaignStatics')">캠페인ID별통계</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="box_search_area">
|
||||
<div class="filter_bundle_wrap">
|
||||
<div class="filter_bundle">
|
||||
<strong class="tit_bundle">발송일</strong>
|
||||
<div class="cont_bundle center">
|
||||
<div class="box_select_period">
|
||||
<div class="period_wrap">
|
||||
<span class="custom_input icon_date">
|
||||
<vuejs-datepicker
|
||||
:language="ko"
|
||||
:format="customFormatter"
|
||||
:disabled-dates="disabledSDate"
|
||||
:minimumView="sDateDiv"
|
||||
:maximumView="sDateDiv"
|
||||
v-model="startDate"
|
||||
@selected="selectedStartDate(0)"
|
||||
@closed="closeDate('start')"
|
||||
></vuejs-datepicker>
|
||||
</span>
|
||||
<span class="hypen">~</span>
|
||||
<span class="custom_input icon_date">
|
||||
<vuejs-datepicker
|
||||
:language="ko"
|
||||
:format="customFormatter"
|
||||
:disabled-dates="disabledEDate"
|
||||
:minimumView="sDateDiv"
|
||||
:maximumView="sDateDiv"
|
||||
v-model="endDate"
|
||||
@selected="selectedEndDate(0)"
|
||||
@closed="closeDate('end')"
|
||||
></vuejs-datepicker>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="radio_wrap">
|
||||
<span class="custom_radio">
|
||||
<input
|
||||
type="radio"
|
||||
name="radioDate"
|
||||
id="day"
|
||||
v-model="sDateDiv"
|
||||
value="day"
|
||||
checked
|
||||
>
|
||||
<label for="day">일별</label>
|
||||
</span>
|
||||
<span class="custom_radio">
|
||||
<input type="radio" name="radioDate" id="month" v-model="sDateDiv" value="month">
|
||||
<label for="month">월별</label>
|
||||
</span>
|
||||
<span class="custom_radio">
|
||||
<input type="radio" name="radioDate" id="year" v-model="sDateDiv" value="year">
|
||||
<label for="year">년별</label>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end of filter_bundle_wrap -->
|
||||
<div class="btn_wrap center">
|
||||
<a href="javascript:void(0);" class="btn mid point" @click="searchSummary">
|
||||
<span>조회</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end of box_search_area -->
|
||||
|
||||
<div class="cont_flex_bundle bottom mar_b20">
|
||||
<div class="result_date left col_6">
|
||||
<span>
|
||||
<em class="date">{{ customFormatter(startDate) }}</em> 부터
|
||||
<em class="date">{{ customFormatter(endDate) }}</em>까지의 전송/성공/성공률 입니다.
|
||||
</span>
|
||||
</div>
|
||||
<div class="btn_wrap right col_6">
|
||||
<a href="javascript:void(0)" class="btn sml bd_gray icon_down_doc" @click="excelDown()">
|
||||
<span>엑셀 다운로드</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<custom-grid
|
||||
ref="table"
|
||||
:url="grid.url"
|
||||
:perPage="grid.perPage"
|
||||
:pagination="grid.pagination"
|
||||
:header="grid.header"
|
||||
:columns="grid.columns"
|
||||
:noDataStr="grid.noDataStr"
|
||||
:initialRequest="grid.initialRequest"
|
||||
:addBodyAlign="grid.addAlign"
|
||||
:addBodyTmplt="grid.summary"
|
||||
></custom-grid>
|
||||
</article>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import moment from 'moment';
|
||||
import customGrid from '@/components/CustomGrid';
|
||||
import api from '../service/api';
|
||||
import xlsx from '@/common/excel';
|
||||
|
||||
export default {
|
||||
name: 'staticsList',
|
||||
data() {
|
||||
return {
|
||||
ko: vdp_translation_ko.js,
|
||||
bbsCategoryType: 'PROD',
|
||||
|
||||
sDateDiv: 'day',
|
||||
startDate: new Date(),
|
||||
endDate: new Date(),
|
||||
|
||||
disabledSDate: { from: new Date() },
|
||||
disabledEDate: { from: new Date() },
|
||||
|
||||
isAdmin: true,
|
||||
|
||||
grid: {
|
||||
url: '/api/statics/list',
|
||||
|
||||
initialRequest: false,
|
||||
pagination: true,
|
||||
perPage: 10,
|
||||
|
||||
header: [
|
||||
[
|
||||
{ header: 'NO', childNames: [] },
|
||||
{ header: '날짜', childNames: [] },
|
||||
{ header: '스타일 템플릿', childNames: ['cellTmpltTot', 'cellTmpltRateStr'] },
|
||||
{ header: '서술 템플릿', childNames: ['descTmpltTot', 'descTmpltRateStr'] },
|
||||
{ header: '기본 템플릿', childNames: ['freeTmpltTot', 'freeTmpltRateStr'] },
|
||||
{ header: '템플릿 소계', childNames: ['subSumTmpltTot', 'subSumTmpltRateStr'] },
|
||||
{ header: 'RCS SMS', childNames: ['smsTot', 'smsRateStr'] },
|
||||
{ header: 'RCS LMS', childNames: ['lmsTot', 'lmsRateStr'] },
|
||||
{ header: 'RCS MMS', childNames: ['mmsTot', 'mmsRateStr'] },
|
||||
{ header: '포맷 소계', childNames: ['formatTot', 'formatRateStr'] },
|
||||
{ header: 'Fallback SMS', childNames: ['fbSmsTot', 'fbSmsRateStr'] },
|
||||
{ header: 'Fallback LMS', childNames: ['fbLmsTot', 'fbLmsRateStr'] }
|
||||
]
|
||||
],
|
||||
|
||||
columns: [
|
||||
{ name: 'seq', header: 'NO', width: 100 },
|
||||
{ name: 'ymd', header: '날짜', width: 100 },
|
||||
{ name: 'cellTmpltTot', header: '발송', width: 90, cls: 'td_line' },
|
||||
{ name: 'cellTmpltRateStr', header: '성공<br>(성공률)', width: 90, cls: 'td_line' },
|
||||
{ name: 'descTmpltTot', header: '발송', width: 90, cls: 'td_line' },
|
||||
{ name: 'descTmpltRateStr', header: '성공<br>(성공률)', width: 90, cls: 'td_line' },
|
||||
{ name: 'freeTmpltTot', header: '발송', width: 90, cls: 'td_line' },
|
||||
{ name: 'freeTmpltRateStr', header: '성공<br>(성공률)', width: 90, cls: 'td_line' },
|
||||
{ name: 'subSumTmpltTot', header: '발송', width: 90, cls: 'td_line' },
|
||||
{ name: 'subSumTmpltRateStr', header: '성공<br>(성공률)', width: 90, cls: 'td_line' },
|
||||
|
||||
{ name: 'smsTot', header: '발송', width: 90, cls: 'td_line' },
|
||||
{ name: 'smsRateStr', header: '성공<br>(성공률)', width: 90, cls: 'td_line' },
|
||||
{ name: 'lmsTot', header: '발송', width: 90, cls: 'td_line' },
|
||||
{ name: 'lmsRateStr', header: '성공<br>(성공률)', width: 90, cls: 'td_line' },
|
||||
{ name: 'mmsTot', header: '발송', width: 90, cls: 'td_line' },
|
||||
{ name: 'mmsRateStr', header: '성공<br>(성공률)', width: 90, cls: 'td_line' },
|
||||
{ name: 'formatTot', header: '발송', width: 90, cls: 'td_line' },
|
||||
{ name: 'formatRateStr', header: '성공<br>(성공률)', width: 90, cls: 'td_line' },
|
||||
|
||||
{ name: 'fbSmsTot', header: '발송', width: 90, cls: 'td_line' },
|
||||
{ name: 'fbSmsRateStr', header: '성공<br>(성공률)', width: 90, cls: 'td_line' },
|
||||
{ name: 'fbLmsTot', header: '발송', width: 90, cls: 'td_line' },
|
||||
{ name: 'fbLmsRateStr', header: '성공<br>(성공률)', width: 90, cls: 'td_line' }
|
||||
],
|
||||
|
||||
summary: '',
|
||||
addAlign: '',
|
||||
|
||||
noDataStr: '검색 결과가 없습니다.',
|
||||
params: {},
|
||||
excelHeader: []
|
||||
}
|
||||
};
|
||||
},
|
||||
created() {
|
||||
api.selectUserRoleInfo().then(response => {
|
||||
const respList = response.data.data;
|
||||
if (response.data.success && respList != null && respList.length > 0) {
|
||||
let adminStr = respList[0].selIsAdmin;
|
||||
if (typeof adminStr != undefined && adminStr != null && adminStr == 'false') {
|
||||
this.isAdmin = false;
|
||||
}
|
||||
} else {
|
||||
this.isAdmin = true;
|
||||
}
|
||||
});
|
||||
|
||||
this.getExcelHeader();
|
||||
},
|
||||
mounted() {
|
||||
// 합계 조회
|
||||
this.searchSummary();
|
||||
},
|
||||
|
||||
components: {
|
||||
'vuejs-datepicker': vuejsDatepicker,
|
||||
customGrid: customGrid
|
||||
},
|
||||
methods: {
|
||||
getExcelHeader() {
|
||||
// 헤더를 mockup으로 관리한다.
|
||||
api.getExcelHeader(this.bbsCategoryType).then(res => {
|
||||
this.excelHeader = res;
|
||||
});
|
||||
},
|
||||
customFormatter: function(date) {
|
||||
if (this.sDateDiv == 'month') {
|
||||
return moment(date).format('YYYY-MM');
|
||||
} else if (this.sDateDiv == 'year') {
|
||||
return moment(date).format('YYYY');
|
||||
} else {
|
||||
return moment(date).format('YYYY-MM-DD');
|
||||
}
|
||||
},
|
||||
toPage(lifeCycle) {
|
||||
const page = this.isNull(this.$route.params.page) ? 1 : this.$route.params.page;
|
||||
try {
|
||||
this.$refs.table.readData(page, this.grid.params);
|
||||
} catch (error) {
|
||||
console.log(lifeCycle, error);
|
||||
}
|
||||
},
|
||||
|
||||
toMove(routeName) {
|
||||
this.$router.push({ name: routeName, params: { page: 1, searchText: '' } });
|
||||
},
|
||||
|
||||
search: function(data) {
|
||||
this.grid.params = {
|
||||
sDate: moment(this.startDate).format('YYYYMMDD'),
|
||||
eDate: moment(this.endDate).format('YYYYMMDD'),
|
||||
dateDiv: this.sDateDiv
|
||||
};
|
||||
|
||||
this.$refs.table.search(this.grid.params);
|
||||
},
|
||||
|
||||
searchSummary: function(data) {
|
||||
let summaryList = {};
|
||||
|
||||
this.grid.params = {
|
||||
sDate: moment(this.startDate).format('YYYYMMDD'),
|
||||
eDate: moment(this.endDate).format('YYYYMMDD'),
|
||||
dateDiv: this.sDateDiv
|
||||
};
|
||||
|
||||
api
|
||||
.selectStaticsSummary(this.grid.params)
|
||||
.then(response => {
|
||||
const respList = response.data.data;
|
||||
if (response.data.success && respList != null && respList.length > 0) {
|
||||
summaryList = respList[0];
|
||||
|
||||
this.grid.addAlign = 'TOP';
|
||||
let addBody = '';
|
||||
addBody += '<tr>';
|
||||
addBody += '<td colspan="2">합계</td>';
|
||||
addBody += '<td>' + summaryList.cellTmpltTot + '</td>';
|
||||
addBody += '<td>' + summaryList.cellTmpltSucc + '<br>(' + summaryList.cellTmpltRate + '%)</td>';
|
||||
|
||||
addBody += '<td>' + summaryList.descTmpltTot + '</td>';
|
||||
addBody += '<td>' + summaryList.descTmpltSucc + '<br>(' + summaryList.descTmpltRate + '%)</td>';
|
||||
|
||||
addBody += '<td>' + summaryList.freeTmpltTot + '</td>';
|
||||
addBody += '<td>' + summaryList.freeTmpltSucc + '<br>(' + summaryList.freeTmpltRate + '%)</td>';
|
||||
|
||||
addBody += '<td>' + summaryList.subSumTmpltTot + '</td>';
|
||||
addBody += '<td>' + summaryList.subSumTmpltSucc + '<br>(' + summaryList.subSumTmpltRate + '%)</td>';
|
||||
|
||||
addBody += '<td>' + summaryList.smsTot + '</td>';
|
||||
addBody += '<td>' + summaryList.smsSucc + '<br>(' + summaryList.smsRate + '%)</td>';
|
||||
|
||||
addBody += '<td>' + summaryList.lmsTot + '</td>';
|
||||
addBody += '<td>' + summaryList.lmsSucc + '<br>(' + summaryList.lmsRate + '%)</td>';
|
||||
|
||||
addBody += '<td>' + summaryList.mmsTot + '</td>';
|
||||
addBody += '<td>' + summaryList.mmsSucc + '<br>(' + summaryList.mmsRate + '%)</td>';
|
||||
|
||||
addBody += '<td>' + summaryList.formatTot + '</td>';
|
||||
addBody += '<td>' + summaryList.formatSucc + '<br>(' + summaryList.formatRate + '%)</td>';
|
||||
|
||||
addBody += '<td>' + summaryList.fbSmsTot + '</td>';
|
||||
addBody += '<td>' + summaryList.fbSmsSucc + '<br>(' + summaryList.fbSmsRate + '%)</td>';
|
||||
|
||||
addBody += '<td>' + summaryList.fbLmsTot + '</td>';
|
||||
addBody += '<td>' + summaryList.fbLmsSucc + '<br>(' + summaryList.fbLmsRate + '%)</td>';
|
||||
addBody += '</tr>';
|
||||
|
||||
this.grid.summary = addBody;
|
||||
} else {
|
||||
this.grid.addAlign = '';
|
||||
this.grid.summary = '';
|
||||
}
|
||||
})
|
||||
.finally(() => {
|
||||
this.search();
|
||||
});
|
||||
},
|
||||
|
||||
selectedStartDate(day) {
|
||||
if (this.startDate > this.endDate) {
|
||||
this.startDate = this.endDate;
|
||||
}
|
||||
},
|
||||
selectedEndDate(day) {
|
||||
if (day != undefined && day != null) {
|
||||
this.periodDay = day;
|
||||
}
|
||||
},
|
||||
closeDate(type) {
|
||||
if (type != undefined && type != null) {
|
||||
if (type == 'start') {
|
||||
this.disabledSDate = { from: this.endDate };
|
||||
this.disabledEDate = { to: this.startDate, from: this.endDate };
|
||||
} else if (type == 'end') {
|
||||
this.disabledSDate = { from: this.endDate };
|
||||
this.disabledEDate = { to: this.startDate, from: new Date() };
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
async getExcelDataDown() {
|
||||
try {
|
||||
let response;
|
||||
const params = {
|
||||
startDtXls: moment(this.startDate).format('YYYYMMDD'),
|
||||
endDtXls: moment(this.endDate).format('YYYYMMDD'),
|
||||
sDate: this.startDate,
|
||||
eDate: this.endDate,
|
||||
dateDiv: this.sDateDiv
|
||||
};
|
||||
|
||||
response = await api.selectStaticsXls(params);
|
||||
|
||||
const result = response.data;
|
||||
if (result != null && result.success) {
|
||||
if (!this.isNull(result.data)) {
|
||||
return result.data;
|
||||
}
|
||||
}
|
||||
return false;
|
||||
} catch (err) {
|
||||
return false;
|
||||
}
|
||||
}, // end of getExcelDataDown
|
||||
|
||||
async getExcelSumData() {
|
||||
// let sumBody = '';
|
||||
try {
|
||||
let response = await api.selectStaticsSummary(this.grid.params);
|
||||
const result = response.data;
|
||||
|
||||
if (result != null && result.success) {
|
||||
if (!this.isNull(result.data)) {
|
||||
return result.data;
|
||||
}
|
||||
}
|
||||
return false;
|
||||
} catch (err) {
|
||||
return false;
|
||||
}
|
||||
},
|
||||
async excelDown() {
|
||||
if (this.$refs.table.getData().length <= 0) {
|
||||
alert('조회된 데이터가 없습니다.');
|
||||
return false;
|
||||
}
|
||||
|
||||
let today = moment().format('YYYYMMDDHHmmss');
|
||||
const saveFileName = `상품별통계_${today}.xlsx`;
|
||||
|
||||
const data = await this.getExcelDataDown();
|
||||
const sumData = await this.getExcelSumData();
|
||||
|
||||
let options = {
|
||||
header: this.excelHeader,
|
||||
summary: {
|
||||
isUse: true,
|
||||
position: 'first',
|
||||
data: sumData,
|
||||
title: { replaceKeys: ['seq', 'ymd'], name: '합계' }
|
||||
},
|
||||
dataOrder: 'header' // header, data, ['no', 'sendnum', 'errorDesc']
|
||||
};
|
||||
|
||||
xlsx.export(data, saveFileName, options).then(() => {});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<article id="content" class="content">
|
||||
<ul class="breadcrumb">
|
||||
<li class="home">
|
||||
<a href="javascript:void(0);">홈</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);">발송통계</a>
|
||||
</li>
|
||||
<li>
|
||||
<span>상품별통계</span>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="title_area">
|
||||
<h2>상품별통계</h2>
|
||||
</div>
|
||||
<div class="tab_wrap">
|
||||
<ul class="tab_nav">
|
||||
<li class="active">
|
||||
<a href="javascript:void(0);" :style="isAdmin ? '' : 'cursor:default'">상품별통계</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="javascript:void(0);"
|
||||
@click="isAdmin ? toMove('tmpltStatics') : ''"
|
||||
:style="isAdmin ? '' : 'cursor:default'"
|
||||
>포맷ID별통계</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);" @click="toMove('userStatics')">사용자별통계</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);" @click="toMove('campaignStatics')">캠페인ID별통계</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="box_search_area">
|
||||
<div class="filter_bundle_wrap">
|
||||
<div class="filter_bundle">
|
||||
<strong class="tit_bundle">발송일</strong>
|
||||
<div class="cont_bundle center">
|
||||
<div class="box_select_period">
|
||||
<div class="period_wrap">
|
||||
<span class="custom_input icon_date">
|
||||
<vuejs-datepicker
|
||||
:language="ko"
|
||||
:format="customFormatter"
|
||||
:disabled-dates="disabledSDate"
|
||||
:minimumView="sDateDiv"
|
||||
:maximumView="sDateDiv"
|
||||
v-model="startDate"
|
||||
@selected="selectedStartDate(0)"
|
||||
@closed="closeDate('start')"
|
||||
></vuejs-datepicker>
|
||||
</span>
|
||||
<span class="hypen">~</span>
|
||||
<span class="custom_input icon_date">
|
||||
<vuejs-datepicker
|
||||
:language="ko"
|
||||
:format="customFormatter"
|
||||
:disabled-dates="disabledEDate"
|
||||
:minimumView="sDateDiv"
|
||||
:maximumView="sDateDiv"
|
||||
v-model="endDate"
|
||||
@selected="selectedEndDate(0)"
|
||||
@closed="closeDate('end')"
|
||||
></vuejs-datepicker>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="radio_wrap">
|
||||
<span class="custom_radio">
|
||||
<input
|
||||
type="radio"
|
||||
name="radioDate"
|
||||
id="day"
|
||||
v-model="sDateDiv"
|
||||
value="day"
|
||||
checked
|
||||
>
|
||||
<label for="day">일별</label>
|
||||
</span>
|
||||
<span class="custom_radio">
|
||||
<input type="radio" name="radioDate" id="month" v-model="sDateDiv" value="month">
|
||||
<label for="month">월별</label>
|
||||
</span>
|
||||
<span class="custom_radio">
|
||||
<input type="radio" name="radioDate" id="year" v-model="sDateDiv" value="year">
|
||||
<label for="year">년별</label>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end of filter_bundle_wrap -->
|
||||
<div class="btn_wrap center">
|
||||
<a href="javascript:void(0);" class="btn mid point" @click="searchSummary">
|
||||
<span>조회</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end of box_search_area -->
|
||||
|
||||
<div class="cont_flex_bundle bottom mar_b20">
|
||||
<div class="result_date left col_6">
|
||||
<span>
|
||||
<em class="date">{{ customFormatter(startDate) }}</em> 부터
|
||||
<em class="date">{{ customFormatter(endDate) }}</em>까지의 전송/성공/성공률 입니다.
|
||||
</span>
|
||||
</div>
|
||||
<div class="btn_wrap right col_6">
|
||||
<a href="javascript:void(0)" class="btn sml bd_gray icon_down_doc" @click="excelDown()">
|
||||
<span>엑셀 다운로드</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<custom-grid
|
||||
ref="table"
|
||||
:url="grid.url"
|
||||
:perPage="grid.perPage"
|
||||
:pagination="grid.pagination"
|
||||
:header="grid.header"
|
||||
:columns="grid.columns"
|
||||
:noDataStr="grid.noDataStr"
|
||||
:initialRequest="grid.initialRequest"
|
||||
:addBodyAlign="grid.addAlign"
|
||||
:addBodyTmplt="grid.summary"
|
||||
></custom-grid>
|
||||
</article>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import moment from 'moment';
|
||||
import customGrid from '@/components/CustomGrid';
|
||||
import api from '../service/api';
|
||||
import xlsx from '@/common/excel';
|
||||
|
||||
export default {
|
||||
name: 'staticsList',
|
||||
data() {
|
||||
return {
|
||||
ko: vdp_translation_ko.js,
|
||||
bbsCategoryType: 'PROD',
|
||||
|
||||
sDateDiv: 'day',
|
||||
startDate: new Date(),
|
||||
endDate: new Date(),
|
||||
|
||||
disabledSDate: { from: new Date() },
|
||||
disabledEDate: { from: new Date() },
|
||||
|
||||
isAdmin: true,
|
||||
|
||||
grid: {
|
||||
url: '/api/statics/list',
|
||||
|
||||
initialRequest: false,
|
||||
pagination: true,
|
||||
perPage: 10,
|
||||
|
||||
header: [
|
||||
[
|
||||
{ header: 'NO', childNames: [] },
|
||||
{ header: '날짜', childNames: [] },
|
||||
{ header: '스타일 템플릿', childNames: ['cellTmpltTot', 'cellTmpltRateStr'] },
|
||||
{ header: '서술 템플릿', childNames: ['descTmpltTot', 'descTmpltRateStr'] },
|
||||
{ header: '기본 템플릿', childNames: ['freeTmpltTot', 'freeTmpltRateStr'] },
|
||||
{ header: '템플릿 소계', childNames: ['subSumTmpltTot', 'subSumTmpltRateStr'] },
|
||||
{ header: 'RCS SMS', childNames: ['smsTot', 'smsRateStr'] },
|
||||
{ header: 'RCS LMS', childNames: ['lmsTot', 'lmsRateStr'] },
|
||||
{ header: 'RCS MMS', childNames: ['mmsTot', 'mmsRateStr'] },
|
||||
{ header: '포맷 소계', childNames: ['formatTot', 'formatRateStr'] },
|
||||
{ header: 'Fallback SMS', childNames: ['fbSmsTot', 'fbSmsRateStr'] },
|
||||
{ header: 'Fallback LMS', childNames: ['fbLmsTot', 'fbLmsRateStr'] }
|
||||
]
|
||||
],
|
||||
|
||||
columns: [
|
||||
{ name: 'seq', header: 'NO', width: 100 },
|
||||
{ name: 'ymd', header: '날짜', width: 100 },
|
||||
{ name: 'cellTmpltTot', header: '발송', width: 90, cls: 'td_line' },
|
||||
{ name: 'cellTmpltRateStr', header: '성공<br>(성공률)', width: 90, cls: 'td_line' },
|
||||
{ name: 'descTmpltTot', header: '발송', width: 90, cls: 'td_line' },
|
||||
{ name: 'descTmpltRateStr', header: '성공<br>(성공률)', width: 90, cls: 'td_line' },
|
||||
{ name: 'freeTmpltTot', header: '발송', width: 90, cls: 'td_line' },
|
||||
{ name: 'freeTmpltRateStr', header: '성공<br>(성공률)', width: 90, cls: 'td_line' },
|
||||
{ name: 'subSumTmpltTot', header: '발송', width: 90, cls: 'td_line' },
|
||||
{ name: 'subSumTmpltRateStr', header: '성공<br>(성공률)', width: 90, cls: 'td_line' },
|
||||
|
||||
{ name: 'smsTot', header: '발송', width: 90, cls: 'td_line' },
|
||||
{ name: 'smsRateStr', header: '성공<br>(성공률)', width: 90, cls: 'td_line' },
|
||||
{ name: 'lmsTot', header: '발송', width: 90, cls: 'td_line' },
|
||||
{ name: 'lmsRateStr', header: '성공<br>(성공률)', width: 90, cls: 'td_line' },
|
||||
{ name: 'mmsTot', header: '발송', width: 90, cls: 'td_line' },
|
||||
{ name: 'mmsRateStr', header: '성공<br>(성공률)', width: 90, cls: 'td_line' },
|
||||
{ name: 'formatTot', header: '발송', width: 90, cls: 'td_line' },
|
||||
{ name: 'formatRateStr', header: '성공<br>(성공률)', width: 90, cls: 'td_line' },
|
||||
|
||||
{ name: 'fbSmsTot', header: '발송', width: 90, cls: 'td_line' },
|
||||
{ name: 'fbSmsRateStr', header: '성공<br>(성공률)', width: 90, cls: 'td_line' },
|
||||
{ name: 'fbLmsTot', header: '발송', width: 90, cls: 'td_line' },
|
||||
{ name: 'fbLmsRateStr', header: '성공<br>(성공률)', width: 90, cls: 'td_line' }
|
||||
],
|
||||
|
||||
summary: '',
|
||||
addAlign: '',
|
||||
|
||||
noDataStr: '검색 결과가 없습니다.',
|
||||
params: {},
|
||||
excelHeader: []
|
||||
}
|
||||
};
|
||||
},
|
||||
created() {
|
||||
api.selectUserRoleInfo().then(response => {
|
||||
const respList = response.data.data;
|
||||
if (response.data.success && respList != null && respList.length > 0) {
|
||||
let adminStr = respList[0].selIsAdmin;
|
||||
if (typeof adminStr != undefined && adminStr != null && adminStr == 'false') {
|
||||
this.isAdmin = false;
|
||||
}
|
||||
} else {
|
||||
this.isAdmin = true;
|
||||
}
|
||||
});
|
||||
|
||||
this.getExcelHeader();
|
||||
},
|
||||
mounted() {
|
||||
// 합계 조회
|
||||
this.searchSummary();
|
||||
},
|
||||
|
||||
components: {
|
||||
'vuejs-datepicker': vuejsDatepicker,
|
||||
customGrid: customGrid
|
||||
},
|
||||
methods: {
|
||||
getExcelHeader() {
|
||||
// 헤더를 mockup으로 관리한다.
|
||||
api.getExcelHeader(this.bbsCategoryType).then(res => {
|
||||
this.excelHeader = res;
|
||||
});
|
||||
},
|
||||
customFormatter: function(date) {
|
||||
if (this.sDateDiv == 'month') {
|
||||
return moment(date).format('YYYY-MM');
|
||||
} else if (this.sDateDiv == 'year') {
|
||||
return moment(date).format('YYYY');
|
||||
} else {
|
||||
return moment(date).format('YYYY-MM-DD');
|
||||
}
|
||||
},
|
||||
toPage(lifeCycle) {
|
||||
const page = this.isNull(this.$route.params.page) ? 1 : this.$route.params.page;
|
||||
try {
|
||||
this.$refs.table.readData(page, this.grid.params);
|
||||
} catch (error) {
|
||||
console.log(lifeCycle, error);
|
||||
}
|
||||
},
|
||||
|
||||
toMove(routeName) {
|
||||
this.$router.push({ name: routeName, params: { page: 1, searchText: '' } });
|
||||
},
|
||||
|
||||
search: function(data) {
|
||||
this.grid.params = {
|
||||
sDate: moment(this.startDate).format('YYYYMMDD'),
|
||||
eDate: moment(this.endDate).format('YYYYMMDD'),
|
||||
dateDiv: this.sDateDiv
|
||||
};
|
||||
|
||||
this.$refs.table.search(this.grid.params);
|
||||
},
|
||||
|
||||
searchSummary: function(data) {
|
||||
let summaryList = {};
|
||||
|
||||
this.grid.params = {
|
||||
sDate: moment(this.startDate).format('YYYYMMDD'),
|
||||
eDate: moment(this.endDate).format('YYYYMMDD'),
|
||||
dateDiv: this.sDateDiv
|
||||
};
|
||||
|
||||
api
|
||||
.selectStaticsSummary(this.grid.params)
|
||||
.then(response => {
|
||||
const respList = response.data.data;
|
||||
if (response.data.success && respList != null && respList.length > 0) {
|
||||
summaryList = respList[0];
|
||||
|
||||
this.grid.addAlign = 'TOP';
|
||||
let addBody = '';
|
||||
addBody += '<tr>';
|
||||
addBody += '<td colspan="2">합계</td>';
|
||||
addBody += '<td>' + summaryList.cellTmpltTot + '</td>';
|
||||
addBody += '<td>' + summaryList.cellTmpltSucc + '<br>(' + summaryList.cellTmpltRate + '%)</td>';
|
||||
|
||||
addBody += '<td>' + summaryList.descTmpltTot + '</td>';
|
||||
addBody += '<td>' + summaryList.descTmpltSucc + '<br>(' + summaryList.descTmpltRate + '%)</td>';
|
||||
|
||||
addBody += '<td>' + summaryList.freeTmpltTot + '</td>';
|
||||
addBody += '<td>' + summaryList.freeTmpltSucc + '<br>(' + summaryList.freeTmpltRate + '%)</td>';
|
||||
|
||||
addBody += '<td>' + summaryList.subSumTmpltTot + '</td>';
|
||||
addBody += '<td>' + summaryList.subSumTmpltSucc + '<br>(' + summaryList.subSumTmpltRate + '%)</td>';
|
||||
|
||||
addBody += '<td>' + summaryList.smsTot + '</td>';
|
||||
addBody += '<td>' + summaryList.smsSucc + '<br>(' + summaryList.smsRate + '%)</td>';
|
||||
|
||||
addBody += '<td>' + summaryList.lmsTot + '</td>';
|
||||
addBody += '<td>' + summaryList.lmsSucc + '<br>(' + summaryList.lmsRate + '%)</td>';
|
||||
|
||||
addBody += '<td>' + summaryList.mmsTot + '</td>';
|
||||
addBody += '<td>' + summaryList.mmsSucc + '<br>(' + summaryList.mmsRate + '%)</td>';
|
||||
|
||||
addBody += '<td>' + summaryList.formatTot + '</td>';
|
||||
addBody += '<td>' + summaryList.formatSucc + '<br>(' + summaryList.formatRate + '%)</td>';
|
||||
|
||||
addBody += '<td>' + summaryList.fbSmsTot + '</td>';
|
||||
addBody += '<td>' + summaryList.fbSmsSucc + '<br>(' + summaryList.fbSmsRate + '%)</td>';
|
||||
|
||||
addBody += '<td>' + summaryList.fbLmsTot + '</td>';
|
||||
addBody += '<td>' + summaryList.fbLmsSucc + '<br>(' + summaryList.fbLmsRate + '%)</td>';
|
||||
addBody += '</tr>';
|
||||
|
||||
this.grid.summary = addBody;
|
||||
} else {
|
||||
this.grid.addAlign = '';
|
||||
this.grid.summary = '';
|
||||
}
|
||||
})
|
||||
.finally(() => {
|
||||
this.search();
|
||||
});
|
||||
},
|
||||
|
||||
selectedStartDate(day) {
|
||||
if (this.startDate > this.endDate) {
|
||||
this.startDate = this.endDate;
|
||||
}
|
||||
},
|
||||
selectedEndDate(day) {
|
||||
if (day != undefined && day != null) {
|
||||
this.periodDay = day;
|
||||
}
|
||||
},
|
||||
closeDate(type) {
|
||||
if (type != undefined && type != null) {
|
||||
if (type == 'start') {
|
||||
this.disabledSDate = { from: this.endDate };
|
||||
this.disabledEDate = { to: this.startDate, from: this.endDate };
|
||||
} else if (type == 'end') {
|
||||
this.disabledSDate = { from: this.endDate };
|
||||
this.disabledEDate = { to: this.startDate, from: new Date() };
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
async getExcelDataDown() {
|
||||
try {
|
||||
let response;
|
||||
const params = {
|
||||
startDtXls: moment(this.startDate).format('YYYYMMDD'),
|
||||
endDtXls: moment(this.endDate).format('YYYYMMDD'),
|
||||
sDate: this.startDate,
|
||||
eDate: this.endDate,
|
||||
dateDiv: this.sDateDiv
|
||||
};
|
||||
|
||||
response = await api.selectStaticsXls(params);
|
||||
|
||||
const result = response.data;
|
||||
if (result != null && result.success) {
|
||||
if (!this.isNull(result.data)) {
|
||||
return result.data;
|
||||
}
|
||||
}
|
||||
return false;
|
||||
} catch (err) {
|
||||
return false;
|
||||
}
|
||||
}, // end of getExcelDataDown
|
||||
|
||||
async getExcelSumData() {
|
||||
// let sumBody = '';
|
||||
try {
|
||||
let response = await api.selectStaticsSummary(this.grid.params);
|
||||
const result = response.data;
|
||||
|
||||
if (result != null && result.success) {
|
||||
if (!this.isNull(result.data)) {
|
||||
return result.data;
|
||||
}
|
||||
}
|
||||
return false;
|
||||
} catch (err) {
|
||||
return false;
|
||||
}
|
||||
},
|
||||
async excelDown() {
|
||||
if (this.$refs.table.getData().length <= 0) {
|
||||
alert('조회된 데이터가 없습니다.');
|
||||
return false;
|
||||
}
|
||||
|
||||
let today = moment().format('YYYYMMDDHHmmss');
|
||||
const saveFileName = `상품별통계_${today}.xlsx`;
|
||||
|
||||
const data = await this.getExcelDataDown();
|
||||
const sumData = await this.getExcelSumData();
|
||||
|
||||
let options = {
|
||||
header: this.excelHeader,
|
||||
summary: {
|
||||
isUse: true,
|
||||
position: 'first',
|
||||
data: sumData,
|
||||
title: { replaceKeys: ['seq', 'ymd'], name: '합계' }
|
||||
},
|
||||
dataOrder: 'header' // header, data, ['no', 'sendnum', 'errorDesc']
|
||||
};
|
||||
|
||||
xlsx.export(data, saveFileName, options).then(() => {});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -1,33 +1,33 @@
|
||||
import StaticsList from "../components/StaticsList";
|
||||
import TmpltStatics from "../components/TmpltStaticsList";
|
||||
import UserStatics from "../components/UserStaticsList";
|
||||
import CampaignStaticsList from "../components/CampaignStaticsList";
|
||||
|
||||
export default [
|
||||
{
|
||||
//
|
||||
path: '/view/stat/prod',
|
||||
name: 'staticsList',
|
||||
component: StaticsList,
|
||||
},
|
||||
{
|
||||
//
|
||||
path: '/view/stat/tmplt',
|
||||
name: 'tmpltStatics',
|
||||
component: TmpltStatics,
|
||||
},
|
||||
{
|
||||
//
|
||||
path: '/view/stat/usr',
|
||||
name: 'userStatics',
|
||||
component: UserStatics,
|
||||
},
|
||||
{
|
||||
//
|
||||
path: '/view/stat/camp',
|
||||
name: 'campaignStatics',
|
||||
component: CampaignStaticsList,
|
||||
},
|
||||
]
|
||||
|
||||
import StaticsList from "../components/StaticsList";
|
||||
import TmpltStatics from "../components/TmpltStaticsList";
|
||||
import UserStatics from "../components/UserStaticsList";
|
||||
import CampaignStaticsList from "../components/CampaignStaticsList";
|
||||
|
||||
export default [
|
||||
{
|
||||
//
|
||||
path: '/view/stat/prod',
|
||||
name: 'staticsList',
|
||||
component: StaticsList,
|
||||
},
|
||||
{
|
||||
//
|
||||
path: '/view/stat/tmplt',
|
||||
name: 'tmpltStatics',
|
||||
component: TmpltStatics,
|
||||
},
|
||||
{
|
||||
//
|
||||
path: '/view/stat/usr',
|
||||
name: 'userStatics',
|
||||
component: UserStatics,
|
||||
},
|
||||
{
|
||||
//
|
||||
path: '/view/stat/camp',
|
||||
name: 'campaignStatics',
|
||||
component: CampaignStaticsList,
|
||||
},
|
||||
]
|
||||
|
||||
|
||||
@@ -1,147 +1,147 @@
|
||||
import httpClient from '@/common/http-client';
|
||||
import prodExcelHeader from './mock/prodExcelHeader';
|
||||
import tmplExcelHeader from './mock/tmplExcelHeader';
|
||||
import userExcelHeader from './mock/userExcelHeader';
|
||||
import campExcelHeader from './mock/campExcelHeader';
|
||||
//import lodash from "lodash";
|
||||
|
||||
const selectStatics = params => {
|
||||
return httpClient.get('/api/statics/list');
|
||||
};
|
||||
|
||||
const selectStaticsSummary = params => {
|
||||
return httpClient.get('/api/statics/list/summary', {
|
||||
params: { dateDiv: params.dateDiv, sDate: params.sDate, eDate: params.eDate }
|
||||
});
|
||||
};
|
||||
|
||||
const selectStaticsXls = params => {
|
||||
return httpClient.post('/api/statics/xls/list', params);
|
||||
};
|
||||
|
||||
const selectTmpltlist = params => {
|
||||
return httpClient.get('/api/statics/tmpltList');
|
||||
};
|
||||
|
||||
const selectTmpltXlslist = params => {
|
||||
return httpClient.post('/api/statics/tmpltList/xls/list', params);
|
||||
};
|
||||
|
||||
const selectTmpltSummary = params => {
|
||||
return httpClient.get('/api/statics/tmpltList/summary', {
|
||||
params: {
|
||||
dateDiv: params.dateDiv,
|
||||
sDate: params.sDate,
|
||||
eDate: params.eDate,
|
||||
searchProdCd: params.searchProdCd,
|
||||
searchMsgbaseId: params.searchMsgbaseId
|
||||
// searchProdCd: params.searchProdCd != undefined ? params.searchProdCd : null,
|
||||
// searchMsgbaseId: params.searchMsgbaseId != undefined ? params.searchMsgbaseId : null
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
const selectUserlist = params => {
|
||||
return httpClient.get('/api/statics/userList');
|
||||
};
|
||||
|
||||
const selectUserXlslist = params => {
|
||||
return httpClient.post('/api/statics/userList/xls/list', params);
|
||||
};
|
||||
|
||||
const selectUserSummary = params => {
|
||||
return httpClient.get('/api/statics/userList/summary', {
|
||||
params: {
|
||||
dateDiv: params.dateDiv,
|
||||
sDate: params.sDate,
|
||||
eDate: params.eDate,
|
||||
searchDeptNm: params.searchDeptNm,
|
||||
searchUserId: params.searchUserId
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
const selectCampXlslist = params => {
|
||||
return httpClient.post('/api/statics/campList/xls/list', params);
|
||||
};
|
||||
|
||||
const selectCampSummary = params => {
|
||||
return httpClient.get('/api/statics/campList/summary', {
|
||||
params: {
|
||||
dateDiv: params.dateDiv,
|
||||
sDate: params.sDate,
|
||||
eDate: params.eDate,
|
||||
searchCampId: params.searchCampId
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
const selectCodeProdList = codeGrp => {
|
||||
// ES6에서는 key와 value가 같을경우. get은 아래와 같이 가능.
|
||||
return httpClient.get('/api/statics/code/list', { params: { codeGrp } });
|
||||
};
|
||||
|
||||
const selectMsgbaseIdList = searchProdCd => {
|
||||
//console.log("api selectMsgbaseIdList productcode : " + searchProdCd);
|
||||
return httpClient.get('/api/statics/msgbaseid/list', { params: { searchProdCd } });
|
||||
};
|
||||
|
||||
const selectDeptNmList = () => {
|
||||
return httpClient.get('/api/statics/deptNm/list');
|
||||
};
|
||||
|
||||
const selectUserRoleInfo = () => {
|
||||
return httpClient.get('/api/statics/userId/roleId');
|
||||
};
|
||||
|
||||
const selectUserIdList = searchDeptNm => {
|
||||
//console.log("api selectUserIdList searchDeptNm : " + searchDeptNm);
|
||||
return httpClient.get('/api/statics/userId/list', { params: { searchDeptNm } });
|
||||
};
|
||||
|
||||
const getExcelHeader = category => {
|
||||
// 엑셀에 출력할 Header 정보를 Mockup 데이터로 관리한다.
|
||||
return new Promise(function(resolve, reject) {
|
||||
let header = [];
|
||||
switch (category) {
|
||||
case 'TMPL':
|
||||
header = tmplExcelHeader.header;
|
||||
break;
|
||||
case 'USER':
|
||||
header = userExcelHeader.header;
|
||||
break;
|
||||
case 'CAMPAIGN':
|
||||
header = campExcelHeader.header;
|
||||
break;
|
||||
default:
|
||||
header = prodExcelHeader.header;
|
||||
break;
|
||||
}
|
||||
resolve(header);
|
||||
});
|
||||
};
|
||||
|
||||
export default {
|
||||
selectStatics,
|
||||
selectStaticsXls,
|
||||
selectStaticsSummary,
|
||||
|
||||
selectTmpltlist,
|
||||
selectTmpltXlslist,
|
||||
selectTmpltSummary,
|
||||
|
||||
selectUserlist,
|
||||
selectUserXlslist,
|
||||
selectUserSummary,
|
||||
|
||||
selectCampXlslist,
|
||||
selectCampSummary,
|
||||
|
||||
selectCodeProdList,
|
||||
selectMsgbaseIdList,
|
||||
selectDeptNmList,
|
||||
selectUserIdList,
|
||||
|
||||
selectUserRoleInfo,
|
||||
getExcelHeader
|
||||
};
|
||||
import httpClient from '@/common/http-client';
|
||||
import prodExcelHeader from './mock/prodExcelHeader';
|
||||
import tmplExcelHeader from './mock/tmplExcelHeader';
|
||||
import userExcelHeader from './mock/userExcelHeader';
|
||||
import campExcelHeader from './mock/campExcelHeader';
|
||||
//import lodash from "lodash";
|
||||
|
||||
const selectStatics = params => {
|
||||
return httpClient.get('/api/statics/list');
|
||||
};
|
||||
|
||||
const selectStaticsSummary = params => {
|
||||
return httpClient.get('/api/statics/list/summary', {
|
||||
params: { dateDiv: params.dateDiv, sDate: params.sDate, eDate: params.eDate }
|
||||
});
|
||||
};
|
||||
|
||||
const selectStaticsXls = params => {
|
||||
return httpClient.post('/api/statics/xls/list', params);
|
||||
};
|
||||
|
||||
const selectTmpltlist = params => {
|
||||
return httpClient.get('/api/statics/tmpltList');
|
||||
};
|
||||
|
||||
const selectTmpltXlslist = params => {
|
||||
return httpClient.post('/api/statics/tmpltList/xls/list', params);
|
||||
};
|
||||
|
||||
const selectTmpltSummary = params => {
|
||||
return httpClient.get('/api/statics/tmpltList/summary', {
|
||||
params: {
|
||||
dateDiv: params.dateDiv,
|
||||
sDate: params.sDate,
|
||||
eDate: params.eDate,
|
||||
searchProdCd: params.searchProdCd,
|
||||
searchMsgbaseId: params.searchMsgbaseId
|
||||
// searchProdCd: params.searchProdCd != undefined ? params.searchProdCd : null,
|
||||
// searchMsgbaseId: params.searchMsgbaseId != undefined ? params.searchMsgbaseId : null
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
const selectUserlist = params => {
|
||||
return httpClient.get('/api/statics/userList');
|
||||
};
|
||||
|
||||
const selectUserXlslist = params => {
|
||||
return httpClient.post('/api/statics/userList/xls/list', params);
|
||||
};
|
||||
|
||||
const selectUserSummary = params => {
|
||||
return httpClient.get('/api/statics/userList/summary', {
|
||||
params: {
|
||||
dateDiv: params.dateDiv,
|
||||
sDate: params.sDate,
|
||||
eDate: params.eDate,
|
||||
searchDeptNm: params.searchDeptNm,
|
||||
searchUserId: params.searchUserId
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
const selectCampXlslist = params => {
|
||||
return httpClient.post('/api/statics/campList/xls/list', params);
|
||||
};
|
||||
|
||||
const selectCampSummary = params => {
|
||||
return httpClient.get('/api/statics/campList/summary', {
|
||||
params: {
|
||||
dateDiv: params.dateDiv,
|
||||
sDate: params.sDate,
|
||||
eDate: params.eDate,
|
||||
searchCampId: params.searchCampId
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
const selectCodeProdList = codeGrp => {
|
||||
// ES6에서는 key와 value가 같을경우. get은 아래와 같이 가능.
|
||||
return httpClient.get('/api/statics/code/list', { params: { codeGrp } });
|
||||
};
|
||||
|
||||
const selectMsgbaseIdList = searchProdCd => {
|
||||
//console.log("api selectMsgbaseIdList productcode : " + searchProdCd);
|
||||
return httpClient.get('/api/statics/msgbaseid/list', { params: { searchProdCd } });
|
||||
};
|
||||
|
||||
const selectDeptNmList = () => {
|
||||
return httpClient.get('/api/statics/deptNm/list');
|
||||
};
|
||||
|
||||
const selectUserRoleInfo = () => {
|
||||
return httpClient.get('/api/statics/userId/roleId');
|
||||
};
|
||||
|
||||
const selectUserIdList = searchDeptNm => {
|
||||
//console.log("api selectUserIdList searchDeptNm : " + searchDeptNm);
|
||||
return httpClient.get('/api/statics/userId/list', { params: { searchDeptNm } });
|
||||
};
|
||||
|
||||
const getExcelHeader = category => {
|
||||
// 엑셀에 출력할 Header 정보를 Mockup 데이터로 관리한다.
|
||||
return new Promise(function(resolve, reject) {
|
||||
let header = [];
|
||||
switch (category) {
|
||||
case 'TMPL':
|
||||
header = tmplExcelHeader.header;
|
||||
break;
|
||||
case 'USER':
|
||||
header = userExcelHeader.header;
|
||||
break;
|
||||
case 'CAMPAIGN':
|
||||
header = campExcelHeader.header;
|
||||
break;
|
||||
default:
|
||||
header = prodExcelHeader.header;
|
||||
break;
|
||||
}
|
||||
resolve(header);
|
||||
});
|
||||
};
|
||||
|
||||
export default {
|
||||
selectStatics,
|
||||
selectStaticsXls,
|
||||
selectStaticsSummary,
|
||||
|
||||
selectTmpltlist,
|
||||
selectTmpltXlslist,
|
||||
selectTmpltSummary,
|
||||
|
||||
selectUserlist,
|
||||
selectUserXlslist,
|
||||
selectUserSummary,
|
||||
|
||||
selectCampXlslist,
|
||||
selectCampSummary,
|
||||
|
||||
selectCodeProdList,
|
||||
selectMsgbaseIdList,
|
||||
selectDeptNmList,
|
||||
selectUserIdList,
|
||||
|
||||
selectUserRoleInfo,
|
||||
getExcelHeader
|
||||
};
|
||||
|
||||
@@ -1,203 +1,203 @@
|
||||
{
|
||||
"header": [
|
||||
[
|
||||
{
|
||||
"key": "seq",
|
||||
"name": "NO",
|
||||
"rowspan": "2"
|
||||
},
|
||||
{
|
||||
"key": "campaignId",
|
||||
"name": "캠페인ID",
|
||||
"rowspan": "2"
|
||||
},
|
||||
{
|
||||
"key": "msgbaseName",
|
||||
"name": "템플릿명",
|
||||
"rowspan": "2"
|
||||
},
|
||||
{
|
||||
"key": "msgbaseId",
|
||||
"name": "템플릿아이디",
|
||||
"rowspan": "2"
|
||||
},
|
||||
{
|
||||
"key": "ymd",
|
||||
"name": "날짜",
|
||||
"rowspan": "2"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "스타일 템플릿",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "서술 템플릿",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "기본 템플릿",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "템플릿 소계",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "RCS SMS",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "RCS LMS",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "RCS MMS",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "RCS 소계",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "Fallback SMS",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "Fallback LMS",
|
||||
"colspan": "3"
|
||||
}
|
||||
],
|
||||
[
|
||||
{
|
||||
"key": "cellTmpltTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "cellTmpltSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "cellTmpltRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "descTmpltTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "descTmpltSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "descTmpltRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "freeTmpltTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "freeTmpltSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "freeTmpltRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "subSumTmpltTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "subSumTmpltSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "subSumTmpltRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "smsTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "smsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "smsRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "lmsTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "lmsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "lmsRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "mmsTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "mmsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "mmsRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "formatTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "formatSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "formatRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "fbSmsTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "fbSmsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "fbSmsRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "fbLmsTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "fbLmsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "fbLmsRate",
|
||||
"name": "성공률(%)"
|
||||
}
|
||||
]
|
||||
]
|
||||
}
|
||||
{
|
||||
"header": [
|
||||
[
|
||||
{
|
||||
"key": "seq",
|
||||
"name": "NO",
|
||||
"rowspan": "2"
|
||||
},
|
||||
{
|
||||
"key": "campaignId",
|
||||
"name": "캠페인ID",
|
||||
"rowspan": "2"
|
||||
},
|
||||
{
|
||||
"key": "msgbaseName",
|
||||
"name": "템플릿명",
|
||||
"rowspan": "2"
|
||||
},
|
||||
{
|
||||
"key": "msgbaseId",
|
||||
"name": "템플릿아이디",
|
||||
"rowspan": "2"
|
||||
},
|
||||
{
|
||||
"key": "ymd",
|
||||
"name": "날짜",
|
||||
"rowspan": "2"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "스타일 템플릿",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "서술 템플릿",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "기본 템플릿",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "템플릿 소계",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "RCS SMS",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "RCS LMS",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "RCS MMS",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "RCS 소계",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "Fallback SMS",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "Fallback LMS",
|
||||
"colspan": "3"
|
||||
}
|
||||
],
|
||||
[
|
||||
{
|
||||
"key": "cellTmpltTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "cellTmpltSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "cellTmpltRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "descTmpltTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "descTmpltSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "descTmpltRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "freeTmpltTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "freeTmpltSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "freeTmpltRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "subSumTmpltTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "subSumTmpltSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "subSumTmpltRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "smsTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "smsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "smsRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "lmsTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "lmsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "lmsRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "mmsTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "mmsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "mmsRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "formatTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "formatSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "formatRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "fbSmsTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "fbSmsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "fbSmsRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "fbLmsTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "fbLmsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "fbLmsRate",
|
||||
"name": "성공률(%)"
|
||||
}
|
||||
]
|
||||
]
|
||||
}
|
||||
|
||||
@@ -1,188 +1,188 @@
|
||||
{
|
||||
"header": [
|
||||
[
|
||||
{
|
||||
"key": "seq",
|
||||
"name": "NO",
|
||||
"rowspan": "2"
|
||||
},
|
||||
{
|
||||
"key": "ymd",
|
||||
"name": "날짜",
|
||||
"rowspan": "2"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "스타일 템플릿",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "서술 템플릿",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "기본 템플릿",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "템플릿 소계",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "RCS SMS",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "RCS LMS",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "RCS MMS",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "포맷 소계",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "Fallback SMS",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "Fallback LMS",
|
||||
"colspan": "3"
|
||||
}
|
||||
],
|
||||
[
|
||||
{
|
||||
"key": "cellTmpltTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "cellTmpltSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "cellTmpltRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "descTmpltTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "descTmpltSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "descTmpltRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "freeTmpltTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "freeTmpltSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "freeTmpltRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "subSumTmpltTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "subSumTmpltSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "subSumTmpltRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "smsTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "smsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "smsRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "lmsTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "lmsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "lmsRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "mmsTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "mmsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "mmsRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "formatTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "formatSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "formatRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "fbSmsTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "fbSmsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "fbSmsRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "fbLmsTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "fbLmsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "fbLmsRate",
|
||||
"name": "성공률(%)"
|
||||
}
|
||||
]
|
||||
]
|
||||
}
|
||||
{
|
||||
"header": [
|
||||
[
|
||||
{
|
||||
"key": "seq",
|
||||
"name": "NO",
|
||||
"rowspan": "2"
|
||||
},
|
||||
{
|
||||
"key": "ymd",
|
||||
"name": "날짜",
|
||||
"rowspan": "2"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "스타일 템플릿",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "서술 템플릿",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "기본 템플릿",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "템플릿 소계",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "RCS SMS",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "RCS LMS",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "RCS MMS",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "포맷 소계",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "Fallback SMS",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "Fallback LMS",
|
||||
"colspan": "3"
|
||||
}
|
||||
],
|
||||
[
|
||||
{
|
||||
"key": "cellTmpltTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "cellTmpltSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "cellTmpltRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "descTmpltTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "descTmpltSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "descTmpltRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "freeTmpltTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "freeTmpltSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "freeTmpltRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "subSumTmpltTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "subSumTmpltSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "subSumTmpltRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "smsTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "smsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "smsRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "lmsTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "lmsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "lmsRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "mmsTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "mmsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "mmsRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "formatTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "formatSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "formatRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "fbSmsTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "fbSmsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "fbSmsRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "fbLmsTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "fbLmsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "fbLmsRate",
|
||||
"name": "성공률(%)"
|
||||
}
|
||||
]
|
||||
]
|
||||
}
|
||||
|
||||
@@ -1,84 +1,84 @@
|
||||
{
|
||||
"header": [
|
||||
[
|
||||
{
|
||||
"key": "seq",
|
||||
"name": "NO",
|
||||
"rowspan": "2"
|
||||
},
|
||||
{
|
||||
"key": "msgbaseName",
|
||||
"name": "템플릿명",
|
||||
"rowspan": "2"
|
||||
},
|
||||
{
|
||||
"key": "msgbaseId",
|
||||
"name": "포맷ID",
|
||||
"rowspan": "2"
|
||||
},
|
||||
{
|
||||
"key": "ymd",
|
||||
"name": "날짜",
|
||||
"rowspan": "2"
|
||||
},
|
||||
{
|
||||
"key": "productName",
|
||||
"name": "상품명",
|
||||
"rowspan": "2"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "RCS",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "Fallback SMS",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "Fallback LMS",
|
||||
"colspan": "3"
|
||||
}
|
||||
],
|
||||
[
|
||||
{
|
||||
"key": "rcsCnt",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "rcsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "rcsRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "fbSmsTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "fbSmsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "fbSmsRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "fbLmsTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "fbLmsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "fbLmsRate",
|
||||
"name": "성공률(%)"
|
||||
}
|
||||
]
|
||||
]
|
||||
}
|
||||
{
|
||||
"header": [
|
||||
[
|
||||
{
|
||||
"key": "seq",
|
||||
"name": "NO",
|
||||
"rowspan": "2"
|
||||
},
|
||||
{
|
||||
"key": "msgbaseName",
|
||||
"name": "템플릿명",
|
||||
"rowspan": "2"
|
||||
},
|
||||
{
|
||||
"key": "msgbaseId",
|
||||
"name": "포맷ID",
|
||||
"rowspan": "2"
|
||||
},
|
||||
{
|
||||
"key": "ymd",
|
||||
"name": "날짜",
|
||||
"rowspan": "2"
|
||||
},
|
||||
{
|
||||
"key": "productName",
|
||||
"name": "상품명",
|
||||
"rowspan": "2"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "RCS",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "Fallback SMS",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "Fallback LMS",
|
||||
"colspan": "3"
|
||||
}
|
||||
],
|
||||
[
|
||||
{
|
||||
"key": "rcsCnt",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "rcsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "rcsRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "fbSmsTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "fbSmsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "fbSmsRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "fbLmsTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "fbLmsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "fbLmsRate",
|
||||
"name": "성공률(%)"
|
||||
}
|
||||
]
|
||||
]
|
||||
}
|
||||
|
||||
@@ -1,198 +1,198 @@
|
||||
{
|
||||
"header": [
|
||||
[
|
||||
{
|
||||
"key": "seq",
|
||||
"name": "NO",
|
||||
"rowspan": "2"
|
||||
},
|
||||
{
|
||||
"key": "userId",
|
||||
"name": "아이디",
|
||||
"rowspan": "2"
|
||||
},
|
||||
{
|
||||
"key": "deptNm",
|
||||
"name": "부서명",
|
||||
"rowspan": "2"
|
||||
},
|
||||
{
|
||||
"key": "ymd",
|
||||
"name": "날짜",
|
||||
"rowspan": "2"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "스타일 템플릿",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "서술 템플릿",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "기본 템플릿",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "템플릿 소계",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "RCS SMS",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "RCS LMS",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "RCS MMS",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "RCS 소계",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "Fallback SMS",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "Fallback LMS",
|
||||
"colspan": "3"
|
||||
}
|
||||
],
|
||||
[
|
||||
{
|
||||
"key": "cellTmpltTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "cellTmpltSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "cellTmpltRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "descTmpltTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "descTmpltSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "descTmpltRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "freeTmpltTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "freeTmpltSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "freeTmpltRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "subSumTmpltTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "subSumTmpltSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "subSumTmpltRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "smsTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "smsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "smsRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "lmsTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "lmsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "lmsRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "mmsTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "mmsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "mmsRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "formatTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "formatSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "formatRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "fbSmsTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "fbSmsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "fbSmsRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "fbLmsTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "fbLmsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "fbLmsRate",
|
||||
"name": "성공률(%)"
|
||||
}
|
||||
]
|
||||
]
|
||||
}
|
||||
{
|
||||
"header": [
|
||||
[
|
||||
{
|
||||
"key": "seq",
|
||||
"name": "NO",
|
||||
"rowspan": "2"
|
||||
},
|
||||
{
|
||||
"key": "userId",
|
||||
"name": "아이디",
|
||||
"rowspan": "2"
|
||||
},
|
||||
{
|
||||
"key": "deptNm",
|
||||
"name": "부서명",
|
||||
"rowspan": "2"
|
||||
},
|
||||
{
|
||||
"key": "ymd",
|
||||
"name": "날짜",
|
||||
"rowspan": "2"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "스타일 템플릿",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "서술 템플릿",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "기본 템플릿",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "템플릿 소계",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "RCS SMS",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "RCS LMS",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "RCS MMS",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "RCS 소계",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "Fallback SMS",
|
||||
"colspan": "3"
|
||||
},
|
||||
{
|
||||
"key": "",
|
||||
"name": "Fallback LMS",
|
||||
"colspan": "3"
|
||||
}
|
||||
],
|
||||
[
|
||||
{
|
||||
"key": "cellTmpltTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "cellTmpltSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "cellTmpltRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "descTmpltTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "descTmpltSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "descTmpltRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "freeTmpltTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "freeTmpltSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "freeTmpltRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "subSumTmpltTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "subSumTmpltSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "subSumTmpltRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "smsTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "smsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "smsRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "lmsTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "lmsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "lmsRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "mmsTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "mmsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "mmsRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "formatTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "formatSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "formatRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "fbSmsTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "fbSmsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "fbSmsRate",
|
||||
"name": "성공률(%)"
|
||||
},
|
||||
{
|
||||
"key": "fbLmsTot",
|
||||
"name": "발송"
|
||||
},
|
||||
{
|
||||
"key": "fbLmsSucc",
|
||||
"name": "성공"
|
||||
},
|
||||
{
|
||||
"key": "fbLmsRate",
|
||||
"name": "성공률(%)"
|
||||
}
|
||||
]
|
||||
]
|
||||
}
|
||||
|
||||
@@ -1,19 +1,19 @@
|
||||
import MonthList from '../views/MonthList'
|
||||
import BsnmMonthList from '../views/BsnmMonthList'
|
||||
|
||||
export default [
|
||||
{
|
||||
path: '/stats/monthList',
|
||||
component: MonthList,
|
||||
name: 'monthList',
|
||||
meta: { public: true }
|
||||
},
|
||||
{
|
||||
path: '/stats/bsnmMonthList',
|
||||
component: BsnmMonthList,
|
||||
name: 'bsnmMonthList',
|
||||
meta: { public: true }
|
||||
},
|
||||
|
||||
]
|
||||
|
||||
import MonthList from '../views/MonthList'
|
||||
import BsnmMonthList from '../views/BsnmMonthList'
|
||||
|
||||
export default [
|
||||
{
|
||||
path: '/stats/monthList',
|
||||
component: MonthList,
|
||||
name: 'monthList',
|
||||
meta: { public: true }
|
||||
},
|
||||
{
|
||||
path: '/stats/bsnmMonthList',
|
||||
component: BsnmMonthList,
|
||||
name: 'bsnmMonthList',
|
||||
meta: { public: true }
|
||||
},
|
||||
|
||||
]
|
||||
|
||||
|
||||
@@ -1,164 +1,164 @@
|
||||
<template>
|
||||
|
||||
<div class="contents">
|
||||
<div class="contents_wrap">
|
||||
<div class="top_wrap">
|
||||
<h3 class="title">사업자 월별 통계 목록 조회</h3>
|
||||
<p class="breadcrumb">시스템관리 > 관리자/유치채널 관리</p>
|
||||
</div>
|
||||
<form autocomplete="off" class="search_form">
|
||||
<div class="search_wrap">
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">권한</label>
|
||||
<select name="" id="right">
|
||||
<option value="전체">전체</option>
|
||||
<option value="대리점">대리점</option>
|
||||
<option value="운영자">운영자</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">상태</label>
|
||||
<select name="" id="right">
|
||||
<option value="전체">전체</option>
|
||||
<option value="사용">사용</option>
|
||||
<option value="중지">중지</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input_box id">
|
||||
<label for="id1" class="label">ID</label>
|
||||
<input type="text" id="id1" placeholder="검색어 입력"/>
|
||||
</div>
|
||||
<div class="input_box">
|
||||
<label for="name" class="label">이름(대리점명)</label>
|
||||
<input type="text" id="name" placeholder="검색어 입력"/>
|
||||
</div>
|
||||
<button type="button" class="button grey">조회</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="info">
|
||||
<div class="count">총 <span>100</span>건</div>
|
||||
<div class="button_group">
|
||||
<button type="button" class="button blue admin">관리자 등록</button>
|
||||
<button type="button" class="button blue channel">유지채널 등록</button>
|
||||
<button type="button" class="button white delete">삭제</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="table">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col width="5%"/>
|
||||
<col width="15%"/>
|
||||
<col width="15%"/>
|
||||
<col width="20%"/>
|
||||
<col width="20%"/>
|
||||
<col width="5%"/>
|
||||
<col width="20%"/>
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th><input type="checkbox" id="admin_check1"><label for="admin_check1"></label></th>
|
||||
<th>NO</th>
|
||||
<th>권한</th>
|
||||
<th>이름(대리점명)</th>
|
||||
<th>ID</th>
|
||||
<th>상태</th>
|
||||
<th>등록일</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><input type="checkbox" checked id="admin_check2"><label for="admin_check2"></label></td>
|
||||
<td>10</td>
|
||||
<td>대리점</td>
|
||||
<td>유플러스</td>
|
||||
<td><a href="javascript:void(0)">uplus1</a></td>
|
||||
<td>사용</td>
|
||||
<td>2022-03-10</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div> -->
|
||||
<div class="table">
|
||||
<custom-grid
|
||||
ref="table"
|
||||
:totalItems="'totalItems'"
|
||||
:url="testList.url"
|
||||
:perPage="testList.perPage"
|
||||
:initialRequest="testList.initialRequest"
|
||||
:pagination="testList.pagination"
|
||||
:isCheckbox="testList.isCheckbox"
|
||||
:columns="testList.columns"
|
||||
:noDataStr="testList.noDataStr"
|
||||
:addCls="testList.addCls"
|
||||
:header="testList.header"
|
||||
></custom-grid>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import customGrid from '@/components/CustomGrid';
|
||||
//import api from '../service/api';
|
||||
export default {
|
||||
name: 'monthList',
|
||||
data() {
|
||||
return {
|
||||
testList: {
|
||||
url: '/api/v1/bo/sysMgt/adminList',
|
||||
perPage: 20,
|
||||
pagination: true,
|
||||
isCheckbox: true,
|
||||
initialRequest: false,
|
||||
addCls: 'box_OFvis',
|
||||
|
||||
|
||||
header: [
|
||||
[
|
||||
{ header: 'NO', childNames: [] },
|
||||
{ header: '권한', childNames: [] },
|
||||
{ header: '이름(대리점명)', childNames: [] },
|
||||
{ header: 'ID', childNames: [] },
|
||||
{ header: '상태', childNames: [] },
|
||||
{ header: '등록일', childNames: [] }
|
||||
]
|
||||
],
|
||||
|
||||
columns: [
|
||||
{ name: 'no', header: 'NO', align: 'center', width: 60 },
|
||||
{ name: 'auth', header: '권한', align: 'left', width: 160 },
|
||||
{ name: 'name', header: '이름(대리점명)', align: 'center', width: 130},
|
||||
{ name: 'adminId', header: 'ID', align: 'center', width: 130},
|
||||
{ name: 'adminStat', header: '상태', align: 'center', width: 130},
|
||||
{ name: 'regDt', header: '등록일', width: 90, cls: 'td_line' }
|
||||
],
|
||||
noDataStr: '검색 결과가 없습니다.',
|
||||
params: {
|
||||
searchType1: '',
|
||||
searchType2: '',
|
||||
searchText1: '',
|
||||
searchText2: ''
|
||||
},
|
||||
excelHeader: []
|
||||
}
|
||||
};
|
||||
},
|
||||
components: {
|
||||
customGrid: customGrid
|
||||
},
|
||||
destroyed() {
|
||||
|
||||
},
|
||||
mounted() {
|
||||
let isKeep = false;
|
||||
isKeep = true;
|
||||
this.search(isKeep);
|
||||
},
|
||||
methods: {
|
||||
search: function(isKeep) {
|
||||
console.log(this.testList.params);
|
||||
this.$refs.table.search(this.testList.params, isKeep);
|
||||
},
|
||||
}
|
||||
};
|
||||
<template>
|
||||
|
||||
<div class="contents">
|
||||
<div class="contents_wrap">
|
||||
<div class="top_wrap">
|
||||
<h3 class="title">사업자 월별 통계 목록 조회</h3>
|
||||
<p class="breadcrumb">시스템관리 > 관리자/유치채널 관리</p>
|
||||
</div>
|
||||
<form autocomplete="off" class="search_form">
|
||||
<div class="search_wrap">
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">권한</label>
|
||||
<select name="" id="right">
|
||||
<option value="전체">전체</option>
|
||||
<option value="대리점">대리점</option>
|
||||
<option value="운영자">운영자</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">상태</label>
|
||||
<select name="" id="right">
|
||||
<option value="전체">전체</option>
|
||||
<option value="사용">사용</option>
|
||||
<option value="중지">중지</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input_box id">
|
||||
<label for="id1" class="label">ID</label>
|
||||
<input type="text" id="id1" placeholder="검색어 입력"/>
|
||||
</div>
|
||||
<div class="input_box">
|
||||
<label for="name" class="label">이름(대리점명)</label>
|
||||
<input type="text" id="name" placeholder="검색어 입력"/>
|
||||
</div>
|
||||
<button type="button" class="button grey">조회</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="info">
|
||||
<div class="count">총 <span>100</span>건</div>
|
||||
<div class="button_group">
|
||||
<button type="button" class="button blue admin">관리자 등록</button>
|
||||
<button type="button" class="button blue channel">유지채널 등록</button>
|
||||
<button type="button" class="button white delete">삭제</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="table">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col width="5%"/>
|
||||
<col width="15%"/>
|
||||
<col width="15%"/>
|
||||
<col width="20%"/>
|
||||
<col width="20%"/>
|
||||
<col width="5%"/>
|
||||
<col width="20%"/>
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th><input type="checkbox" id="admin_check1"><label for="admin_check1"></label></th>
|
||||
<th>NO</th>
|
||||
<th>권한</th>
|
||||
<th>이름(대리점명)</th>
|
||||
<th>ID</th>
|
||||
<th>상태</th>
|
||||
<th>등록일</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><input type="checkbox" checked id="admin_check2"><label for="admin_check2"></label></td>
|
||||
<td>10</td>
|
||||
<td>대리점</td>
|
||||
<td>유플러스</td>
|
||||
<td><a href="javascript:void(0)">uplus1</a></td>
|
||||
<td>사용</td>
|
||||
<td>2022-03-10</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div> -->
|
||||
<div class="table">
|
||||
<custom-grid
|
||||
ref="table"
|
||||
:totalItems="'totalItems'"
|
||||
:url="testList.url"
|
||||
:perPage="testList.perPage"
|
||||
:initialRequest="testList.initialRequest"
|
||||
:pagination="testList.pagination"
|
||||
:isCheckbox="testList.isCheckbox"
|
||||
:columns="testList.columns"
|
||||
:noDataStr="testList.noDataStr"
|
||||
:addCls="testList.addCls"
|
||||
:header="testList.header"
|
||||
></custom-grid>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import customGrid from '@/components/CustomGrid';
|
||||
//import api from '../service/api';
|
||||
export default {
|
||||
name: 'monthList',
|
||||
data() {
|
||||
return {
|
||||
testList: {
|
||||
url: '/api/v1/bo/sysMgt/adminList',
|
||||
perPage: 20,
|
||||
pagination: true,
|
||||
isCheckbox: true,
|
||||
initialRequest: false,
|
||||
addCls: 'box_OFvis',
|
||||
|
||||
|
||||
header: [
|
||||
[
|
||||
{ header: 'NO', childNames: [] },
|
||||
{ header: '권한', childNames: [] },
|
||||
{ header: '이름(대리점명)', childNames: [] },
|
||||
{ header: 'ID', childNames: [] },
|
||||
{ header: '상태', childNames: [] },
|
||||
{ header: '등록일', childNames: [] }
|
||||
]
|
||||
],
|
||||
|
||||
columns: [
|
||||
{ name: 'no', header: 'NO', align: 'center', width: 60 },
|
||||
{ name: 'auth', header: '권한', align: 'left', width: 160 },
|
||||
{ name: 'name', header: '이름(대리점명)', align: 'center', width: 130},
|
||||
{ name: 'adminId', header: 'ID', align: 'center', width: 130},
|
||||
{ name: 'adminStat', header: '상태', align: 'center', width: 130},
|
||||
{ name: 'regDt', header: '등록일', width: 90, cls: 'td_line' }
|
||||
],
|
||||
noDataStr: '검색 결과가 없습니다.',
|
||||
params: {
|
||||
searchType1: '',
|
||||
searchType2: '',
|
||||
searchText1: '',
|
||||
searchText2: ''
|
||||
},
|
||||
excelHeader: []
|
||||
}
|
||||
};
|
||||
},
|
||||
components: {
|
||||
customGrid: customGrid
|
||||
},
|
||||
destroyed() {
|
||||
|
||||
},
|
||||
mounted() {
|
||||
let isKeep = false;
|
||||
isKeep = true;
|
||||
this.search(isKeep);
|
||||
},
|
||||
methods: {
|
||||
search: function(isKeep) {
|
||||
console.log(this.testList.params);
|
||||
this.$refs.table.search(this.testList.params, isKeep);
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@@ -1,165 +1,165 @@
|
||||
<template>
|
||||
|
||||
<div class="contents">
|
||||
<div class="contents_wrap">
|
||||
<div class="top_wrap">
|
||||
<h3 class="title">월별 통계 목록 조회</h3>
|
||||
<p class="breadcrumb">시스템관리 > 관리자/유치채널 관리</p>
|
||||
</div>
|
||||
<form autocomplete="off" class="search_form">
|
||||
<div class="search_wrap">
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">권한</label>
|
||||
<select name="" id="right">
|
||||
<option value="전체">전체</option>
|
||||
<option value="대리점">대리점</option>
|
||||
<option value="운영자">운영자</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">상태</label>
|
||||
<select name="" id="right">
|
||||
<option value="전체">전체</option>
|
||||
<option value="사용">사용</option>
|
||||
<option value="중지">중지</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input_box id">
|
||||
<label for="id1" class="label">ID</label>
|
||||
<input type="text" id="id1" placeholder="검색어 입력"/>
|
||||
</div>
|
||||
<div class="input_box">
|
||||
<label for="name" class="label">이름(대리점명)</label>
|
||||
<input type="text" id="name" placeholder="검색어 입력"/>
|
||||
</div>
|
||||
<button type="button" class="button grey">조회</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="info">
|
||||
<div class="count">총 <span>100</span>건</div>
|
||||
<div class="button_group">
|
||||
<button type="button" class="button blue admin">관리자 등록</button>
|
||||
<button type="button" class="button blue channel">유지채널 등록</button>
|
||||
<button type="button" class="button white delete">삭제</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="table">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col width="5%"/>
|
||||
<col width="15%"/>
|
||||
<col width="15%"/>
|
||||
<col width="20%"/>
|
||||
<col width="20%"/>
|
||||
<col width="5%"/>
|
||||
<col width="20%"/>
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th><input type="checkbox" id="admin_check1"><label for="admin_check1"></label></th>
|
||||
<th>NO</th>
|
||||
<th>권한</th>
|
||||
<th>이름(대리점명)</th>
|
||||
<th>ID</th>
|
||||
<th>상태</th>
|
||||
<th>등록일</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><input type="checkbox" checked id="admin_check2"><label for="admin_check2"></label></td>
|
||||
<td>10</td>
|
||||
<td>대리점</td>
|
||||
<td>유플러스</td>
|
||||
<td><a href="javascript:void(0)">uplus1</a></td>
|
||||
<td>사용</td>
|
||||
<td>2022-03-10</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div> -->
|
||||
<div class="table">
|
||||
<custom-grid
|
||||
ref="table"
|
||||
:totalItems="'totalItems'"
|
||||
:url="testList.url"
|
||||
:perPage="testList.perPage"
|
||||
:initialRequest="testList.initialRequest"
|
||||
:pagination="testList.pagination"
|
||||
:isCheckbox="testList.isCheckbox"
|
||||
:columns="testList.columns"
|
||||
:noDataStr="testList.noDataStr"
|
||||
:addCls="testList.addCls"
|
||||
:header="testList.header"
|
||||
></custom-grid>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import customGrid from '@/components/CustomGrid';
|
||||
//import api from '../service/api';
|
||||
export default {
|
||||
name: 'monthList',
|
||||
data() {
|
||||
return {
|
||||
testList: {
|
||||
url: '/api/v1/bo/sysMgt/adminList',
|
||||
perPage: 20,
|
||||
pagination: true,
|
||||
isCheckbox: true,
|
||||
initialRequest: false,
|
||||
addCls: 'box_OFvis',
|
||||
|
||||
|
||||
header: [
|
||||
[
|
||||
{ header: 'NO', childNames: [] },
|
||||
{ header: '권한', childNames: [] },
|
||||
{ header: '이름(대리점명)', childNames: [] },
|
||||
{ header: 'ID', childNames: [] },
|
||||
{ header: '상태', childNames: [] },
|
||||
{ header: '등록일', childNames: [] }
|
||||
]
|
||||
],
|
||||
|
||||
columns: [
|
||||
{ name: 'no', header: 'NO', align: 'center', width: 60 },
|
||||
{ name: 'auth', header: '권한', align: 'left', width: 160 },
|
||||
{ name: 'name', header: '이름(대리점명)', align: 'center', width: 130},
|
||||
{ name: 'adminId', header: 'ID', align: 'center', width: 130},
|
||||
{ name: 'adminStat', header: '상태', align: 'center', width: 130},
|
||||
{ name: 'regDt', header: '등록일', width: 90, cls: 'td_line' }
|
||||
],
|
||||
noDataStr: '검색 결과가 없습니다.',
|
||||
// params: {
|
||||
// apprResult: '',
|
||||
// searchType: '',
|
||||
// searchText: '',
|
||||
// startDate: '',
|
||||
// endDate: ''
|
||||
// },
|
||||
excelHeader: []
|
||||
}
|
||||
};
|
||||
},
|
||||
components: {
|
||||
customGrid: customGrid
|
||||
},
|
||||
destroyed() {
|
||||
|
||||
},
|
||||
mounted() {
|
||||
let isKeep = false;
|
||||
isKeep = true;
|
||||
this.search(isKeep);
|
||||
},
|
||||
methods: {
|
||||
search: function(isKeep) {
|
||||
console.log(this.testList.params);
|
||||
this.$refs.table.search(this.testList.params, isKeep);
|
||||
},
|
||||
}
|
||||
};
|
||||
<template>
|
||||
|
||||
<div class="contents">
|
||||
<div class="contents_wrap">
|
||||
<div class="top_wrap">
|
||||
<h3 class="title">월별 통계 목록 조회</h3>
|
||||
<p class="breadcrumb">시스템관리 > 관리자/유치채널 관리</p>
|
||||
</div>
|
||||
<form autocomplete="off" class="search_form">
|
||||
<div class="search_wrap">
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">권한</label>
|
||||
<select name="" id="right">
|
||||
<option value="전체">전체</option>
|
||||
<option value="대리점">대리점</option>
|
||||
<option value="운영자">운영자</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="select_box">
|
||||
<label for="right" class="label">상태</label>
|
||||
<select name="" id="right">
|
||||
<option value="전체">전체</option>
|
||||
<option value="사용">사용</option>
|
||||
<option value="중지">중지</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input_box id">
|
||||
<label for="id1" class="label">ID</label>
|
||||
<input type="text" id="id1" placeholder="검색어 입력"/>
|
||||
</div>
|
||||
<div class="input_box">
|
||||
<label for="name" class="label">이름(대리점명)</label>
|
||||
<input type="text" id="name" placeholder="검색어 입력"/>
|
||||
</div>
|
||||
<button type="button" class="button grey">조회</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="info">
|
||||
<div class="count">총 <span>100</span>건</div>
|
||||
<div class="button_group">
|
||||
<button type="button" class="button blue admin">관리자 등록</button>
|
||||
<button type="button" class="button blue channel">유지채널 등록</button>
|
||||
<button type="button" class="button white delete">삭제</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="table">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col width="5%"/>
|
||||
<col width="15%"/>
|
||||
<col width="15%"/>
|
||||
<col width="20%"/>
|
||||
<col width="20%"/>
|
||||
<col width="5%"/>
|
||||
<col width="20%"/>
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th><input type="checkbox" id="admin_check1"><label for="admin_check1"></label></th>
|
||||
<th>NO</th>
|
||||
<th>권한</th>
|
||||
<th>이름(대리점명)</th>
|
||||
<th>ID</th>
|
||||
<th>상태</th>
|
||||
<th>등록일</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><input type="checkbox" checked id="admin_check2"><label for="admin_check2"></label></td>
|
||||
<td>10</td>
|
||||
<td>대리점</td>
|
||||
<td>유플러스</td>
|
||||
<td><a href="javascript:void(0)">uplus1</a></td>
|
||||
<td>사용</td>
|
||||
<td>2022-03-10</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div> -->
|
||||
<div class="table">
|
||||
<custom-grid
|
||||
ref="table"
|
||||
:totalItems="'totalItems'"
|
||||
:url="testList.url"
|
||||
:perPage="testList.perPage"
|
||||
:initialRequest="testList.initialRequest"
|
||||
:pagination="testList.pagination"
|
||||
:isCheckbox="testList.isCheckbox"
|
||||
:columns="testList.columns"
|
||||
:noDataStr="testList.noDataStr"
|
||||
:addCls="testList.addCls"
|
||||
:header="testList.header"
|
||||
></custom-grid>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import customGrid from '@/components/CustomGrid';
|
||||
//import api from '../service/api';
|
||||
export default {
|
||||
name: 'monthList',
|
||||
data() {
|
||||
return {
|
||||
testList: {
|
||||
url: '/api/v1/bo/sysMgt/adminList',
|
||||
perPage: 20,
|
||||
pagination: true,
|
||||
isCheckbox: true,
|
||||
initialRequest: false,
|
||||
addCls: 'box_OFvis',
|
||||
|
||||
|
||||
header: [
|
||||
[
|
||||
{ header: 'NO', childNames: [] },
|
||||
{ header: '권한', childNames: [] },
|
||||
{ header: '이름(대리점명)', childNames: [] },
|
||||
{ header: 'ID', childNames: [] },
|
||||
{ header: '상태', childNames: [] },
|
||||
{ header: '등록일', childNames: [] }
|
||||
]
|
||||
],
|
||||
|
||||
columns: [
|
||||
{ name: 'no', header: 'NO', align: 'center', width: 60 },
|
||||
{ name: 'auth', header: '권한', align: 'left', width: 160 },
|
||||
{ name: 'name', header: '이름(대리점명)', align: 'center', width: 130},
|
||||
{ name: 'adminId', header: 'ID', align: 'center', width: 130},
|
||||
{ name: 'adminStat', header: '상태', align: 'center', width: 130},
|
||||
{ name: 'regDt', header: '등록일', width: 90, cls: 'td_line' }
|
||||
],
|
||||
noDataStr: '검색 결과가 없습니다.',
|
||||
// params: {
|
||||
// apprResult: '',
|
||||
// searchType: '',
|
||||
// searchText: '',
|
||||
// startDate: '',
|
||||
// endDate: ''
|
||||
// },
|
||||
excelHeader: []
|
||||
}
|
||||
};
|
||||
},
|
||||
components: {
|
||||
customGrid: customGrid
|
||||
},
|
||||
destroyed() {
|
||||
|
||||
},
|
||||
mounted() {
|
||||
let isKeep = false;
|
||||
isKeep = true;
|
||||
this.search(isKeep);
|
||||
},
|
||||
methods: {
|
||||
search: function(isKeep) {
|
||||
console.log(this.testList.params);
|
||||
this.$refs.table.search(this.testList.params, isKeep);
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@@ -212,6 +212,7 @@ export default {
|
||||
// alert(chkList[i].adminId);
|
||||
// }
|
||||
const param = chkList.map((row)=>({adminId:row.adminId}));
|
||||
console.log(param)
|
||||
this.row.list = param;
|
||||
console.log(this.row);
|
||||
return true;
|
||||
|
||||
Reference in New Issue
Block a user