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

고객사명 엔티티코드 노출되는 부분 수정
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);
if(this.$route.params.serviceId != null){ // 리스트에서 상세 호출시
this.$store.commit('login/isLogin', true);
if (this.$route.params.serviceId != null) {
// 리스트에서 상세 호출시
this.$store.commit('dataStore/updateDataStore', this.$route.params.serviceId);
this.subsDetail(this.$route.params.serviceId);
//this.setMenuActive();
@@ -251,14 +248,14 @@ export default {
// //$router.push({ path: '/custMgt/subsList', params: })
// //}
// this.subsDetail(serviceId);
// }
// }
},
destroyed() {
destroyed() {
this.$store.commit('dataStore/updateDataStore', '');
},
methods: {
callAlert(props) {
callAlert(props) {
this.$refs.commmonModal.alertModalOpen(props);
},
doValidate() {
@@ -275,17 +272,17 @@ 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;
try {
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,17 +315,16 @@ 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);
this.$refs.commmonModal.alertModalOpen(this.row);
}
} catch (error) {
this.row.title = '청약고객관리';
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,49 +351,50 @@ export default {
this.row.msg1 = '실패 하였습니다.';
this.$refs.commmonModal.alertModalOpen(this.row);
}
},
carryOverListPopOpen: function () {
this.$refs.carryOverListPop.carryOverListPopOpen(this.serviceId);
},
confirmPopOpen: function () {
if (this.doValidate()) {
this.$refs.validationConfirmPop.confirmUpdateSubOpen();
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');
nowMenu[0].classList.add('is-current');
//menuList.classList.add('is-current');
},
// 조회후 모달창 닫기
checkFocus(){
checkFocus() {
this.$router.go(-1);
}
}
}
</script>
},
fromHtmlEntities(str) {
return (str + '').replace(/&#\d+;/gm, function (s) {
return String.fromCharCode(s.match(/\d+/gm)[0]);
});
},
},
};
</script>