유치채널관리 수정 / 정산관리 추가,수정 / 채널관리 수정 / 고객관리 수정 / 모니터링 추가 / 리스크관리 수정 / 발신번호관리

추가,수정 / 서비스관리 수정 / 발송통계 수정

frontend/src/modules/sendNumMgt/components/NumberDetailPop.vue

@@ -1,7 +1,7 @@
 <template>
 	<!-- <div class="wrap bg-wrap"> -->
 	<div>
-		<div class="dimmed" @click="numberDetailPopClose();"></div>
+		<div class="dimmed" @click="numberDetailPopClose"></div>
     <!-- 발신번호 상세 (타사업자)-->
     <div class="popup modal53 popup_form register">
       <div class="pop-head">
@@ -12,57 +12,52 @@
           <tbody>
           <tr>
             <th>관리자 ID</th>
-            <td><input type="text" disabled value="uplus01"></td>
+            <td><input type="text" disabled v-model="adminId"></td>
           </tr>
           <tr>
             <th>고객사명</th>
-            <td><input type="text" disabled value="유플러스"></td>
+            <td><input type="text" disabled v-model="custNm"></td>
           </tr>
           <tr>
             <th>등록자 ID</th>
-            <td><input type="text" disabled value="uplus01"></td>
+            <td><input type="text" disabled v-model="register"></td>
           </tr>
           <tr>
             <th>사업자번호</th>
-            <td><input type="text" disabled value="229-81-39938"></td>
+            <td><input type="text" disabled v-model="bRegNo"></td>
           </tr>
           <tr>
             <th>명의자 구분</th>
-            <td><input type="text" disabled value="타사업자"></td>
+            <td><input type="text" disabled v-model="nmineeDivCd"></td>
           </tr>
           <tr>
             <th>인입채널</th>
-            <td><input type="text" disabled value="홈페이지"></td>
+            <td><input type="text" disabled v-model="inchDivCd"></td>
           </tr>
           <tr>
             <th>발신번호</th>
             <td>
               <div class="input_add">
                 <div>
-                  <input type="text" disabled value="테스트">
-                  <input type="text" disabled value="02-555-5555">
+                  <input type="text" disabled v-model="sndrnoNm">
+                  <input type="text" disabled v-model="sndrno">
                 </div>
               </div>
             </td>
           </tr>
           <tr>
             <th>승인상태</th>
-            <td class="red">승인 완료</td>
+            <td class="red">{{ sttusCd }}</td>
           </tr>
           <tr>
             <th>등록일자</th>
-            <td><input type="text" disabled value="2022-03-10"></td>
+            <td><input type="text" disabled v-model="regDt"></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>
+                <p v-for="(item, idx) in list" v-if="item.docTpcd !== '06'">{{ item.docTitle }} ({{ item.fileSize }}KB)</p>
               </div>
               <p class="file">파일형식 : jpg, png, pdf, tiff (최대 5MB)</p>
             </td>
@@ -71,7 +66,8 @@
             <th>사업자등록증</th>
             <td>
               <div class="sender">
-                <p>사업자등록증.jpg (00KB)</p>
+<!--                <p>사업자등록증.jpg (00KB)</p>-->
+                <p v-for="(item, idx) in list" v-if="item.docTpCd === '06'">{{ item.docTitle }} ({{ item.fileSize }}KB)</p>
               </div>
               <p class="file">파일형식 : jpg, png, pdf, tiff (최대 5MB)</p>
             </td>
@@ -88,7 +84,7 @@
 </template>
 
 <script>
-import AdminListPop from "@/modules/sendNumMgt/components/AdminListPop";
+import sendNumMgtApi from "@/modules/sendNumMgt/service/sendNumMgtApi";
 
 export default {
   name: "numberRegPop",
@@ -103,14 +99,19 @@ export default {
 			row: {},
       adminId:'',
       custNm:'',
+      register:'',
       bRegNo:'',
-      nmineeDivCd:'01',
-      numberInputs: [],
-      fileType:1,
+      nmineeDivCd:'',
+      inchDivCd:'',
+      sndrnoNm:'',
+      sndrno:'',
+      sttusCd:'',
+      regDt:'',
+      list: [],
+      regRegNo:'',
     }
   },
 	components: {
-    AdminListPop,
   },
 	model: {
 		prop: 'sendData',
@@ -121,31 +122,10 @@ export default {
 		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();
+    numberDetailPopOpen(props){
+
+			// this.formReset();
 			var dimmed = document.getElementsByClassName('dimmed');
 			dimmed[0].style.display = 'block';
 			var wrap = document.getElementsByClassName('popup-wrap');
@@ -153,10 +133,40 @@ export default {
 			var obj = document.getElementsByClassName('modal53');
 			obj[0].style.display = 'block';
 
-
-
+      this.numberDetail(props);
 
 		},
+    async numberDetail(props){
+      try {
+        console.log(props)
+        this.row.regReqNo = props.regReqNo
+        this.row.sndrno = props.sndrno
+        const response = await sendNumMgtApi.numberDetail(this.row);
+        const result = response.data;
+        console.log(result);
+        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
+          // result.data.list.forEach()
+          this.list = result.data.list
+          this.regRegNo = result.data.regRegNo
+        }
+      } catch (error) {
+        // this.row.title = '청약고객관리';
+        // this.row.msg1 = '실패 하였습니다.';
+        // this.$refs.commmonModal.alertModalOpen(this.row);
+        alert(error);
+      }
+    },
 		// 모달 끄기
     numberDetailPopClose(){
 			var dimmed = document.getElementsByClassName('dimmed');