mirror of
http://git.mhez-qa.uplus.co.kr/hubez/hubez-admin.git
synced 2025-12-07 05:39:35 +09:00
리스크관리 / 유치채널현황 관리 / 채널관리 추가
This commit is contained in:
175
frontend/src/modules/sendNumMgt/components/NumberDetailPop.vue
Normal file
175
frontend/src/modules/sendNumMgt/components/NumberDetailPop.vue
Normal file
@@ -0,0 +1,175 @@
|
||||
<template>
|
||||
<!-- <div class="wrap bg-wrap"> -->
|
||||
<div>
|
||||
<div class="dimmed" @click="numberDetailPopClose();"></div>
|
||||
<!-- 발신번호 상세 (타사업자)-->
|
||||
<div class="popup modal53 popup_form register">
|
||||
<div class="pop-head">
|
||||
<h3 class="pop-tit">발신번호 상세</h3>
|
||||
</div>
|
||||
<form autocomplete="off">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>관리자 ID</th>
|
||||
<td><input type="text" disabled value="uplus01"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>고객사명</th>
|
||||
<td><input type="text" disabled value="유플러스"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>등록자 ID</th>
|
||||
<td><input type="text" disabled value="uplus01"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>사업자번호</th>
|
||||
<td><input type="text" disabled value="229-81-39938"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>명의자 구분</th>
|
||||
<td><input type="text" disabled value="타사업자"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>인입채널</th>
|
||||
<td><input type="text" disabled value="홈페이지"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>발신번호</th>
|
||||
<td>
|
||||
<div class="input_add">
|
||||
<div>
|
||||
<input type="text" disabled value="테스트">
|
||||
<input type="text" disabled value="02-555-5555">
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>승인상태</th>
|
||||
<td class="red">승인 완료</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>등록일자</th>
|
||||
<td><input type="text" disabled value="2022-03-10"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>제출서류</th>
|
||||
<td>
|
||||
<div class="sender">
|
||||
<p>위임장.jpg (00KB)</p>
|
||||
<p>위임-수임관계 확인서류.jpg (00KB)</p>
|
||||
<p>대리인 신분증 사본.jpg (00KB)</p>
|
||||
<p>재직증명서.jpg (00KB)</p>
|
||||
<p>통신서비스 이용증명원.jpg (00KB)</p>
|
||||
<p>사업자등록증.jpg (00KB)</p>
|
||||
</div>
|
||||
<p class="file">파일형식 : jpg, png, pdf, tiff (최대 5MB)</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>사업자등록증</th>
|
||||
<td>
|
||||
<div class="sender">
|
||||
<p>사업자등록증.jpg (00KB)</p>
|
||||
</div>
|
||||
<p class="file">파일형식 : jpg, png, pdf, tiff (최대 5MB)</p>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</form>
|
||||
<div class="popup-btn2">
|
||||
<button class="btn-default" @click="numberDetailPopClose">닫기</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AdminListPop from "@/modules/sendNumMgt/components/AdminListPop";
|
||||
|
||||
export default {
|
||||
name: "numberRegPop",
|
||||
// mixins: [utils_mixin, chkPattern2],
|
||||
watch:{
|
||||
nmineeDivCd(){
|
||||
console.log('watch : ', this.nmineeDivCd)
|
||||
}
|
||||
},
|
||||
data(){
|
||||
return{
|
||||
row: {},
|
||||
adminId:'',
|
||||
custNm:'',
|
||||
bRegNo:'',
|
||||
nmineeDivCd:'01',
|
||||
numberInputs: [],
|
||||
fileType:1,
|
||||
}
|
||||
},
|
||||
components: {
|
||||
AdminListPop,
|
||||
},
|
||||
model: {
|
||||
prop: 'sendData',
|
||||
event: 'event-data'
|
||||
},
|
||||
props: ['sendData'],
|
||||
created(){
|
||||
this.formReset();
|
||||
},
|
||||
methods :{
|
||||
searchIdPop(){
|
||||
this.$refs.admnListPop.adminNmPopOpen();
|
||||
},
|
||||
addNumberInput(){
|
||||
this.numberInputs.push({
|
||||
sendNm: '',
|
||||
sendNum: ''
|
||||
})
|
||||
},
|
||||
delNumberInput(index){
|
||||
this.numberInputs.splice(index,1)
|
||||
},
|
||||
changeNmineDiv(event){
|
||||
var data = event.target.value;
|
||||
console.log(data)
|
||||
if(data === '01'){
|
||||
this.fileType = 1
|
||||
}
|
||||
if(data === '02'){
|
||||
this.fileType = 2
|
||||
}
|
||||
},
|
||||
// 모달 띄우기
|
||||
numberDetailPopOpen(insertType){
|
||||
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';
|
||||
|
||||
|
||||
|
||||
|
||||
},
|
||||
// 모달 끄기
|
||||
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';
|
||||
|
||||
},
|
||||
formReset(){
|
||||
Object.assign(this.$data, this.$options.data());
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user