短信验证修改

front-vue/src/views/service/credit/creditSeal.vue

@@ -6,18 +6,18 @@
                         <el-form-item label="融信编号" prop="zfiNumber">
                             <el-input v-model="form.zfiNumber" style="width: 200px"/>
                         </el-form-item>
-                </el-col> 
+                </el-col>
                 <el-col :span="8">
                         <el-form-item label="创建时间" prop="createTime">
                             <el-date-picker disabled size="small" style="width: 200px" v-model="form.createTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss">
                             </el-date-picker>
                         </el-form-item>
-                </el-col> 
+                </el-col>
                 <el-col :span="8">
                         <el-form-item label="创建人" prop="createName">
                             <el-input v-model="form.createName" style="width: 200px"/>
                         </el-form-item>
-                </el-col> 
+                </el-col>
                 <el-col :span="8">
                         <el-form-item label="开立方" prop="openName">
                             <el-input v-model="form.openName" style="width: 200px"/>
@@ -36,32 +36,32 @@
             </el-row>
             <el-row>
                 <el-col :span="8">
-                    <el-form-item label="签发有效期" prop="zfiEffectiveDate"> 
+                    <el-form-item label="签发有效期" prop="zfiEffectiveDate">
                          <el-date-picker disabled size="small" style="width: 200px" v-model="form.zfiEffectiveDate" type="date" value-format="yyyy-MM-dd">
                         </el-date-picker>
                     </el-form-item>
-                </el-col> 
+                </el-col>
                 <el-col :span="8">
-                    <el-form-item label="承诺还款日" prop="zfiExpireDate" > 
+                    <el-form-item label="承诺还款日" prop="zfiExpireDate" >
                         <el-date-picker disabled size="small" style="width: 200px" v-model="form.zfiExpireDate" type="date" value-format="yyyy-MM-dd">
                         </el-date-picker>
                     </el-form-item>
-                </el-col> 
+                </el-col>
                 <!-- <el-col :span="8">
                     <el-form-item label="收款账号" prop="zfiCollectionAccount" v-if="isShow">
                          <el-input v-model="form.zfiCollectionAccount" style="width: 200px"/>
                     </el-form-item>
                 </el-col> -->
-            </el-row>  
+            </el-row>
             <el-divider content-position="left" >{{tableTitle}}</el-divider>
             <el-form-item  style="margin-left: 100px">
-                <el-form-item label="合计金额:"> 
+                <el-form-item label="合计金额:">
                         <span>{{checkTotalAmt}}</span>
                 </el-form-item>
-                <el-form-item label="金额大写:"> 
+                <el-form-item label="金额大写:">
                         <span>{{checkTotalBigAmt}}</span>
                 </el-form-item>
-                
+
                 <el-table :data="payList" style="width: 1100px">
                     <el-table-column label="账款名称"  align="center"  prop="zbiName" show-overflow-tooltip />
                     <el-table-column label="应收企业"  align="center"  prop="receiveName"/>
@@ -72,19 +72,19 @@
             </el-form-item>
             <el-row>
                 <el-col :span="8">
-                    <el-form-item label="签发金额" prop="zfiAmount"> 
+                    <el-form-item label="签发金额" prop="zfiAmount">
                          <el-input v-model="form.zfiAmount" style="width: 200px"/>
                     </el-form-item>
-                </el-col> 
-             
+                </el-col>
+
             </el-row>
             <el-row>
                 <el-col :span="8">
-                    <el-form-item label="金额大写" prop="issuedAmount"> 
+                    <el-form-item label="金额大写" prop="issuedAmount">
                          {{issuedAmount}}
                     </el-form-item>
-                </el-col>  
-            </el-row>      
+                </el-col>
+            </el-row>
         </el-form>
           <!-- 发票附件 -->
         <el-divider content-position="left">发票附件</el-divider>
@@ -170,7 +170,7 @@
                     <el-radio label="02">短信</el-radio>
                  </el-radio-group>
             </el-form>
-              
+
             <div slot="footer" class="dialog-footer">
                 <el-button type="primary" @click="confirmSelect">确 定</el-button>
                 <el-button @click="cancelUpdate">取 消</el-button>
@@ -179,16 +179,16 @@
         <!--短信-->
         <el-dialog  :visible.sync="messageIsShow" width="800px"  append-to-body :before-close = "cancelMessage" center>
             <el-form ref="messageForm"  :disabled="false" :model="messageForm"  v-if="messageIsShow" label-width="150px"  class="demo-form-inline" :inline="true">
-                    <el-form-item label="验证码" prop="validCode"> 
+                    <el-form-item label="验证码" prop="validCode">
                         <el-input v-model="messageForm.validCode" style="width: 200px" maxlength="6"/>
                     </el-form-item>
-                    <el-form-item> 
+                    <el-form-item>
                         <el-button  v-show="messShow"  type="success" @click="send">点击获取验证码</el-button>
                         <el-button v-show="!messShow" type="success" disabled><span>{{timer}}</span>秒后重新获取</el-button>
                     </el-form-item>
-                    
+
             </el-form>
-              
+
             <div slot="footer" class="dialog-footer">
                 <el-button type="primary" @click="checkCode">确定</el-button>
                 <el-button @click="cancelMessage">取 消</el-button>
