어드민 -> 청약고객관리 상세 : 사용자 데이터 -> 담당자 데이터 / 사용자명 -> 담당자명 (문구 수정)

고객사명 엔티티코드 노출되는 부분 수정
This commit is contained in:
kimjhjjang
2022-10-14 09:40:57 +09:00
parent e178306dca
commit 4b8f8beff9
3 changed files with 603 additions and 510 deletions

View File

@@ -12,51 +12,51 @@
<!-- <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">
<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="custNm"></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="custType"></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-bnumber">
<input type="text" disabled v-model="bregNo1">
<input type="text" disabled v-model="bregNo2">
<input type="text" disabled v-model="bregNo3">
</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 w75">
<th>고객사명</th>
<td colspan="2"><input type="text" disabled v-model="custNm" /></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="custType" /></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-bnumber">
<input type="text" disabled v-model="bregNo1" />
<input type="text" disabled v-model="bregNo2" />
<input type="text" disabled v-model="bregNo3" />
</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>
</tbody>
</table>
<!-- </form>-->
@@ -67,98 +67,98 @@
<div class="table 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">
<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="stat">
</td>
</tr>
<tr class="tr_input w75">
<th>요금제</th>
<td colspan="2"><input type="text" disabled v-model="plan"></td>
<th>가입번호</th>
<td colspan="2"><input type="text" disabled v-model="subsNo"></td>
</tr>
<tr class="tr_input w75">
<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>
<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>
</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="stat" />
</td>
</tr>
<tr class="tr_input w75">
<th>요금제</th>
<td colspan="2"><input type="text" disabled v-model="plan" /></td>
<th>가입번호</th>
<td colspan="2"><input type="text" disabled v-model="subsNo" /></td>
</tr>
<tr class="tr_input w75">
<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>
<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>
</tr>
</tbody>
</table>
</div>
<div class="info">
<div class="title">사용 데이터</div>
<div class="title">담당 데이터</div>
</div>
<div class="table table_form">
<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">
<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>서비스 ID</th>
<td colspan="2"><input type="text" disabled v-model="serviceId"></td>
<th>이용권한</th>
<td colspan="2"><input type="text" disabled v-model="useAuth"></td>
</tr>
<tr class="tr_input w75">
<th>사용자명</th>
<td colspan="2"><input type="text" disabled v-model="userNm"></td>
<th>휴대폰 번호</th>
<td colspan="2"><input type="text" disabled v-model="mdn"></td>
</tr>
<tr class="tr_input w75">
<th>이월누적금액</th>
<td colspan="2">
<div class="input-double button-double">
<input type="text" disabled v-model="carryOver">
<button type="button" class="button grey" @click="carryOverListPopOpen();">이월금액보기</button>
</div>
</td>
<th>사용자ID 개수</th>
<td colspan="2">
<div class="input-double button-double">
<input type="text" disabled v-model="userCnt">
<button type="button" class="button grey" @click="goMemberDetail">사용자ID 확인</button>
</div>
</td>
</tr>
<tr class="tr_input w75">
<th>서비스 ID</th>
<td colspan="2"><input type="text" disabled v-model="serviceId" /></td>
<th>이용권한</th>
<td colspan="2"><input type="text" disabled v-model="useAuth" /></td>
</tr>
<tr class="tr_input w75">
<th>담당자명</th>
<td colspan="2"><input type="text" disabled v-model="userNm" /></td>
<th>휴대폰 번호</th>
<td colspan="2"><input type="text" disabled v-model="mdn" /></td>
</tr>
<tr class="tr_input w75">
<th>이월누적금액</th>
<td colspan="2">
<div class="input-double button-double">
<input type="text" disabled v-model="carryOver" />
<button type="button" class="button grey" @click="carryOverListPopOpen()">이월금액보기</button>
</div>
</td>
<th>사용자ID 개수</th>
<td colspan="2">
<div class="input-double button-double">
<input type="text" disabled v-model="userCnt" />
<button type="button" class="button grey" @click="goMemberDetail">사용자ID 확인</button>
</div>
</td>
</tr>
</tbody>
</table>
</form>
</div>
<div class="pop-btn2">
<button class="btn-pcolor" type="button" @click="confirmPopOpen();">저장</button>
<button class="btn-default" type="button" @click="toComplete();">취소</button>
<button class="btn-pcolor" type="button" @click="confirmPopOpen()">저장</button>
<button class="btn-default" type="button" @click="toComplete()">취소</button>
</div>
<!--이월금액 모달.-->
@@ -167,24 +167,21 @@
<validation-confirm-pop ref="validationConfirmPop"></validation-confirm-pop>
<!--관리자명 조회 모달-->
<common-modal ref="commmonModal"></common-modal>
</div>
<admin-nm-pop ref="adminNmPop"></admin-nm-pop>
</div>
</template>
<script>
import api from '@/service/api';
import custMgtApi from "../service/custMgtApi.js";
import custMgtApi from '../service/custMgtApi.js';
import CarryOverListPop from '../components/CarryOverListPop';
import ValidationConfirmPop from '../components/ValidationConfirmPop';
import AdminNmPop from '../components/AdminNmPop';
import commonModal from "../components/commonModal";
import commonModal from '../components/commonModal';
//import { mapGetters } from 'vuex';
export default {
name: "subsDetail",
name: 'subsDetail',
data() {
return {
row: {},
@@ -218,12 +215,12 @@ export default {
userCnt: '',
saveConfirm: false,
props: {},
}
};
},
props: {
serviceId: {
type: String,
default: "",
default: '',
},
},
components: {
@@ -231,12 +228,12 @@ export default {
ValidationConfirmPop,
AdminNmPop,
commonModal,
},
created() {
this.$store.commit("login/isLogin", true);
this.$store.commit('login/isLogin', true);
if(this.$route.params.serviceId != null){ // 리스트에서 상세 호출시
if (this.$route.params.serviceId != null) {
// 리스트에서 상세 호출시
this.$store.commit('dataStore/updateDataStore', this.$route.params.serviceId);
this.subsDetail(this.$route.params.serviceId);
//this.setMenuActive();
@@ -275,7 +272,7 @@ export default {
this.row.page = 1;
this.row.serviceId = this.$route.params.serviceId;
console.log(this.row);
this.$router.push({name: 'subsList', params: this.row});
this.$router.push({ name: 'subsList', params: this.row });
},
async subsDetail(serviceId) {
this.row.serviceId = serviceId;
@@ -283,9 +280,9 @@ export default {
try {
const response = await custMgtApi.subsDetail(this.row);
const result = response.data;
if (result != null && result.retCode == "0000") {
if (result != null && result.retCode == '0000') {
//데이터값이 널이면 오류처리
this.custNm = result.data.custNm;
this.custNm = this.fromHtmlEntities(result.data.custNm);
this.reprNm = result.data.reprNm;
this.custType = result.data.custType;
this.adr1 = result.data.adr1;
@@ -318,7 +315,7 @@ export default {
this.cprRegNo1 = this.cprRegNo.substr(0, 6);
this.cprRegNo2 = this.cprRegNo.substr(6);
}
}else{
} else {
this.row.title = '청약고객관리';
this.row.msg1 = '실패 하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
@@ -328,7 +325,6 @@ export default {
this.row.msg1 = '실패 하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
}
},
// updateAdminInfo 청약고객-사용정보-관리자ID,관리자명 수정
@@ -340,7 +336,7 @@ export default {
try {
const response = await custMgtApi.updateAdminInfo(this.row);
const result = response.data;
if (result != null && result.retCode == "0000") {
if (result != null && result.retCode == '0000') {
this.row.title = '청약고객관리';
this.row.msg1 = '저장 하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
@@ -355,7 +351,6 @@ export default {
this.row.msg1 = '실패 하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
}
},
carryOverListPopOpen: function () {
this.$refs.carryOverListPop.carryOverListPopOpen(this.serviceId);
@@ -364,26 +359,25 @@ export default {
if (this.doValidate()) {
this.$refs.validationConfirmPop.confirmUpdateSubOpen();
}
},
confirmCalbackFnc: function (props) {
/* confirmCalbackFnc: function (props) {
if (props.result) {
}
},
}, */
searchIDPopOpen: function () {
var params = {
"serviceId": this.serviceId,
"serviceSeq": '',
"parentDiv": 'subsDetail'
}
serviceId: this.serviceId,
serviceSeq: '',
parentDiv: 'subsDetail',
};
this.$refs.adminNmPop.ModalOpen(params);
},
goMemberDetail: function (props) {
this.$router.push({name: 'memberAdminDetail', params: {serviceId: this.row.serviceId}});
goMemberDetail: function () {
this.$router.push({ name: 'memberAdminDetail', params: { serviceId: this.row.serviceId } });
},
// 메뉴 활성화
setMenuActive(){
setMenuActive() {
const activedMenu = document.querySelectorAll('.main_menu .is-current');
activedMenu[0].classList.remove('is-current');
const nowMenu = document.querySelectorAll('.customer');
@@ -393,11 +387,14 @@ export default {
},
// 조회후 모달창 닫기
checkFocus(){
checkFocus() {
this.$router.go(-1);
}
}
}
},
fromHtmlEntities(str) {
return (str + '').replace(/&#\d+;/gm, function (s) {
return String.fromCharCode(s.match(/\d+/gm)[0]);
});
},
},
};
</script>

View File

@@ -1,204 +1,268 @@
<template>
<!-- <div class="wrap bg-wrap"> -->
<div>
<div class="dimmed modal55" @click="apprDetailPopClose"></div>
<!-- <div class="wrap bg-wrap"> -->
<div>
<div class="dimmed modal55" @click="apprDetailPopClose"></div>
<div class="popup-wrap modal55">
<!-- 발신번호 상세 (타사업자)-->
<!-- 발신번호 상세 (타사업자)-->
<div class="popup modal55 popup_form">
<div class="pop-head">
<h3 class="pop-tit">발신번호 승인 요청 내역</h3>
</div>
<table>
<tbody>
<tr>
<th>요청일</th>
<td>{{ regDt }}</td>
</tr>
<tr v-show="cmpltDt !== '' && cmpltDt !== null">
<th>완료일</th>
<td>{{ cmpltDt }}</td>
</tr>
<tr>
<th>관리자 ID</th>
<td>{{ adminId }}</td>
</tr>
<tr>
<th>고객사명</th>
<td>{{ custNm }}</td>
</tr>
<tr>
<th>사업자번호</th>
<td>{{ bizrno }}</td>
</tr>
<tr>
<th>명의자 구분</th>
<td>{{ nmineeDivCd }}</td>
</tr>
<tr>
<th class="two-tit">본인인증 휴대폰번호</th>
<td>{{ slfAuthHp }}</td>
</tr>
<tr>
<th>발신번호</th>
<td class="sender">
<div class="sender-head">
<div class="count">
<span>{{ numList.length }}</span>
</div>
<div class="radio_group">
<input type="radio" name="state" ref="apprRadio" value="02" id="popup_radio13" @change="allApprSttus($event)">
<label for="popup_radio13">전체승인</label>
<input type="radio" name="state" ref="rejRadio" value="03" id="popup_radio14" @change="allApprSttus($event)">
<label for="popup_radio14">전체반려</label>
</div>
</div>
<ul>
<li v-for="(item, idx) in numList">{{idx+1}}. {{ item.sndrno }}
<div class="select-btn">
<button :class="{'btn-pcolor' : item.sttusCd === '02', 'btn-default' : item.sttusCd === '01' || item.sttusCd === '03'}" @click="change(idx, '02')">승인</button>
<button :class="{'btn-pcolor' : item.sttusCd === '03', 'btn-default' : item.sttusCd === '01' || item.sttusCd === '02'}" @click="change(idx, '03')">반려</button>
<tr>
<th>요청일</th>
<td>{{ regDt }}</td>
</tr>
<tr v-show="cmpltDt !== '' && cmpltDt !== null">
<th>완료일</th>
<td>{{ cmpltDt }}</td>
</tr>
<tr>
<th>관리자 ID</th>
<td>{{ adminId }}</td>
</tr>
<tr>
<th>고객사명</th>
<td>{{ custNm }}</td>
</tr>
<tr>
<th>사업자번호</th>
<td>{{ bizrno }}</td>
</tr>
<tr>
<th>명의자 구분</th>
<td>{{ nmineeDivCd }}</td>
</tr>
<tr>
<th class="two-tit">본인인증 휴대폰번호</th>
<td>{{ slfAuthHp }}</td>
</tr>
<tr>
<th>발신번호</th>
<td class="sender">
<div class="sender-head">
<div class="count">
<span>{{ numList.length }}</span
>
</div>
</li>
</ul>
</td>
</tr>
<tr>
<th>제출서류</th>
<td class="sender">
<a href="javascript:void(0);" @click="download(item.filePath, item.fileNm, item.docTitle)" v-for="(item, idx) in docList" v-if="item.docTpCd !== '06' && item.docTpCd !== '07' && item.docTpCd !== '13' && item.docTpCd !== '14'">{{ item.docTitle }} <br></a>
</td>
</tr>
<tr>
<th>사업자등록증</th>
<td class="sender">
<a href="javascript:void(0);" @click="download(item.filePath, item.fileNm, item.docTitle)" v-for="(item, idx) in docList" v-if="item.docTpCd === '06'">{{ item.docTitle }}<br></a>
<a href="javascript:void(0);" @click="download(item.filePath, item.fileNm, item.docTitle)" v-for="(item, idx) in docList" v-if="item.docTpCd === '07'">{{ item.docTitle }}<br></a>
</td>
</tr>
<tr>
<th>본인확인</th>
<td class="sender">
<a href="javascript:void(0);" @click="download(item.filePath, item.fileNm, item.docTitle)" v-for="(item, idx) in docList" v-if="item.docTpCd === '13'">{{ item.docTitle }}<br></a>
<a href="javascript:void(0);" @click="download(item.filePath, item.fileNm, item.docTitle)" v-for="(item, idx) in docList" v-if="item.docTpCd === '14'">{{ item.docTitle }}<br></a>
</td>
</tr>
<tr>
<th>메모</th>
<td class="sender"><textarea class="memo_text" v-model="memo">{{memo}}</textarea></td>
</tr>
<div class="radio_group">
<input
type="radio"
name="state"
ref="apprRadio"
value="02"
id="popup_radio13"
@change="allApprSttus($event)"
/>
<label for="popup_radio13">전체승인</label>
<input
type="radio"
name="state"
ref="rejRadio"
value="03"
id="popup_radio14"
@change="allApprSttus($event)"
/>
<label for="popup_radio14">전체반려</label>
</div>
</div>
<ul>
<li v-for="(item, idx) in numList">
{{ idx + 1 }}. {{ item.sndrno }}
<div class="select-btn">
<button
:class="{
'btn-pcolor': item.sttusCd === '02',
'btn-default': item.sttusCd === '01' || item.sttusCd === '03',
}"
@click="change(idx, '02')"
>
승인
</button>
<button
:class="{
'btn-pcolor': item.sttusCd === '03',
'btn-default': item.sttusCd === '01' || item.sttusCd === '02',
}"
@click="change(idx, '03')"
>
반려
</button>
</div>
</li>
</ul>
</td>
</tr>
<tr>
<th>제출서류</th>
<td class="sender">
<a
href="javascript:void(0);"
@click="download(item.filePath, item.fileNm, item.docTitle)"
v-for="(item, idx) in docList"
v-if="
item.docTpCd !== '06' && item.docTpCd !== '07' && item.docTpCd !== '13' && item.docTpCd !== '14'
"
>{{ item.docTitle }} <br
/></a>
</td>
</tr>
<tr>
<th>사업자등록증</th>
<td class="sender">
<a
href="javascript:void(0);"
@click="download(item.filePath, item.fileNm, item.docTitle)"
v-for="(item, idx) in docList"
v-if="item.docTpCd === '06'"
>{{ item.docTitle }}<br
/></a>
<a
href="javascript:void(0);"
@click="download(item.filePath, item.fileNm, item.docTitle)"
v-for="(item, idx) in docList"
v-if="item.docTpCd === '07'"
>{{ item.docTitle }}<br
/></a>
</td>
</tr>
<tr>
<th>본인확인</th>
<td class="sender">
<a
href="javascript:void(0);"
@click="download(item.filePath, item.fileNm, item.docTitle)"
v-for="(item, idx) in docList"
v-if="item.docTpCd === '13'"
>{{ item.docTitle }}<br
/></a>
<a
href="javascript:void(0);"
@click="download(item.filePath, item.fileNm, item.docTitle)"
v-for="(item, idx) in docList"
v-if="item.docTpCd === '14'"
>{{ item.docTitle }}<br
/></a>
</td>
</tr>
<tr>
<th>메모</th>
<td class="sender">
<textarea class="memo_text" v-model="memo">{{ memo }}</textarea>
</td>
</tr>
</tbody>
</table>
<div class="popup-btn2">
<button class="btn-pcolor" @click="updateSttus">저장</button>
<button class="btn-default" @click="apprDetailPopClose">취소</button>
<div class="popup-btn2">
<button class="btn-pcolor" @click="updateSttus">저장</button>
<button class="btn-default" @click="apprDetailPopClose">취소</button>
</div>
</div>
</div>
<common-modal ref="commmonModal"></common-modal>
</div>
</div>
</div>
</template>
<script>
import sendNumMgtApi from "@/modules/sendNumMgt/service/sendNumMgtApi";
import commonModal from "@/components/modal/commonModal";
import sendNumMgtApi from '@/modules/sendNumMgt/service/sendNumMgtApi';
import commonModal from '@/components/modal/commonModal';
export default {
name: "numberRegPop",
watch:{
nmineeDivCd(){
}
name: 'numberRegPop',
watch: {
nmineeDivCd() {},
},
data(){
return{
row: {},
regReqNo:'',
docNo:'',
reqNo:'',
seqNo:'',
cmpltDt:'',
adminId:'',
custNm:'',
bizrno:'',
nmineeDivCd:'',
slfAuthHp:'',
regDt:'',
memo:'',
data() {
return {
row: {},
regReqNo: '',
docNo: '',
reqNo: '',
seqNo: '',
cmpltDt: '',
adminId: '',
custNm: '',
bizrno: '',
nmineeDivCd: '',
slfAuthHp: '',
regDt: '',
memo: '',
docList: [],
numList: [],
}
};
},
components: {
components: {
commonModal,
},
model: {
prop: 'sendData',
event: 'event-data'
},
props: ['sendData'],
created(){
this.formReset();
model: {
prop: 'sendData',
event: 'event-data',
},
methods :{
props: ['sendData'],
created() {
this.formReset();
},
methods: {
//파일 다운로드
download(filePath, fileName, docTitle){
this.row = {}
this.row.docTitle = docTitle
this.row.filePath = filePath
this.row.fileNm = fileName
download(filePath, fileName, docTitle) {
this.row = {};
this.row.docTitle = docTitle;
this.row.filePath = filePath;
this.row.fileNm = fileName;
sendNumMgtApi.fileDownload(this.row);
},
// 모달 띄우기
apprDetailPopOpen(props){
// 모달 띄우기
apprDetailPopOpen(props) {
var dimmed = document.getElementsByClassName('modal55');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'block';
}
this.apprDetail(props);
},
async apprDetail(props){
},
async apprDetail(props) {
try {
this.row.regReqNo = props.regReqNo
this.row.docNo = props.docNo
this.row.regReqNo = props.regReqNo;
this.row.docNo = props.docNo;
const response = await sendNumMgtApi.apprDetail(this.row);
const result = response.data;
if (result != null && result.retCode == "0000") {
if (result != null && result.retCode == '0000') {
this.regReqNo = result.data.regReqNo;
this.docNo = result.data.docNo;
this.docTitle = result.data.docTitle;
this.regDt = result.data.regDt;
this.custNm = this.fromHtmlEntities(result.data.custNm);
this.adminId = result.data.adminId;
this.chgDt = result.data.chgDt;
this.bizrno =
result.data.bizrno.substring(0, 3) +
'-' +
result.data.bizrno.substring(3, 5) +
'-' +
result.data.bizrno.substring(5, 10);
this.nmineeDivCd = result.data.nmineeDivCd;
this.slfAuthHp = result.data.slfAuthHp;
this.docList = result.data.docList;
this.numList = result.data.numList;
this.memo = result.data.memo;
this.cmpltDt = result.data.cmpltDt;
this.regReqNo = result.data.regReqNo
this.docNo = result.data.docNo
this.docTitle = result.data.docTitle
this.regDt = result.data.regDt
this.custNm = result.data.custNm
this.adminId = result.data.adminId
this.chgDt = result.data.chgDt
this.bizrno = result.data.bizrno.substring(0,3)+'-'+result.data.bizrno.substring(3,5)+'-'+result.data.bizrno.substring(5,10)
this.nmineeDivCd = result.data.nmineeDivCd
this.slfAuthHp = result.data.slfAuthHp
this.docList = result.data.docList
this.numList = result.data.numList
this.memo = result.data.memo
this.cmpltDt = result.data.cmpltDt
var apprCnt=0;
var rejtCnt=0;
this.numList.forEach(function(value, index) {
var apprCnt = 0;
var rejtCnt = 0;
this.numList.forEach(function (value, index) {
// value.sttusCd = data
if(value.sttusCd == '01' || value.sttusCd == '02' ){
if (value.sttusCd == '01' || value.sttusCd == '02') {
apprCnt = apprCnt + 1;
}else if(value.sttusCd == '03'){
} else if (value.sttusCd == '03') {
rejtCnt = rejtCnt + 1;
}
});
if(apprCnt == this.numList.length){
if (apprCnt == this.numList.length) {
this.$refs.apprRadio.checked = true;
}else if(rejtCnt == this.numList.length){
} else if (rejtCnt == this.numList.length) {
this.$refs.rejRadio.checked = true;
}
}
} catch (error) {
this.row.title = '발신번호승인';
@@ -206,54 +270,54 @@ export default {
this.$refs.commmonModal.alertModalOpen(this.row);
}
},
// 모달 끄기
apprDetailPopClose(){
// 모달 끄기
apprDetailPopClose() {
var dimmed = document.getElementsByClassName('modal55');
for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none';
}
},
},
allApprSttus(event) {
var data = event.target.value;
this.numList.forEach(function(value, index) {
value.sttusCd = data
this.numList.forEach(function (value, index) {
value.sttusCd = data;
});
},
change(idx, val){
this.numList[idx].sttusCd = val
change(idx, val) {
this.numList[idx].sttusCd = val;
this.$refs.apprRadio.checked = false;
this.$refs.rejRadio.checked = false;
// radio_group 클래스 하위 라디오 박스 체크 유무 변경 필요.
var apprCnt=0;
var rejtCnt=0;
this.numList.forEach(function(value, index) {
if(value.sttusCd == '01' || value.sttusCd == '02' ){
var apprCnt = 0;
var rejtCnt = 0;
this.numList.forEach(function (value, index) {
if (value.sttusCd == '01' || value.sttusCd == '02') {
apprCnt = apprCnt + 1;
}else if(value.sttusCd == '03'){
} else if (value.sttusCd == '03') {
rejtCnt = rejtCnt + 1;
}
});
if(apprCnt == this.numList.length){
if (apprCnt == this.numList.length) {
this.$refs.apprRadio.checked = true;
}else if(rejtCnt == this.numList.length){
} else if (rejtCnt == this.numList.length) {
this.$refs.rejRadio.checked = true;
}
},
updateSttus(){
this.doSave()
updateSttus() {
this.doSave();
},
async doSave(){
this.row.memo = this.memo
this.row.regReqNo = this.regReqNo
this.row.adminId = this.adminId
this.row.list = this.numList
async doSave() {
this.row.memo = this.memo;
this.row.regReqNo = this.regReqNo;
this.row.adminId = this.adminId;
this.row.list = this.numList;
try{
try {
const response = await sendNumMgtApi.updateAppr(this.row);
const result = response.data;
if (result != null && result.retCode == "0000") {
this.apprDetailPopClose()
this.$parent.search()
if (result != null && result.retCode == '0000') {
this.apprDetailPopClose();
this.$parent.search();
}
} catch (error) {
this.row.title = '발신번호 승인';
@@ -261,9 +325,14 @@ export default {
this.$refs.commmonModal.alertModalOpen(this.row);
}
},
formReset(){
Object.assign(this.$data, this.$options.data());
},
}
}
formReset() {
Object.assign(this.$data, this.$options.data());
},
fromHtmlEntities(str) {
return (str + '').replace(/&#\d+;/gm, function (s) {
return String.fromCharCode(s.match(/\d+/gm)[0]);
});
},
},
};
</script>

View File

@@ -1,7 +1,7 @@
<template>
<!-- <div class="wrap bg-wrap"> -->
<div>
<div class="dimmed" @click="numberDetailPopClose"></div>
<!-- <div class="wrap bg-wrap"> -->
<div>
<div class="dimmed" @click="numberDetailPopClose"></div>
<!-- 발신번호 상세 (타사업자)-->
<div class="popup modal53 popup_form register">
<div class="pop-head">
@@ -10,78 +10,110 @@
<form autocomplete="off">
<table>
<tbody>
<tr>
<th>관리자 ID</th>
<td><input type="text" disabled v-model="adminId"></td>
</tr>
<tr>
<th>고객사명</th>
<td><input type="text" disabled v-model="custNm"></td>
</tr>
<tr>
<th>등록자 ID</th>
<td><input type="text" disabled v-model="register"></td>
</tr>
<tr>
<th>사업자번호</th>
<td><input type="text" disabled v-model="bRegNo"></td>
</tr>
<tr>
<th>명의자 구분</th>
<td><input type="text" disabled v-model="nmineeDivCd"></td>
</tr>
<tr>
<th>인입채널</th>
<td><input type="text" disabled v-model="inchDivCd"></td>
</tr>
<tr>
<th>발신번호</th>
<td>
<div class="input_add">
<div>
<input type="text" disabled v-model="sndrnoNm">
<input type="text" disabled v-model="sndrno">
<tr>
<th>관리자 ID</th>
<td><input type="text" disabled v-model="adminId" /></td>
</tr>
<tr>
<th>고객사명</th>
<td><input type="text" disabled v-model="custNm" /></td>
</tr>
<tr>
<th>등록자 ID</th>
<td><input type="text" disabled v-model="register" /></td>
</tr>
<tr>
<th>사업자번호</th>
<td><input type="text" disabled v-model="bRegNo" /></td>
</tr>
<tr>
<th>명의자 구분</th>
<td><input type="text" disabled v-model="nmineeDivCd" /></td>
</tr>
<tr>
<th>인입채널</th>
<td><input type="text" disabled v-model="inchDivCd" /></td>
</tr>
<tr>
<th>발신번호</th>
<td>
<div class="input_add">
<div>
<input type="text" disabled v-model="sndrnoNm" />
<input type="text" disabled v-model="sndrno" />
</div>
</div>
</div>
</td>
</tr>
<tr>
<th>승인상태</th>
<td class="red">{{ sttusCd }}</td>
</tr>
<tr>
<th>등록일자</th>
<td><input type="text" disabled v-model="regDt"></td>
</tr>
<tr>
<th>제출서류</th>
<td>
<p class="file">파일형식 : jpg, png, pdf, tiff (최대 5MB)</p>
<div class="sender">
<a href="javascript:void(0);" @click="download(item.filePath, item.fileNm, item.docTitle)" v-for="(item, idx) in docList" v-if="item.docTpCd !== '06' && item.docTpCd !== '07' && item.docTpCd !== '13' && item.docTpCd !== '14'">{{ item.docTitle }} <br></a>
</div>
</td>
</tr>
<tr>
<th>사업자등록증</th>
<td>
<p class="file">파일형식 : jpg, png, pdf, tiff (최대 5MB)</p>
<div class="sender">
<a href="javascript:void(0);" @click="download(item.filePath, item.fileNm, item.docTitle)" v-for="(item, idx) in docList" v-if="item.docTpCd === '06'">{{ item.docTitle }}<br></a>
<a href="javascript:void(0);" @click="download(item.filePath, item.fileNm, item.docTitle)" v-for="(item, idx) in docList" v-if="item.docTpCd === '07'">{{ item.docTitle }}<br></a>
</div>
</td>
</tr>
<tr>
<th>본인 확인</th>
<td>
<p class="file">파일형식 : jpg, png, pdf, tiff (최대 5MB)</p>
<div class="sender">
<a href="javascript:void(0);" @click="download(item.filePath, item.fileNm, item.docTitle)" v-for="(item, idx) in docList" v-if="item.docTpCd === '13'">{{ item.docTitle }}<br></a>
<a href="javascript:void(0);" @click="download(item.filePath, item.fileNm, item.docTitle)" v-for="(item, idx) in docList" v-if="item.docTpCd === '14'">{{ item.docTitle }}<br></a>
</div>
</td>
</tr>
</td>
</tr>
<tr>
<th>승인상태</th>
<td class="red">{{ sttusCd }}</td>
</tr>
<tr>
<th>등록일자</th>
<td><input type="text" disabled v-model="regDt" /></td>
</tr>
<tr>
<th>제출서류</th>
<td>
<p class="file">파일형식 : jpg, png, pdf, tiff (최대 5MB)</p>
<div class="sender">
<a
href="javascript:void(0);"
@click="download(item.filePath, item.fileNm, item.docTitle)"
v-for="(item, idx) in docList"
v-if="
item.docTpCd !== '06' && item.docTpCd !== '07' && item.docTpCd !== '13' && item.docTpCd !== '14'
"
>{{ item.docTitle }} <br
/></a>
</div>
</td>
</tr>
<tr>
<th>사업자등록증</th>
<td>
<p class="file">파일형식 : jpg, png, pdf, tiff (최대 5MB)</p>
<div class="sender">
<a
href="javascript:void(0);"
@click="download(item.filePath, item.fileNm, item.docTitle)"
v-for="(item, idx) in docList"
v-if="item.docTpCd === '06'"
>{{ item.docTitle }}<br
/></a>
<a
href="javascript:void(0);"
@click="download(item.filePath, item.fileNm, item.docTitle)"
v-for="(item, idx) in docList"
v-if="item.docTpCd === '07'"
>{{ item.docTitle }}<br
/></a>
</div>
</td>
</tr>
<tr>
<th>본인 확인</th>
<td>
<p class="file">파일형식 : jpg, png, pdf, tiff (최대 5MB)</p>
<div class="sender">
<a
href="javascript:void(0);"
@click="download(item.filePath, item.fileNm, item.docTitle)"
v-for="(item, idx) in docList"
v-if="item.docTpCd === '13'"
>{{ item.docTitle }}<br
/></a>
<a
href="javascript:void(0);"
@click="download(item.filePath, item.fileNm, item.docTitle)"
v-for="(item, idx) in docList"
v-if="item.docTpCd === '14'"
>{{ item.docTitle }}<br
/></a>
</div>
</td>
</tr>
</tbody>
</table>
</form>
@@ -89,98 +121,89 @@
<button class="btn-default" @click="numberDetailPopClose">닫기</button>
</div>
</div>
</div>
</div>
</template>
<script>
import sendNumMgtApi from "@/modules/sendNumMgt/service/sendNumMgtApi";
import sendNumMgtApi from '@/modules/sendNumMgt/service/sendNumMgtApi';
export default {
name: "numberRegPop",
name: 'numberRegPop',
// mixins: [utils_mixin, chkPattern2],
watch:{
nmineeDivCd(){
watch: {
nmineeDivCd() {
// console.log('watch : ', this.nmineeDivCd)
}
},
},
data(){
return{
row: {},
adminId:'',
custNm:'',
register:'',
bRegNo:'',
nmineeDivCd:'',
inchDivCd:'',
sndrnoNm:'',
sndrno:'',
sttusCd:'',
regDt:'',
data() {
return {
row: {},
adminId: '',
custNm: '',
register: '',
bRegNo: '',
nmineeDivCd: '',
inchDivCd: '',
sndrnoNm: '',
sndrno: '',
sttusCd: '',
regDt: '',
docList: [],
regRegNo:'',
}
regRegNo: '',
};
},
components: {
components: {},
model: {
prop: 'sendData',
event: 'event-data',
},
model: {
prop: 'sendData',
event: 'event-data'
},
props: ['sendData'],
created(){
// this.formReset();
props: ['sendData'],
created() {
// this.formReset();
},
destroyed() {
},
methods :{
download(filePath, fileName, docTitle){
this.row = {}
this.row.docTitle = docTitle
this.row.filePath = filePath
this.row.fileNm = fileName
destroyed() {},
methods: {
download(filePath, fileName, docTitle) {
this.row = {};
this.row.docTitle = docTitle;
this.row.filePath = filePath;
this.row.fileNm = fileName;
sendNumMgtApi.fileDownload(this.row);
},
// 모달 띄우기
numberDetailPopOpen(props){
// this.formReset();
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('modal53');
obj[0].style.display = 'block';
// 모달 띄우기
numberDetailPopOpen(props) {
// this.formReset();
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('modal53');
obj[0].style.display = 'block';
this.numberDetail(props);
},
async numberDetail(props){
},
async numberDetail(props) {
try {
this.row.regReqNo = props.regReqNo
this.row.sndrno = props.sndrno
this.row.seqNo = props.seqNo
this.row.regReqNo = props.regReqNo;
this.row.sndrno = props.sndrno;
this.row.seqNo = props.seqNo;
const response = await sendNumMgtApi.numberDetail(this.row);
const result = response.data;
if (result != null && result.retCode == "0000") {
this.adminId = result.data.adminId
this.custNm = result.data.custNm
this.register = result.data.register
this.bRegNo = result.data.bregNo
this.nmineeDivCd = result.data.nmineeDivCd
this.inchDivCd = result.data.inchDivCd
this.sndrnoNm = result.data.sndrnoNm
this.sndrno = result.data.sndrno
this.sttusCd = result.data.sttusCd
this.regDt = result.data.regDt
if (result != null && result.retCode == '0000') {
this.adminId = result.data.adminId;
this.custNm = this.fromHtmlEntities(result.data.custNm);
this.register = result.data.register;
this.bRegNo = result.data.bregNo;
this.nmineeDivCd = result.data.nmineeDivCd;
this.inchDivCd = result.data.inchDivCd;
this.sndrnoNm = result.data.sndrnoNm;
this.sndrno = result.data.sndrno;
this.sttusCd = result.data.sttusCd;
this.regDt = result.data.regDt;
// result.data.list.forEach()
this.docList = result.data.list
this.regRegNo = result.data.regRegNo
this.docList = result.data.list;
this.regRegNo = result.data.regRegNo;
}
} catch (error) {
// this.row.title = '청약고객관리';
@@ -189,21 +212,25 @@ export default {
alert(error);
}
},
// 모달 끄기
numberDetailPopClose(){
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';
// 모달 끄기
numberDetailPopClose() {
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';
this.formReset();
},
formReset(){
Object.assign(this.$data, this.$options.data());
},
}
}
},
formReset() {
Object.assign(this.$data, this.$options.data());
},
fromHtmlEntities(str) {
return (str + '').replace(/&#\d+;/gm, function (s) {
return String.fromCharCode(s.match(/\d+/gm)[0]);
});
},
},
};
</script>