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

[유치현황관리 / 유치채널현황] 고객사명 엔티티코드 변환

Browse Source
This commit is contained in:
kimjhjjang
2022-10-25 17:25:09 +09:00
parent 2f3141648e
commit 466640c419
2 changed files with 284 additions and 255 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -11,129 +11,129 @@
<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">
<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>
<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">발송건수
<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%">
<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>
<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>
<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>
@@ -156,7 +156,7 @@ import xlsx from '@/common/excel';
import AdminNmPop from '../../custMgt/components/AdminNmPop';
export default {
name: "channelDetail",
name: 'channelDetail',
data() {
return {
row: {},
@@ -208,7 +208,7 @@ export default {
serviceId: '',
subsSttusNm: '',
custTyNm: '',
}
};
},
// props: {
// userSeq: {
@@ -222,10 +222,11 @@ export default {
},
created() {
this.getExcelHeader();
if(this.$route.params.userSeq != null){ //리스트에서 상세 호출
this.$store.commit('dataStore/updateUserSeq', this.$route.params.userSeq);
this.channelDetail(this.$route.params.userSeq);
}
if (this.$route.params.userSeq != null) {
//리스트에서 상세 호출
this.$store.commit('dataStore/updateUserSeq', this.$route.params.userSeq);
this.channelDetail(this.$route.params.userSeq);
}
},
destroyed() {
this.$store.commit('dataStore/updateUserSeq', '');
@@ -234,7 +235,7 @@ export default {
methods: {
async channelDetail(userSeq) {
this.row.userSeq = userSeq;
try {
const response = await channelMgtApi.channelDetail(this.row);
const result = response.data;
@@ -243,15 +244,15 @@ export default {
var sndCntLTotal = 0;
var sndCntMTotal = 0;
var sndCntATotal = 0;
if (result != null && result.retCode == "0000") {
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)
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;
@@ -259,12 +260,12 @@ export default {
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.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.custNm = this.fromHtmlEntities(result.data.custNm);
this.subsDt = result.data.subsDt;
this.subsSttusCd = result.data.subsSttusCd;
this.reprNm = result.data.reprNm;
@@ -291,17 +292,13 @@ export default {
this.cprRegNo2 = this.cprRegNo.substr(6);
}
this.serviceId = result.data.userId;
}
} catch (error) {
}
} catch (error) {}
},
getExcelHeader() {
// 헤더를 mockup으로 관리한다.
channelMgtApi.getExcelHeader(this.pageType).then(res => {
channelMgtApi.getExcelHeader(this.pageType).then((res) => {
this.excelHeader = res;
});
},
@@ -316,7 +313,7 @@ export default {
let today = moment().format('YYYYMMDDHHmmss');
const saveFileName = `유치고객발송건수_${today}.xls`;
const data = await this.getExcelDataDown();
// 엑셀 합계 데이터 구하기
var sndCntTotal = 0;
var sndCntSTotal = 0;
@@ -330,42 +327,40 @@ export default {
sndCntMTotal = sndCntMTotal + Number(data.list[i].sndCntM);
sndCntATotal = sndCntATotal + Number(data.list[i].sndCntA);
}
console.log("sndCntTotal : "+ sndCntTotal);
console.log("sndCntSTotal : "+ sndCntSTotal);
console.log("sndCntLTotal : "+ sndCntLTotal);
console.log("sndCntMTotal : "+ sndCntMTotal);
console.log("sndCntATotal : "+ sndCntATotal);
console.log('sndCntTotal : ' + sndCntTotal);
console.log('sndCntSTotal : ' + sndCntSTotal);
console.log('sndCntLTotal : ' + sndCntLTotal);
console.log('sndCntMTotal : ' + sndCntMTotal);
console.log('sndCntATotal : ' + sndCntATotal);
let totalRow = {
'sumYm' : '합계',
'sndCnt' : sndCntTotal,
'sndCntA' : sndCntATotal,
'sndCntL' : sndCntLTotal,
'sndCntM' : sndCntMTotal,
'sndCntS' : sndCntSTotal
sumYm: '합계',
sndCnt: sndCntTotal,
sndCntA: sndCntATotal,
sndCntL: sndCntLTotal,
sndCntM: sndCntMTotal,
sndCntS: sndCntSTotal,
};
// 합계 데이터 추가
data.list.unshift(totalRow);
let options = {
let options = {
header: this.excelHeader,
dataOrder: 'header'
dataOrder: 'header',
};
xlsx.export(data.list, saveFileName, options).then(() => {
});
xlsx.export(data.list, saveFileName, options).then(() => {});
},
async getExcelDataDown() {
try {
let response;
const params = {
userSeq: this.row.userSeq
const params = {
userSeq: this.row.userSeq,
};
response = await channelMgtApi.sendNumberListExcel(params);
const result = response.data;
if (result != null && result.retCode == "0000") {
if (result != null && result.retCode == '0000') {
return result.data;
} else {
return false;
@@ -374,20 +369,22 @@ export default {
return false;
}
}, // end of getExcelDataDown
goChannelList() {
this.$router.push({name: 'channelList'});
goChannelList() {
this.$router.push({ name: 'channelList' });
},
searchIDPopOpen: function () {
var params = {
"serviceId": this.serviceId,
"serviceSeq": this.row.userSeq,
"parentDiv": 'channelDetail'
}
serviceId: this.serviceId,
serviceSeq: this.row.userSeq,
parentDiv: 'channelDetail',
};
this.$refs.adminNmPop.ModalOpen(params);
},
}
}
</script>
fromHtmlEntities(str) {
return (str + '').replace(/&#\d+;/gm, function (s) {
return String.fromCharCode(s.match(/\d+/gm)[0]);
});
},
},
};
</script>

228
frontend/src/modules/attractMgt/views/ChannelList.vue
View File

@@ -10,26 +10,26 @@
<div class="input_box cal">
<label for="right" class="label">조회기간</label>
<div class="term">
<span class="custom_input icon_date">
<vuejs-datepicker
:language="ko"
:format="customFormatter"
:disabled-dates="disabledSDate"
v-model="startDate"
@selected="selectedStartDate(0)"
@closed="closeDate('start')"
></vuejs-datepicker>
</span>~
<span class="custom_input icon_date">
<vuejs-datepicker
:language="ko"
:format="customFormatter"
:disabled-dates="disabledEDate"
v-model="endDate"
@selected="selectedEndDate(0)"
@closed="closeDate('end')"
></vuejs-datepicker>
</span>
<vuejs-datepicker
:language="ko"
:format="customFormatter"
:disabled-dates="disabledSDate"
v-model="startDate"
@selected="selectedStartDate(0)"
@closed="closeDate('start')"
></vuejs-datepicker> </span
>~
<span class="custom_input icon_date">
<vuejs-datepicker
:language="ko"
:format="customFormatter"
:disabled-dates="disabledEDate"
v-model="endDate"
@selected="selectedEndDate(0)"
@closed="closeDate('end')"
></vuejs-datepicker>
</span>
</div>
</div>
<div class="select_box id">
@@ -52,11 +52,25 @@
</div>
<div class="input_box">
<label for="right" class="label">유치자 마당ID</label>
<input class="search-box" type="text" id="" placeholder="검색어 입력" v-model.trim="grid.params.loginId" maxlength="50"/>
<input
class="search-box"
type="text"
id=""
placeholder="검색어 입력"
v-model.trim="grid.params.loginId"
maxlength="50"
/>
</div>
<div class="input_box">
<label for="right" class="label">유치업체</label>
<input class="search-box" type="text" id="" placeholder="검색어 입력" v-model.trim="grid.params.norgNm" maxlength="50"/>
<input
class="search-box"
type="text"
id=""
placeholder="검색어 입력"
v-model.trim="grid.params.norgNm"
maxlength="50"
/>
</div>
</div>
<div class="group">
@@ -69,59 +83,62 @@
</select>
</div>
<div class="input_box">
<input class="search-box" type="text" id="search" placeholder="검색어 입력"
v-model.trim="grid.params.searchText" maxlength="100"/>
<input
class="search-box"
type="text"
id="search"
placeholder="검색어 입력"
v-model.trim="grid.params.searchText"
maxlength="100"
/>
</div>
<button type="button" class="button grey" @click="search">조회</button>
</div>
</div>
<div class="info">
<div class="count">총 <span>{{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</span>건
<div class="count">
총 <span>{{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}</span
>건
<div class="select_box NumberSe">
<select name="" id="" v-model="perPageCnt" @change="changePerPage()">
<option v-for="option in options" v-bind:value="option.value" v-bind:key="option.value">{{
option.text
}}
<option v-for="option in options" v-bind:value="option.value" v-bind:key="option.value">
{{ option.text }}
</option>
</select>
</div>
</div>
<div class="button_group">
<button type="button" class="button blue download" @click="excelDown();">엑셀 다운로드</button>
<button type="button" class="button blue download" @click="excelDown()">엑셀 다운로드</button>
</div>
</div>
<div class="table">
<custom-grid
ref="table"
:totalItems="'totalItems'"
:url="grid.url"
:pagePerRows="grid.pagePerRows"
:initialRequest="grid.initialRequest"
:pagination="grid.pagination"
:isCheckbox="grid.isCheckbox"
:columns="grid.columns"
:noDataStr="grid.noDataStr"
:addCls="grid.addCls"
:header="grid.headder"
ref="table"
:totalItems="'totalItems'"
:url="grid.url"
:pagePerRows="grid.pagePerRows"
:initialRequest="grid.initialRequest"
:pagination="grid.pagination"
:isCheckbox="grid.isCheckbox"
:columns="grid.columns"
:noDataStr="grid.noDataStr"
:addCls="grid.addCls"
:header="grid.headder"
></custom-grid>
</div>
<common-modal ref="commonModal"></common-modal>
</div>
</div>
</template>
<script>
import commonModal from "@/components/modal/commonModal";
import commonModal from '@/components/modal/commonModal';
import customGrid from '@/components/CustomGrid';
import moment from 'moment';
import api from '@/service/api.js';
import channelMgtApi from "../service/channelMgtApi.js";
import channelMgtApi from '../service/channelMgtApi.js';
import xlsx from '@/common/excel';
class CustomATagRenderer {
@@ -130,7 +147,7 @@ class CustomATagRenderer {
const el = document.createElement('a');
el.href = 'javascript:void(0);';
el.className = 'btn_text';
el.innerText = String(props.colValue)
el.innerText = String(props.colValue);
this.el = el;
}
@@ -139,8 +156,8 @@ class CustomATagRenderer {
}
addEvent(selEl) {
selEl.addEventListener("click", () => {
const {callback} = this.props["cgrido" + this.props.colName].options;
selEl.addEventListener('click', () => {
const { callback } = this.props['cgrido' + this.props.colName].options;
callback(this.props);
});
}
@@ -149,8 +166,8 @@ class CustomATagRenderer {
export default {
name: 'channelList',
data() {
const vm = this;
return {
ko: vdp_translation_ko.js,
periodDay: 7,
sDateDiv: 'day',
@@ -165,9 +182,9 @@ export default {
// 테이블 리스트 데이터
perPageCnt: 50,
options: [
{text: '20', value: 20},
{text: '50', value: 50},
{text: '100', value: 100}
{ text: '20', value: 20 },
{ text: '50', value: 50 },
{ text: '100', value: 100 },
],
searchType: '01',
totalItems: 0,
@@ -175,37 +192,50 @@ export default {
url: '/api/v1/bo/attractMgt/channelList',
pagePerRows: 20,
pagination: true,
isCheckbox: false, // true:첫번째 컬럼 앞에 체크박스 생성 / false:체크박스 제거
isCheckbox: false, // true:첫번째 컬럼 앞에 체크박스 생성 / false:체크박스 제거
initialRequest: false,
addCls: 'box_OFvis',
columns: [
{name: 'no', header: 'No', align: 'center', width: '6%'},
{name: 'subsDt', header: '가입일', align: 'center', width: '11%'},
{name: 'norgNm', header: '유치업체', align: 'center', width: '10%'},
{name: 'userSeq', header: '사용자일련번호', align: 'center', width: '10%', hidden: true},
{name: 'loginId', header: '마당ID(이름)', align: 'center', width: '10%'},
{name: 'custNm', header: '고객사명', align: 'center', width: '10%', renderer: {
type: CustomATagRenderer
, options: {
callback: this.channelDetail,
}
}
},
{name: 'bizrno', header: '사업자번호', align: 'center', width: '12%'},
{name: 'userNm', header: '이름', align: 'center', width: '10%'},
{name: 'subsSttusCd', header: '상태', align: 'center', width: '10%', hidden: true},
{name: 'subsSttusNm', header: '상태', align: 'center', width: '10%'},
{name: 'custTyCd', header: '구분', align: 'center', width: '10%', hidden: true},
{name: 'custTyNm', header: '구분', align: 'center', width: '10%'},
{ name: 'no', header: 'No', align: 'center', width: '6%' },
{ name: 'subsDt', header: '가입일', align: 'center', width: '11%' },
{ name: 'norgNm', header: '유치업체', align: 'center', width: '10%' },
{ name: 'userSeq', header: '사용자일련번호', align: 'center', width: '10%', hidden: true },
{ name: 'loginId', header: '마당ID(이름)', align: 'center', width: '10%' },
{
name: 'sndCnt', header: '전체발송건수', align: 'center', width: '11%',
formatter: props => {
name: 'custNm',
header: '고객사명',
align: 'center',
width: '10%',
renderer: {
type: CustomATagRenderer,
options: {
callback: this.channelDetail,
},
},
formatter: (props) => {
let result = vm.fromHtmlEntities(props.custNm);
//.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
return result;
},
},
{ name: 'bizrno', header: '사업자번호', align: 'center', width: '12%' },
{ name: 'userNm', header: '이름', align: 'center', width: '10%' },
{ name: 'subsSttusCd', header: '상태', align: 'center', width: '10%', hidden: true },
{ name: 'subsSttusNm', header: '상태', align: 'center', width: '10%' },
{ name: 'custTyCd', header: '구분', align: 'center', width: '10%', hidden: true },
{ name: 'custTyNm', header: '구분', align: 'center', width: '10%' },
{
name: 'sndCnt',
header: '전체발송건수',
align: 'center',
width: '11%',
formatter: (props) => {
let result = props.sndCnt;
//.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
return result;
}
}
},
},
],
noDataStr: '검색 결과가 없습니다.',
params: {
@@ -222,8 +252,8 @@ export default {
custTyCd: '',
custTyNm: '',
},
excelHeader: []
}
excelHeader: [],
},
};
},
components: {
@@ -242,7 +272,6 @@ export default {
},
destroyed() {
this.grid.params.subsSttusCd = '';
},
mounted() {
let page = 1;
@@ -251,7 +280,7 @@ export default {
// store에 저장된 페이지 정보 및 검색 조건을 불러오기
let isKeep = false;
if (getCondition) {
if (getCondition) {
this.grid.pagePerRows = getCondition.perPage;
this.grid.params = getCondition.params;
page = getCondition.page;
@@ -263,11 +292,12 @@ export default {
search: function (isKeep) {
this.grid.params.subsStDt = this.startDate;
this.grid.params.subsEdDt = this.endDate;
this.grid.params.searchType = this.searchType
this.grid.params.searchType = this.searchType;
this.$refs.table.search(this.grid.params, isKeep);
this.sendStoreData();
},
changePerPage: function () { // 페이지당 조회할 개수
changePerPage: function () {
// 페이지당 조회할 개수
this.grid.pagePerRows = this.perPageCnt;
this.search(true);
},
@@ -276,7 +306,7 @@ export default {
this.$store.commit('searchcondition/updateSearchCondition', {
page: getP._currentPage,
perPage: this.perPageCnt,
params: this.grid.params
params: this.grid.params,
});
const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
@@ -291,13 +321,13 @@ export default {
searchType2: this.grid.params.searchType1,
searchText1: this.grid.params.searchText,
loginId: this.grid.params.loginId,
norgNm: this.grid.params.norgNm
norgNm: this.grid.params.norgNm,
};
response = await channelMgtApi.channelListExcel(params);
const result = response.data;
if (result != null && result.retCode == "0000") {
if (result != null && result.retCode == '0000') {
return result.data;
} else {
return false;
@@ -307,7 +337,6 @@ export default {
}
}, // end of getExcelDataDown
async excelDown() {
if (this.$refs.table.getData().length <= 0) {
this.row.title = '유치채널현황';
this.row.msg1 = '조회된 데이터가 없습니다.';
@@ -321,31 +350,30 @@ export default {
const data = await this.getExcelDataDown();
let options = {
header: this.excelHeader,
dataOrder: 'header'
dataOrder: 'header',
};
xlsx.export(data.list, saveFileName, options).then(() => {
});
xlsx.export(data.list, saveFileName, options).then(() => {});
},
getExcelHeader() {
// 헤더를 mockup으로 관리한다.
channelMgtApi.getExcelHeader(this.pageType).then(res => {
channelMgtApi.getExcelHeader(this.pageType).then((res) => {
this.excelHeader = res;
});
},
channelDetail(props) {
this.row.userId = props.loginId;
this.row.userSeq = props.userSeq;
this.$router.push({name: 'channelDetail', params: this.row});
this.$router.push({ name: 'channelDetail', params: this.row });
},
setCodeData() {
// 상태 옵션 셋팅.
api.commCode({'grpCd': 'SUBS_STTUS_CD'}).then(response => {
api.commCode({ grpCd: 'SUBS_STTUS_CD' }).then((response) => {
// grid.params.subsSttusCd
this.subsSttusCdList = response.data.data.list;
this.grid.params.subsSttusCd = '';
});
api.commCode({'grpCd': 'CUST_KD_CD'}).then(response => {
api.commCode({ grpCd: 'CUST_KD_CD' }).then((response) => {
this.custTyCdList = response.data.data.list;
this.grid.params.custTyCd = '';
});
@@ -377,11 +405,11 @@ export default {
closeDate(type) {
if (type != undefined && type != null) {
if (type == 'start') {
this.disabledSDate = {from: this.endDate};
this.disabledEDate = {to: this.startDate, from: this.endDate};
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()};
this.disabledSDate = { from: this.endDate };
this.disabledEDate = { to: this.startDate, from: new Date() };
}
}
},
@@ -399,14 +427,18 @@ export default {
let initStartDate = new Date(setYear, 0, 1);
this.startDate = initStartDate;
},
fromHtmlEntities(str) {
return (str + '').replace(/&#\d+;/gm, function (s) {
return String.fromCharCode(s.match(/\d+/gm)[0]);
});
},
},
beforeRouteLeave(to, from, next) {
const getP = this.$refs.table.getPagination();
this.$store.commit('searchcondition/updateSearchCondition', {
page: getP._currentPage,
perPage: this.perPageCnt,
params: this.grid.params
params: this.grid.params,
});
// 라우트 하기전 실행
next();