@@ -259,6 +259,7 @@ export default {
             //意愿
             updateForm:{},
             //意愿类型
+            zfpAuthTypeInit:'',
             zfpAuthType:'',
             //短信展示
             messageIsShow:false,
@@ -278,7 +279,8 @@ export default {
             openFile:false,
             wordUrl: "",
             show:false,
-            heid:false
+            heid:false,
+            auth_timer : null
         };
     },
     activated() {
@@ -295,6 +297,8 @@ export default {
                  this.zfiSupplierStatus =  response.data.financeInf.zfiSupplierStatus;
                 //意愿类型
                 this.zfpAuthType = response.data.zfpAuthType;
+                this.zfpAuthTypeInit = response.data.zfpAuthType;
+
                 //核心开立
                 if(response.data.financeInf.zfiCreateType == '1'){
                       this.tableTitle = "应付账款";
@@ -309,7 +313,7 @@ export default {
                           }
                      }
                 }
-                
+
                //接收方
                 this.form.receiveName = response.data.receiveName;
                 //授信额度
@@ -327,7 +331,7 @@ export default {
                  //附件
                  this.getFile(this.payList);
              }
-             
+
         })
     },
     methods: {
@@ -366,7 +370,7 @@ export default {
                 }
             });
         },
-    //格式化金额 
+    //格式化金额
     amtFormat(cellValue) {
       if(cellValue == null || cellValue== undefined || cellValue == ''){
       cellValue = '0.00'
@@ -473,8 +477,12 @@ export default {
             radio:""
         };
         //意愿类型还原为全部
-        this.zfpAuthType ="00";
+        this.zfpAuthType = this.zfpAuthTypeInit;
         this.resetForm("updateForm");
+
+        this.messShow = true;
+        clearInterval(this.auth_timer);
+        this.timer = 60;
     },
     resetMessage() {
         this.messageForm = {
@@ -492,13 +500,15 @@ export default {
         //文件存在
         if(this.pdfFileList.length > 0 ){
                 this.pdfShowDialog = true;
-                
+
         }
     },
     //选择类型
     selectType(){
+        this.resetUpdate();
+
         //可以直接盖章的
-        if( (this.zfiCreateType =='0' && this.zfiStatus =='01' && this.zfiSupplierStatus =='01') 
+        if( (this.zfiCreateType =='0' && this.zfiStatus =='01' && this.zfiSupplierStatus =='01')
             || (this.zfiCreateType =='1' && this.zfiStatus =='01' && this.zfiSupplierStatus =='01')){
                 //直接盖章
                 this.contractSigning();
@@ -543,7 +553,7 @@ export default {
     checking(){
         //人脸
         if(this.zfpAuthType == '01'){
-          //调用人脸识别生成二维码  
+          //调用人脸识别生成二维码
           faceAuth().then((response) => {
                 if(response.data){
                     //获取二维码
@@ -574,7 +584,7 @@ export default {
                                             this.$message({
                                                 message: "验证失败",
                                                 type: 'warning'
-                                            }); 
+                                            });
                                             //关闭验证码
                                             this.faceIsShow = false;
                                             window.clearInterval(timeInterval);
@@ -589,7 +599,7 @@ export default {
         }else if(this.zfpAuthType == '02'){//短信
             this.messageIsShow = true;
         }
-        
+
     },
     //发送短信验证码
     send(){
@@ -602,13 +612,13 @@ export default {
                     //结果
                     var result = response.data.result;
                     this.messShow = false;
-                    let auth_timer = window.setInterval(() => {
+                    this.auth_timer = window.setInterval(() => {
                         this.messShow = false;
                         setTimeout(() => {
                                 this.timer--;
                                 if(this.timer <= 0 ){
                                     this.messShow = true;
-                                    clearInterval(auth_timer);
+                                    clearInterval(this.auth_timer);
                                 }
                             }, 0)
                         },1000)
@@ -627,7 +637,7 @@ export default {
 
                 }
             });
-                
+
     },
     //校验验证码是否正确
     checkCode(){
@@ -660,14 +670,14 @@ export default {
     //盖章
     contractSigning(){
          contractSigning(this.form).then((response) => {
-             
+
                 this.msgSuccess("盖章成功");
                 if(this.zfpAuthType == '02'){
                     //关闭短信验证
                     this.messageIsShow = false;
                 }else if(this.zfpAuthType == '01'){
                     //关闭人脸二维码
-                    this.faceIsShow = false;    
+                    this.faceIsShow = false;
                 }
                 this.$store.dispatch(
                     "tagsView/delView",
@@ -693,7 +703,7 @@ export default {
                 pfiFileName.substr(-3) == "JPG" ||
                 pfiFileName.substr(-3) == "PNG" ||
                 pfiFileName.substr(-4) == "jpeg" ||
-                pfiFileName.substr(-3) == "JPEG" 
+                pfiFileName.substr(-3) == "JPEG"
             ) {
                 this.wordUrl =
                     pfiUrl +
@@ -729,8 +739,8 @@ export default {
         this.openFile = true;
     },
 
-    
-       
+
+
     }
 };
 </script>
@@ -743,7 +753,7 @@ export default {
   line-height:110px;
 }
 .fjUoloadSty .el-upload--picture-card{
-  display:none;   
+  display:none;
 }
 
 table th.star div::before {
@@ -751,4 +761,4 @@ table th.star div::before {
     color: red;
 }
 
-</style>
+</style>