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

TC 기능 수정 / 디자인 수정 변경

Browse Source
This commit is contained in:
kimre
2022-07-15 14:21:03 +09:00
parent a4e5cde9f6
commit 34e7957081
91 changed files with 9087 additions and 8673 deletions
Download Patch File Download Diff File Expand all files Collapse all files

449
frontend/src/modules/attractMgt/views/ChannelDetail.vue
View File

@@ -9,82 +9,80 @@
<div class="title">상세 정보</div>
</div>
<div class="table table_form m50">
<form autocomplete="off">
<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="subsSttusCd"></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="custTyCd"></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>
</form>
<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">발송건수
@@ -96,49 +94,49 @@
</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>
<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">
@@ -156,92 +154,95 @@ 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:'',
}
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: "",
},
props: {
userSeq: {
type: String,
default: "",
},
},
components: {
},
components: {
channelMgtApi,
AdminNmPop,
},
created(){
console.log(this.$route.params.userSeq);
this.loginId = this.$route.params.loginId;
this.getExcelHeader();
this.channelDetail(this.$route.params.userSeq);
},
methods :{
async channelDetail(userSeq){
},
created() {
console.log(this.$route.params.userSeq);
this.loginId = this.$route.params.loginId;
this.getExcelHeader();
this.channelDetail(this.$route.params.userSeq);
},
methods: {
async channelDetail(userSeq) {
this.row.userSeq = userSeq;
try {
const response = await channelMgtApi.channelDetail(this.row);
const result = response.data;
console.log(result);
var sndCntTotal=0;
var sndCntSTotal=0;
var sndCntLTotal=0;
var sndCntMTotal=0;
var sndCntATotal=0;
if(result != null && result.retCode == "0000") {
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++ ){
console.log('[succCnt]:'+result.data.list[i].succCnt);
for (var i = 0; i < result.data.list.length; i++) {
console.log('[succCnt]:' + result.data.list[i].succCnt);
sndCntTotal = sndCntTotal + Number(result.data.list[i].sndCnt);
sndCntSTotal = sndCntSTotal + Number(result.data.list[i].sndCntS)
sndCntLTotal = sndCntLTotal + Number(result.data.list[i].sndCntL)
@@ -265,30 +266,32 @@ export default {
this.reprNm = result.data.reprNm;
this.bizrno = result.data.bizrno;
this.channelId = result.data.channelId;
this.channelNm = result.data.channelNm;
this.channelNm = result.data.channelNm;
this.adminId = result.data.adminId;
this.adminNm = result.data.adminNm;
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.adr2 = result.data.adr2;
this.adr3 = result.data.adr3;
this.custTyCd = result.data.custTyCd;
this.plan = result.data.plan;
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.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) {
}
},
@@ -297,7 +300,7 @@ export default {
channelMgtApi.getExcelHeader(this.pageType).then(res => {
this.excelHeader = res;
});
},
},
async excelDown() {
if (this.list.length <= 0) {
@@ -315,9 +318,10 @@ export default {
dataOrder: 'header'
};
// console.log(data);
xlsx.export(data.list, saveFileName, options).then(() => {});
xlsx.export(data.list, saveFileName, options).then(() => {
});
},
async getExcelDataDown() {
try {
let response;
@@ -327,7 +331,7 @@ export default {
// sndCntM: this.sndCntM,
// sndCntA: this.sndCntA,
userSeq: this.userSeq
};
response = await channelMgtApi.sendNumberListExcel(params);
@@ -335,7 +339,7 @@ export default {
const result = response.data;
if (result != null && result.retCode == "0000") {
return result.data;
}else{
} else {
return false;
}
} catch (err) {
@@ -343,21 +347,20 @@ export default {
}
}, // end of getExcelDataDown
goChannelList() {
this.$router.push({ name: 'channelList'});
this.$router.push({name: 'channelList'});
},
searchIDPopOpen: function(){
console.log('>>> serviceId:'+this.serviceId);
searchIDPopOpen: function () {
console.log('>>> serviceId:' + this.serviceId);
var params = {
"serviceId": this.serviceId,
"serviceSeq": this.row.userSeq,
"parentDiv": 'channelDetail'
"serviceSeq": this.row.userSeq,
"parentDiv": 'channelDetail'
}
this.$refs.adminNmPop.ModalOpen(params);
},
this.$refs.adminNmPop.ModalOpen(params);
},
}
}
}
</script>