mirror of
http://git.mhez-qa.uplus.co.kr/hubez/hubez-admin.git
synced 2025-12-06 23:34:18 +09:00
374 lines
12 KiB
Vue
374 lines
12 KiB
Vue
<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="title">상세 정보</div>
|
|
</div>
|
|
<div class="table table_form m50">
|
|
<table>
|
|
<colgroup>
|
|
<col style="width:140px">
|
|
<col style="width:auto">
|
|
<col style="width:auto">
|
|
<col style="width:140px">
|
|
<col style="width:auto">
|
|
<col style="width:auto">
|
|
</colgroup>
|
|
<tbody>
|
|
<tr class="tr_input w75">
|
|
<th>가입일</th>
|
|
<td colspan="2"><input type="text" disabled v-model="subsDt"></td>
|
|
<th>상태</th>
|
|
<td colspan="2"><input type="text" disabled v-model="subsSttusNm"></td>
|
|
</tr>
|
|
<tr class="tr_input w75">
|
|
<th>고객사</th>
|
|
<td colspan="2"><input type="text" disabled v-model="custNm"></td>
|
|
<th>요금제</th>
|
|
<td colspan="2"><input type="text" disabled v-model="plan"></td>
|
|
</tr>
|
|
<tr class="tr_input w75">
|
|
<th>대표자</th>
|
|
<td colspan="2"><input type="text" disabled v-model="reprNm"></td>
|
|
<th>사용자 구분</th>
|
|
<td colspan="2"><input type="text" disabled v-model="custTyNm"></td>
|
|
</tr>
|
|
<tr class="tr_input">
|
|
<th>사업자등록번호</th>
|
|
<td colspan="2">
|
|
<div class="input-bnumber">
|
|
<input type="text" disabled v-model="bizrno1">
|
|
<input type="text" disabled v-model="bizrno2">
|
|
<input type="text" disabled v-model="bizrno3">
|
|
</div>
|
|
</td>
|
|
<th>법인등록번호</th>
|
|
<td colspan="2">
|
|
<div class="input-double">
|
|
<input type="text" disabled v-model="cprRegNo1">
|
|
<input type="text" disabled v-model="cprRegNo2">
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr class="tr_input">
|
|
<th>사업장 주소</th>
|
|
<td colspan="5">
|
|
<div class="input-address">
|
|
<input type="text" disabled v-model="adr1">
|
|
<input type="text" disabled v-model="adr2">
|
|
<input type="text" disabled v-model="adr3">
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr class="tr_input">
|
|
<th>유치자명</th>
|
|
<td colspan="2">
|
|
<div class="input-double">
|
|
<input type="text" disabled v-model="channelId">
|
|
<input type="text" disabled v-model="channelNm">
|
|
</div>
|
|
</td>
|
|
<th>관리자명</th>
|
|
<td colspan="2">
|
|
<div class="input-double">
|
|
<input type="text" disabled v-model="adminId">
|
|
<input type="text" disabled v-model="adminNm">
|
|
<button type="button" class="button grey btn-a" @click="searchIDPopOpen">변경</button>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="info">
|
|
<div class="count">발송건수
|
|
<p>( 최근 3년 사용 전월까지 확인 가능하며, 청구금액은 유큐브에서 확인 가능합니다. )</p>
|
|
</div>
|
|
<div class="button_group">
|
|
<button type="button" class="button blue download" @click="excelDown()">엑셀 다운로드</button>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="table calculate">
|
|
<form autocomplete="off">
|
|
<table class="table-r">
|
|
<colgroup>
|
|
<col width="16%">
|
|
<col width="16%">
|
|
<col width="16%">
|
|
<col width="16%">
|
|
<col width="16%">
|
|
<col width="20%">
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th rowspan="2">날짜</th>
|
|
<th colspan="5">채널별 발송 건수</th>
|
|
</tr>
|
|
<tr class="total">
|
|
<th>전체</th>
|
|
<th>SMS</th>
|
|
<th>LMS</th>
|
|
<th>MMS</th>
|
|
<th>알림톡</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>합계</td>
|
|
<td>{{ sndCntTotal.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
|
|
<td>{{ sndCntSTotal.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
|
|
<td>{{ sndCntLTotal.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
|
|
<td>{{ sndCntMTotal.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
|
|
<td>{{ sndCntATotal.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
|
|
</tr>
|
|
<tr v-for="(option, i) in list" v-bind:key="i">
|
|
<td>{{ option.sumYm }}</td>
|
|
<td>{{ option.sndCnt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
|
|
<td>{{ option.sndCntS.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
|
|
<td>{{ option.sndCntL.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
|
|
<td>{{ option.sndCntM.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
|
|
<td>{{ option.sndCntA.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="pop-btn2">
|
|
<button class="btn-pcolor" type="button" @click="goChannelList()">확인</button>
|
|
<button class="btn-default" type="button" @click="goChannelList()">취소</button>
|
|
</div>
|
|
</div>
|
|
<admin-nm-pop ref="adminNmPop"></admin-nm-pop>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import api from '@/service/api';
|
|
import channelMgtApi from '../service/channelMgtApi';
|
|
import moment from 'moment';
|
|
import xlsx from '@/common/excel';
|
|
import AdminNmPop from '../../custMgt/components/AdminNmPop';
|
|
|
|
export default {
|
|
name: "channelDetail",
|
|
data() {
|
|
return {
|
|
row: {},
|
|
subsDt: '',
|
|
norgNm: '',
|
|
userSeq: '',
|
|
loginId: '',
|
|
custNm: '',
|
|
bizrno: '',
|
|
bizrno1: '',
|
|
bizrno2: '',
|
|
bizrno3: '',
|
|
userNm: '',
|
|
subsSttusCd: '',
|
|
custTyCd: '',
|
|
sndCnt: '',
|
|
adr1: '',
|
|
adr2: '',
|
|
adr3: '',
|
|
cprRegNo: '',
|
|
cprRegNo1: '',
|
|
cprRegNo2: '',
|
|
adminId: '',
|
|
adminNm: '',
|
|
channelId: '',
|
|
channelNm: '',
|
|
reprNm: '',
|
|
plan: '',
|
|
sumYm: '',
|
|
sndCntS: '',
|
|
sndCntL: '',
|
|
sndCntM: '',
|
|
sndCntA: '',
|
|
succCnt: '',
|
|
succCntS: '',
|
|
succCntL: '',
|
|
succCntM: '',
|
|
succCntA: '',
|
|
sndCntTotal: 0,
|
|
sndCntSTotal: 0,
|
|
sndCntLTotal: 0,
|
|
sndCntMTotal: 0,
|
|
sndCntATotal: 0,
|
|
list: [],
|
|
totalCnt: '',
|
|
props: {},
|
|
excelHeader: [],
|
|
pageType: 'CHANNELDETAIL',
|
|
serviceId: '',
|
|
subsSttusNm: '',
|
|
custTyNm: '',
|
|
}
|
|
},
|
|
props: {
|
|
userSeq: {
|
|
type: String,
|
|
default: "",
|
|
},
|
|
},
|
|
components: {
|
|
channelMgtApi,
|
|
AdminNmPop,
|
|
},
|
|
created() {
|
|
this.getExcelHeader();
|
|
if(this.$route.params.userSeq != null){ //리스트에서 상세 호출
|
|
this.loginId = this.$route.params.loginId;
|
|
this.$store.commit('dataStore/updateUserSeq', this.$route.params.userSeq);
|
|
this.$store.commit('dataStore/updateUserId', this.$route.params.userId);
|
|
this.channelDetail(this.$route.params.userSeq);
|
|
}else{
|
|
var userSeq = this.$store.getters["dataStore/getUserSeq"];
|
|
var userId = this.$store.getters["dataStore/getUserId"];
|
|
this.loginId = userId;
|
|
this.channelDetail(userSeq);
|
|
}
|
|
},
|
|
destroyed() {
|
|
this.$store.commit('dataStore/updateUserSeq', '');
|
|
this.$store.commit('dataStore/updateUserId', '');
|
|
},
|
|
methods: {
|
|
async channelDetail(userSeq) {
|
|
this.row.userSeq = userSeq;
|
|
try {
|
|
const response = await channelMgtApi.channelDetail(this.row);
|
|
const result = response.data;
|
|
var sndCntTotal = 0;
|
|
var sndCntSTotal = 0;
|
|
var sndCntLTotal = 0;
|
|
var sndCntMTotal = 0;
|
|
var sndCntATotal = 0;
|
|
if (result != null && result.retCode == "0000") {
|
|
//데이터값이 널이면 오류처리
|
|
|
|
for (var i = 0; i < result.data.list.length; i++) {
|
|
sndCntTotal = sndCntTotal + Number(result.data.list[i].sndCnt);
|
|
sndCntSTotal = sndCntSTotal + Number(result.data.list[i].sndCntS)
|
|
sndCntLTotal = sndCntLTotal + Number(result.data.list[i].sndCntL)
|
|
sndCntMTotal = sndCntMTotal + Number(result.data.list[i].sndCntM)
|
|
sndCntATotal = sndCntATotal + Number(result.data.list[i].sndCntA)
|
|
}
|
|
this.sndCntTotal = sndCntTotal;
|
|
this.sndCntSTotal = sndCntSTotal;
|
|
this.sndCntLTotal = sndCntLTotal;
|
|
this.sndCntMTotal = sndCntMTotal;
|
|
this.sndCntATotal = sndCntATotal;
|
|
this.list = result.data.list;
|
|
this.sndCntS = result.data.sndCntS
|
|
this.sndCntL = result.data.sndCntL
|
|
this.sndCntM = result.data.sndCntM
|
|
this.sndCntA = result.data.sndCntA;
|
|
this.loginId = result.data.loginId;
|
|
this.custNm = result.data.custNm;
|
|
this.subsDt = result.data.subsDt;
|
|
this.subsSttusCd = result.data.subsSttusCd;
|
|
this.reprNm = result.data.reprNm;
|
|
this.bizrno = result.data.bizrno;
|
|
this.channelId = result.data.channelId;
|
|
this.channelNm = result.data.channelNm;
|
|
this.adminId = result.data.adminId;
|
|
this.adminNm = result.data.adminNm;
|
|
this.cprRegNo = result.data.cprRegNo;
|
|
this.adr1 = result.data.adr1;
|
|
this.adr2 = result.data.adr2;
|
|
this.adr3 = result.data.adr3;
|
|
this.custTyCd = result.data.custTyCd;
|
|
this.plan = result.data.plan;
|
|
this.subsSttusNm = result.data.subsSttusNm;
|
|
this.custTyNm = result.data.custTyNm;
|
|
if (this.bizrno != '' && this.bizrno != null) {
|
|
this.bizrno1 = this.bizrno.substr(0, 3);
|
|
this.bizrno2 = this.bizrno.substr(3, 2);
|
|
this.bizrno3 = this.bizrno.substr(5);
|
|
}
|
|
if (this.cprRegNo != '' && this.cprRegNo != null) {
|
|
this.cprRegNo1 = this.cprRegNo.substr(0, 6);
|
|
this.cprRegNo2 = this.cprRegNo.substr(6);
|
|
}
|
|
this.serviceId = result.data.userId;
|
|
|
|
}
|
|
|
|
} catch (error) {
|
|
|
|
}
|
|
},
|
|
|
|
getExcelHeader() {
|
|
// 헤더를 mockup으로 관리한다.
|
|
channelMgtApi.getExcelHeader(this.pageType).then(res => {
|
|
this.excelHeader = res;
|
|
});
|
|
},
|
|
|
|
async excelDown() {
|
|
if (this.list.length <= 0) {
|
|
// this.row.title = '유치채널현황';
|
|
// this.row.msg1 = '조회된 데이터가 없습니다.';
|
|
// this.$refs.commonModal.alertModalOpen(this.row);
|
|
return false;
|
|
}
|
|
let today = moment().format('YYYYMMDDHHmmss');
|
|
const saveFileName = `유치고객발송건수_${today}.xls`;
|
|
const data = await this.getExcelDataDown();
|
|
let options = {
|
|
|
|
header: this.excelHeader,
|
|
dataOrder: 'header'
|
|
};
|
|
xlsx.export(data.list, saveFileName, options).then(() => {
|
|
});
|
|
},
|
|
|
|
async getExcelDataDown() {
|
|
try {
|
|
let response;
|
|
const params = {
|
|
// sndCntS: this.sndCntS,
|
|
// sndCntL: this.sndCntL,
|
|
// sndCntM: this.sndCntM,
|
|
// sndCntA: this.sndCntA,
|
|
userSeq: this.userSeq
|
|
|
|
};
|
|
|
|
response = await channelMgtApi.sendNumberListExcel(params);
|
|
|
|
const result = response.data;
|
|
if (result != null && result.retCode == "0000") {
|
|
return result.data;
|
|
} else {
|
|
return false;
|
|
}
|
|
} catch (err) {
|
|
return false;
|
|
}
|
|
}, // end of getExcelDataDown
|
|
goChannelList() {
|
|
this.$router.push({name: 'channelList'});
|
|
},
|
|
searchIDPopOpen: function () {
|
|
var params = {
|
|
"serviceId": this.serviceId,
|
|
"serviceSeq": this.row.userSeq,
|
|
"parentDiv": 'channelDetail'
|
|
}
|
|
this.$refs.adminNmPop.ModalOpen(params);
|
|
},
|
|
|
|
}
|
|
}
|
|
|
|
|
|
</script> |