발신번호 반려시 메일, 팝업 추가

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

@@ -98,6 +98,7 @@
               <th>제출서류</th>
               <td class="sender">
                 <a
+
                   href="javascript:void(0);"
                   @click="download(item.filePath, item.fileNm, item.docTitle)"
                   v-for="(item, idx) in docList"
@@ -160,6 +161,28 @@
         </div>
       </div>
 
+
+      <!-- 사용자 수정 확인 -->
+      <div class="dimmed confirm-update" @click="confirmUpdateClose();"></div>
+      <div class="popup-wrap confirm-update">
+        <div class="popup confirm-update">
+          <div class="pop-head">
+            <h3 class="pop-tit">발신번호 저장 확인</h3>
+          </div>
+          <div class="pop-cont">
+            <p>발신번호 상태는 다음과 같습니다.</p>
+            <br>
+            <p>승인 건 : {{ apprCnt }}</p>
+            <p>반려 건 : {{ rejtCnt }}</p>
+          </div>
+          <div v-if="reqSttusCd == '처리완료'"><br><p>이미 처리가 완료된 건입니다. 발신번호 상태를 저장하시겠습니까?</p></div>
+          <div v-if="rejtCnt > 0"><br>*반려 건이 있을 시 사용자에게 메일이 전송됩니다.</div>
+          <div class="popup-btn2">
+            <button class="btn-pcolor" @click="confirmUpdate();">확인</button>
+            <button class="btn-default" @click="confirmUpdateClose();">취소</button>
+          </div>
+        </div>
+      </div>
       <common-modal ref="commmonModal"></common-modal>
     </div>
   </div>
@@ -191,6 +214,9 @@ export default {
       memo: '',
       docList: [],
       numList: [],
+      reqSttusCd: '',
+      apprCnt: 0,
+      rejtCnt: 0,
     };
   },
   components: {
@@ -205,6 +231,31 @@ export default {
     this.formReset();
   },
   methods: {
+
+
+    //사용자 수정 확인 Open
+    confirmUpdateOpen() {
+      var dimmed = document.getElementsByClassName('confirm-update');
+      for (var i = 0; i < dimmed.length; i++) {
+        dimmed[i].style.display = 'block';
+      }
+    },
+    //사용자 수정 확인
+    confirmUpdate() {
+      var dimmed = document.getElementsByClassName('confirm-update');
+      for (var i = 0; i < dimmed.length; i++) {
+        dimmed[i].style.display = 'none';
+      }
+      this.doSave();
+    },
+    // 사용자 수정 Close
+    confirmUpdateClose() {
+      var dimmed = document.getElementsByClassName('confirm-update');
+      for (var i = 0; i < dimmed.length; i++) {
+        dimmed[i].style.display = 'none';
+      }
+    },
+
     //파일 다운로드
     download(filePath, fileName, docTitle) {
       this.row = {};
@@ -225,6 +276,7 @@ export default {
       try {
         this.row.regReqNo = props.regReqNo;
         this.row.docNo = props.docNo;
+        this.reqSttusCd = props.reqSttusCd;
         const response = await sendNumMgtApi.apprDetail(this.row);
         const result = response.data;
         if (result != null && result.retCode == '0000') {
@@ -258,6 +310,8 @@ export default {
               rejtCnt = rejtCnt + 1;
             }
           });
+          this.apprCnt = apprCnt;
+          this.rejtCnt = rejtCnt;
           /* if (apprCnt == this.numList.length) {
             this.$refs.apprRadio.checked = true;
           } else if (rejtCnt == this.numList.length) {
@@ -299,6 +353,8 @@ export default {
           rejtCnt = rejtCnt + 1;
         }
       });
+      this.apprCnt = apprCnt;
+      this.rejtCnt = rejtCnt;
       /* if (apprCnt == this.numList.length) {
         this.$refs.apprRadio.checked = true;
       } else if (rejtCnt == this.numList.length) {
@@ -306,7 +362,8 @@ export default {
       } */
     },
     updateSttus() {
-      this.doSave();
+      this.confirmUpdateOpen();
+      // this.doSave();
     },
     async doSave() {
       this.row.memo = this.memo;