融信签收成功去融资弹窗抽成公共组件

front-vue/src/components/SignSuccess/index.vue

@@ -0,0 +1,188 @@
+<template>
+  <el-dialog
+    class="zap-signed"
+    :visible.sync="goShow"
+    title="签收融信成功，融信信息："
+    width="640px"
+    append-to-body
+    :before-close="cancelGo"
+  >
+    <el-row class="zap-signed__item">
+      <span class="zap-signed__label">融信编号：</span>
+      <span class="zap-signed__value">{{financeSignForm.zfiNumber}}</span>
+    </el-row>
+    <el-row class="zap-signed__item">
+      <span class="zap-signed__label">融信金额：</span>
+      <span class="zap-signed__value">{{smallToBig(financeSignForm.zfiAmount)}}</span>
+      <span
+        class="zap-signed__value zap-signed__value--red"
+      >{{handleInput(financeSignForm.zfiAmount) + "元"}}</span>
+    </el-row>
+    <el-row class="zap-signed__item">
+      <span class="zap-signed__label">融信利率：</span>
+      <span class="zap-signed__value zap-signed__value--blue">{{financeSignForm.zfiRate + "%"}}</span>
+    </el-row>
+    <el-row class="zap-signed__item">
+      <span class="zap-signed__label">最长融信期限：</span>
+      <span class="zap-signed__value">{{financeSignForm.intervalTime + "天"}}</span>
+    </el-row>
+    <el-row class="zap-signed__item">
+      <span class="zap-signed__label">融信有效期：</span>
+      <span class="zap-signed__value">{{financeSignForm.validity}}</span>
+    </el-row>
+    <div slot="footer" class="dialog-footer">
+      <el-button type="primary" @click="goFinance">去融资</el-button>
+      <el-button @click="cancelGo">取 消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: "SignSuccess",
+  props: {
+    goShow: {
+      type: Boolean,
+      default: false
+    },
+    financeSignForm: {
+      type: Object,
+      default () {
+        return {}
+      }
+    }
+  },
+  computed: {
+    open () {
+      return this.goShow
+    }
+  },
+  methods: {
+    goFinance () {
+      this.$emit('goFinance')
+    },
+    cancelGo () {
+      this.$emit('cancelGo')
+    },
+    /* 金额展示 */
+    handleInput(str) {
+      return amtformat(str, 2, ".", ",");
+    },
+    /* //  将数字金额转换为大写金额 */
+    smallToBig(money) {
+      //  将数字金额转换为大写金额
+      var cnNums = new Array(
+        "零",
+        "壹",
+        "贰",
+        "叁",
+        "肆",
+        "伍",
+        "陆",
+        "柒",
+        "捌",
+        "玖"
+      ); //汉字的数字
+      var cnIntRadice = new Array("", "拾", "佰", "仟"); //基本单位
+      var cnIntUnits = new Array("", "万", "亿", "兆"); //对应整数部分扩展单位
+      var cnDecUnits = new Array("角", "分", "毫", "厘"); //对应小数部分单位
+      var cnInteger = "整"; //整数金额时后面跟的字符
+      var cnIntLast = "元"; //整数完以后的单位
+      //最大处理的数字
+      var maxNum = 999999999999999.9999;
+      var integerNum; //金额整数部分
+      var decimalNum; //金额小数部分
+      //输出的中文金额字符串
+      var chineseStr = "";
+      var parts; //分离金额后用的数组，预定义
+      if (money == "" || money == null || money == undefined) {
+        return "零元零角零分";
+      }
+      money = parseFloat(money);
+      if (money >= maxNum) {
+        //超出最大处理数字
+        return "超出最大处理数字";
+      }
+      if (money == 0) {
+        chineseStr = cnNums[0] + cnIntLast + cnInteger;
+        return chineseStr;
+      }
+      //四舍五入保留两位小数,转换为字符串
+      money = Math.round(money * 100).toString();
+      integerNum = money.substr(0, money.length - 2);
+      decimalNum = money.substr(money.length - 2);
+      //获取整型部分转换
+      if (parseInt(integerNum, 10) > 0) {
+        var zeroCount = 0;
+        var IntLen = integerNum.length;
+        for (var i = 0; i < IntLen; i++) {
+          var n = integerNum.substr(i, 1);
+          var p = IntLen - i - 1;
+          var q = p / 4;
+          var m = p % 4;
+          if (n == "0") {
+            zeroCount++;
+          } else {
+            if (zeroCount > 0) {
+              chineseStr += cnNums[0];
+            }
+            //归零
+            zeroCount = 0;
+            chineseStr += cnNums[parseInt(n)] + cnIntRadice[m];
+          }
+          if (m == 0 && zeroCount < 4) {
+            chineseStr += cnIntUnits[q];
+          }
+        }
+        chineseStr += cnIntLast;
+      }
+      //小数部分
+      if (decimalNum != "") {
+        var decLen = decimalNum.length;
+        for (var i = 0; i < decLen; i++) {
+          var n = decimalNum.substr(i, 1);
+          if (n != "0") {
+            chineseStr += cnNums[Number(n)] + cnDecUnits[i];
+          }
+        }
+      }
+      if (chineseStr == "") {
+        chineseStr += cnNums[0] + cnIntLast + cnInteger;
+      } else if (decimalNum == "" || /^0*$/.test(decimalNum)) {
+        chineseStr += cnInteger;
+      }
+      return chineseStr;
+    }
+  }
+};
+</script>
+
+<style lang="scss">
+// 融信签收成功
+.zap-signed__item {
+  height: 20px;
+  line-height: 20px;
+  margin-bottom: 24px;
+  font-size: 14px;
+  color: #333333;
+}
+
+.zap-signed__label {
+  display: inline-block;
+  width: 98px;
+  margin-right: 24px;
+  text-align: right;
+}
+
+.zap-signed__value {
+}
+
+.zap-signed__value--red {
+  margin-left: 24px;
+  color: #ff2f2f;
+}
+
+.zap-signed__value--blue {
+  color: #4280f2;
+}
+</style>

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

@@ -284,40 +284,7 @@
             </pdf-shows>
         </el-dialog>
         <!--去融资-->
-        <el-dialog
-            class="zap-signed"
-            :visible.sync="goShow"
-            title="签收融信成功，融信信息："
-            width="640px"
-            append-to-body
-            :before-close="cancelGo"
-            >
-            <el-row class="zap-signed__item">
-                <span class="zap-signed__label">融信编号：</span>
-                <span class="zap-signed__value">{{financeSignForm.zfiNumber}}</span>
-            </el-row>
-            <el-row class="zap-signed__item">
-                <span class="zap-signed__label">融信金额：</span>
-                <span class="zap-signed__value">{{smallToBig(financeSignForm.zfiAmount)}}</span>
-                <span class="zap-signed__value zap-signed__value--red">{{handleInput(financeSignForm.zfiAmount) + "元"}}</span>
-            </el-row>
-            <el-row class="zap-signed__item">
-                <span class="zap-signed__label">融信利率：</span>
-                <span class="zap-signed__value zap-signed__value--blue">{{financeSignForm.zfiRate + "%"}}</span>
-            </el-row>
-            <el-row class="zap-signed__item">
-                <span class="zap-signed__label">最长融信期限：</span>
-                <span class="zap-signed__value">{{financeSignForm.intervalTime + "天"}}</span>
-            </el-row>
-            <el-row class="zap-signed__item">
-                <span class="zap-signed__label">融信有效期：</span>
-                <span class="zap-signed__value">{{financeSignForm.validity}}</span>
-            </el-row>
-            <div slot="footer" class="dialog-footer">
-                <el-button type="primary" @click="goFinance">去融资</el-button>
-                <el-button @click="cancelGo">取 消</el-button>
-            </div>
-        </el-dialog>
+        <sign-success :goShow="goShow" :financeSignForm="financeSignForm" @goFinance="goFinance" @cancelGo="cancelGo"></sign-success>
     </el-tab-pane>
     <el-tab-pane label="签署合同">
       <el-row class="zap-form" type="flex">
@@ -373,13 +340,15 @@ import {
 import pdfShow from "./pdfShow";
 import pdfShows from "./showStampedPdf";
 import Cookies from 'js-cookie';
+import SignSuccess from "@/components/SignSuccess/index.vue"
 export default {
     name: "addCredit",
     components: {
         AddBill,
         pdfShow,
         EditBill,
-        pdfShows
+        pdfShows,
+        SignSuccess
     },
     data() {
         return {
@@ -1469,30 +1438,4 @@ table th.star div::before {
     content: '*';
     color: red;
 }
-
-.zap-signed__item {
-    height: 20px;
-    line-height: 20px;
-    margin-bottom: 24px;
-    font-size: 14px;
-    color: #333333;
-}
-
-.zap-signed__label {
-  display: inline-block;
-  width: 98px;
-  margin-right: 24px;
-  text-align: right;
-}
-
-.zap-signed__value {}
-
-.zap-signed__value--red {
-  margin-left: 24px;
-  color: #FF2F2F;
-}
-
-.zap-signed__value--blue {
-  color: #4280F2;
-}
 </style>

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

@@ -47,7 +47,7 @@
                     <el-button type="primary" @click="selectType" size="mini">签署</el-button>
                     <el-button @click="closePdfShow" size="mini">取 消</el-button>
             </span>
-            
+
             <!-- <span slot="footer" class="dialog-footer">
                 <el-button @click="dialogVisible = false">取 消</el-button>
             </span> -->
@@ -106,30 +106,11 @@
                 <img :src="'data:image/jpeg;base64,' + this.fileUrl" style="overflow: auto; width: 100%; height: 100%;"/>
             </el-dialog>
             <!--去融资-->
-            <el-dialog  :visible.sync="goShow" width="300px"  append-to-body :before-close = "cancelGo" center>
-                    <!-- <p>恭喜您成功签收一笔融信</p> -->
-                    <p>签收融信成功，融信信息：</p>
-                    <el-form ref="financeSignForm" :model="financeSignForm" label-width="auto" :inline="true">
-                        <el-row>
-                            <el-form-item label="融信编号：">{{financeSignForm.zfiNumber}}</el-form-item>
-                            <el-form-item label="融信金额：">{{handleInput(financeSignForm.zfiAmount) + "元"}}</el-form-item>
-                            <el-form-item label="大写：">{{smallToBig(financeSignForm.zfiAmount)}}</el-form-item>
-                        </el-row>
-                        <el-row>
-                            <el-form-item label="融信利率：">{{financeSignForm.zfiRate + "%"}}</el-form-item>
-                            <el-form-item label="最长融信期限：">{{financeSignForm.intervalTime + "天"}}</el-form-item>
-                            <el-form-item label="融信有效期：">{{financeSignForm.validity}}</el-form-item>
-                        </el-row>
-                    </el-form>
-                    <div slot="footer" class="dialog-footer">
-                        <el-button type="primary" @click="goFinance">去融资</el-button>
-                        <el-button @click="cancelGo">取 消</el-button>
-                    </div>    
-            </el-dialog>
+            <sign-success :goShow="goShow" :financeSignForm="financeSignForm" @goFinance="goFinance" @cancelGo="cancelGo"></sign-success>
         </div>
-        
+
     </div>
-    
+
 </template>
 
 
@@ -139,12 +120,13 @@ import {cfcaProjectNo,projectSendMessage,checkProCode} from "@/api/service/credi
 import {getCreditDetail,getFinanceSign} from "@/api/service/credit/credit";
 import { amtformat } from "@/utils/amtCommon";
 import Cookies from 'js-cookie';
+import SignSuccess from "@/components/SignSuccess/index.vue"
 export default {
     props : ['pdfFileList','zfiId', 'parent'],
-    components: {},
+    components: {SignSuccess},
     data() {
         return {
-            
+
             activeName: "active0",
             dialogVisible: false,
             dialogTableVisible: false,
@@ -249,7 +231,7 @@ export default {
         for(var i = 0 ; i < this.pdfFileList.length; i++){
             var base64 = this.pdfFileList[i].base64;
             <embed src="data:application/pdf;base64,"  type="application/pdf" title="Embedded PDF" style="overflow: auto; width: 100%; height: 100%;"/>
-        } 
+        }
     },
     methods: {
         handleClose(done) {
@@ -324,7 +306,7 @@ export default {
                  * 申请确权：融资审批通过+核心通过+平台通过+融信待确权||
                  * 核心开立:核心审批通过+其余状态为空
                  * 融资开立:融资通过+平台通过+其余状态为空
-                 * 
+                 *
                  */
                 this.resetUpdate();
                 //调用人脸
@@ -340,7 +322,7 @@ export default {
 
                 }else{
                     //直接盖章
-                    this.contractSigning();     
+                    this.contractSigning();
                 }
             }else{
                //不存在授权编号
@@ -349,7 +331,7 @@ export default {
 
             }
         });
-       
+
     },
     //确认选择
     confirmSelect(){
@@ -540,7 +522,7 @@ export default {
                     //关闭人脸二维码
                     this.faceIsShow = false;
                 }
-                
+
                 let queryStamped = {};
                 queryStamped.zfiId = this.zfiId
                 console.log(this.zfiId,"ooooooooooo")
@@ -550,7 +532,7 @@ export default {
                     if(response.data){
                         this.pdfFileLists = response.data.list;
                     }
-                    
+
                     this.$emit("PDFData",this.pdfFileLists)
                     //关闭文件弹框
                 this.closePdfShow()
@@ -624,11 +606,11 @@ export default {
                     //     }
                     // }
                 })
-                
-                
+
+
             }).catch((response) => {
                 loading.close();
-            }); 
+            });
     },
     //校验授权编号验证码
     checkProCode(){
@@ -654,7 +636,7 @@ export default {
                          * 申请确权：融资审批通过+核心通过+平台通过+融信待确权||
                          * 核心开立:核心审批通过+其余状态为空
                          * 融资开立:融资通过+平台通过+其余状态为空
-                         * 
+                         *
                          */
                         this.resetUpdate();
                         //调用人脸
@@ -670,7 +652,7 @@ export default {
 
                         }else{
                             //直接盖章
-                            this.contractSigning();     
+                            this.contractSigning();
                         }
                     }else {//不匹配
                          this.$message({
@@ -685,7 +667,7 @@ export default {
     closePdfShow(){
          this.parent.closePdfShow();
     },
-    
+
     //返回到列表页
     goParent(){
        this.parent.goParent();
@@ -793,4 +775,4 @@ export default {
     },
     },
 };
-</script>
+</script>

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

@@ -1,13 +1,24 @@
 <template>
-    <div>
-        <!-- <el-button type="text" @click="dialogVisible = true">点击打开 Dialog</el-button> -->
+  <div>
+    <!-- <el-button type="text" @click="dialogVisible = true">点击打开 Dialog</el-button> -->
 
-      <!--   <el-dialog  :visible.sync="dialogVisible" width="80%" height="1080px;" :before-close="handleClose" append-to-body	> -->
-            <el-tabs v-model="activeName" type="card">
-                <el-tab-pane v-for="(item,index) in pdfFileLists" :key="item.value" label="合同信息" :name="'active'+index"  style="height:500px;">
-                    <embed :src="'data:application/pdf;base64,' + item.base64"  type="application/pdf" title="Embedded PDF" style="overflow: auto; width: 100%; height: 100%;"/>
-                </el-tab-pane>
-                <!-- <el-tab-pane label="申请协议" name="first"  style="height:780px;">
+    <!--   <el-dialog  :visible.sync="dialogVisible" width="80%" height="1080px;" :before-close="handleClose" append-to-body	> -->
+    <el-tabs v-model="activeName" type="card">
+      <el-tab-pane
+        v-for="(item,index) in pdfFileLists"
+        :key="item.value"
+        label="合同信息"
+        :name="'active'+index"
+        style="height:500px;"
+      >
+        <embed
+          :src="'data:application/pdf;base64,' + item.base64"
+          type="application/pdf"
+          title="Embedded PDF"
+          style="overflow: auto; width: 100%; height: 100%;"
+        />
+      </el-tab-pane>
+      <!-- <el-tab-pane label="申请协议" name="first"  style="height:780px;">
                     招采融信申请协议
                     编号：ZCRXKL-20210712001
                     本《供应链金融服务平台融信转让协议》（以下简称为“本协议”、“《融信转让
@@ -40,22 +51,21 @@
                     (C) 融信转让人现持有融信，享有融信项下的应收账款债权。
                     (D) 双方均同意使用融信反向保理平台的服务，现融信转让人拟将融信项下应
                     收账款债权全部或部分通过融信反向保理平台转让给融信受让人，融信受
-                    因此，经双方协商一致，签订本协议，约定如下:</el-tab-pane> -->
+      因此，经双方协商一致，签订本协议，约定如下:</el-tab-pane>-->
+    </el-tabs>
+    <span slot="footer" class="dialog-footer" style="float: right;">
+      <!-- <el-button type="primary" @click="selectType" size="mini">签署</el-button> -->
+      <!-- <el-button @click="closePdfShow" size="mini">取 消</el-button> -->
+      <el-button @click="submit" size="mini">确 定</el-button>
+    </span>
 
-            </el-tabs>
-            <span slot="footer" class="dialog-footer" style="float: right;">
-                    <!-- <el-button type="primary" @click="selectType" size="mini">签署</el-button> -->
-                    <!-- <el-button @click="closePdfShow" size="mini">取 消</el-button> -->
-                    <el-button @click="submit" size="mini">确 定</el-button>
-            </span>
-            
-            <!-- <span slot="footer" class="dialog-footer">
+    <!-- <span slot="footer" class="dialog-footer">
                 <el-button @click="dialogVisible = false">取 消</el-button>
-            </span> -->
-        <!-- </el-dialog> -->
-        <div>
-             <!--选择签署意愿类型-->
-            <!-- <el-dialog  :visible.sync="confirmIsShow" width="600px"  append-to-body :before-close = "cancelUpdate" center>
+    </span>-->
+    <!-- </el-dialog> -->
+    <div>
+      <!--选择签署意愿类型-->
+      <!-- <el-dialog  :visible.sync="confirmIsShow" width="600px"  append-to-body :before-close = "cancelUpdate" center>
                 <el-form ref="updateForm"  :disabled="false" :model="updateForm"  v-if="confirmIsShow" label-width="150px"  class="demo-form-inline" :inline="true">
                     <el-radio-group v-model="updateForm.radio">
                         <el-radio label="01">人脸</el-radio>
@@ -67,9 +77,9 @@
                     <el-button type="primary" @click="confirmSelect">确 定</el-button>
                     <el-button @click="cancelUpdate">取 消</el-button>
                 </div>
-            </el-dialog> -->
-            <!--短信-->
-            <!-- <el-dialog  :visible.sync="messageIsShow" width="800px"  append-to-body :before-close = "cancelMessage" center>
+      </el-dialog>-->
+      <!--短信-->
+      <!-- <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" @submit.native.prevent>
                         <el-form-item label="验证码" prop="validCode">
                             <el-input v-model="messageForm.validCode" style="width: 200px" maxlength="6"  oninput="value=value.replace(/[^\d]/g,'')"/>
@@ -84,9 +94,9 @@
                     <el-button type="primary" @click="checkCode">确定</el-button>
                     <el-button @click="cancelMessage">取 消</el-button>
                 </div>
-            </el-dialog> -->
-            <!--授权编号的短信框-->
-            <!-- <el-dialog  title="授权短信验证"  :visible.sync="projectIsShow" width="800px"  append-to-body :before-close = "cancelProject" center>
+      </el-dialog>-->
+      <!--授权编号的短信框-->
+      <!-- <el-dialog  title="授权短信验证"  :visible.sync="projectIsShow" width="800px"  append-to-body :before-close = "cancelProject" center>
                 <el-form ref="projectForm"  :disabled="false" :model="projectForm"  v-if="projectIsShow" label-width="150px"  class="demo-form-inline" :inline="true">
                         <el-form-item label="验证码" prop="code">
                             <el-input v-model="projectForm.code" style="width: 200px" maxlength="6"  oninput="value=value.replace(/[^\d]/g,'')"/>
@@ -101,270 +111,301 @@
                     <el-button type="primary" @click="checkProCode">确定</el-button>
                     <el-button @click="cancelProject">取 消</el-button>
                 </div>
-            </el-dialog> -->
-            <!--人脸二维码-->
-            <!-- <el-dialog  :visible.sync="faceIsShow" width="500px"  append-to-body :before-close = "cancelFace" center>
+      </el-dialog>-->
+      <!--人脸二维码-->
+      <!-- <el-dialog  :visible.sync="faceIsShow" width="500px"  append-to-body :before-close = "cancelFace" center>
                 <img :src="'data:image/jpeg;base64,' + this.fileUrl" style="overflow: auto; width: 100%; height: 100%;"/>
-            </el-dialog> -->
-            <!--去融资-->
-            <el-dialog  :visible.sync="goShow" width="300px"  append-to-body :before-close = "cancelGo" center>
-                    <!-- <p>恭喜您成功签收一笔融信</p> -->
-                    <p>签收融信成功，融信信息：</p>
-                    <el-form ref="financeSignForm" :model="financeSignForm" label-width="auto" :inline="true">
-                        <el-row>
-                            <el-form-item label="融信编号：">{{financeSignForm.zfiNumber}}</el-form-item>
-                            <el-form-item label="融信金额：">{{handleInput(financeSignForm.zfiAmount) + "元"}}</el-form-item>
-                            <el-form-item label="大写：">{{smallToBig(financeSignForm.zfiAmount)}}</el-form-item>
-                        </el-row>
-                        <el-row>
-                            <el-form-item label="融信利率：">{{financeSignForm.zfiRate + "%"}}</el-form-item>
-                            <el-form-item label="最长融信期限：">{{financeSignForm.intervalTime + "天"}}</el-form-item>
-                            <el-form-item label="融信有效期：">{{financeSignForm.validity}}</el-form-item>
-                        </el-row>
-                    </el-form>
-                    <div slot="footer" class="dialog-footer">
-                        <el-button type="primary" @click="goFinance">去融资</el-button>
-                        <el-button @click="cancelGo">取 消</el-button>
-                    </div>    
-            </el-dialog>
-        </div>
+      </el-dialog>-->
+      <!--去融资-->
+      <sign-success :goShow="goShow" :financeSignForm="financeSignForm" @goFinance="goFinance" @cancelGo="cancelGo"></sign-success>
     </div>
-    
+  </div>
 </template>
 
 
 <script>
-import {sendMessage,checkCode,faceAuth,checkFaceAuth,contractSigning,listStamped} from "@/api/service/credit/message";
-import {cfcaProjectNo,projectSendMessage,checkProCode} from "@/api/service/credit/cfcaProject";
-import {getCreditDetail,getFinanceSign} from "@/api/service/credit/credit";
+import {
+  sendMessage,
+  checkCode,
+  faceAuth,
+  checkFaceAuth,
+  contractSigning,
+  listStamped
+} from "@/api/service/credit/message";
+import {
+  cfcaProjectNo,
+  projectSendMessage,
+  checkProCode
+} from "@/api/service/credit/cfcaProject";
+import { getCreditDetail, getFinanceSign } from "@/api/service/credit/credit";
 import { amtformat } from "@/utils/amtCommon";
-import Cookies from 'js-cookie';
+import Cookies from "js-cookie";
+import SignSuccess from "@/components/SignSuccess/index.vue";
 export default {
-    props : ['pdfFileLists','zfiId', 'parents'],
-    data() {
-        return {
-            activeName: "active0",
-            dialogVisible: false,
-            dialogTableVisible: false,
-            dialogFormVisible: false,
-            form: {
-                name: "",
-                region: "",
-                date1: "",
-                date2: "",
-                delivery: false,
-                type: [],
-                resource: "",
-                desc: "",
-            },
-            formLabelWidth: "120px",
-             //展示选择意愿
-            confirmIsShow:false,
-            //意愿
-            updateForm:{},
-            //意愿类型
-            zfpAuthTypeInit:'',
-            zfpAuthType:'',
-            //短信展示
-            messageIsShow:false,
-            //短信
-            messageForm:{validCode:""},
-            //人脸二维码
-            fileUrl:"",
-            //控制人脸二维码是否展示
-            faceIsShow:false,
-            //人脸验证结果
-            faceResult:"",
-            //人脸识别结果传参
-            authForm:{},
-            financeSignForm:{},
-            //控制短信验证码倒计时是否展示
-            messShow:true,
-            timer:60,
-            openFile:false,
-            wordUrl: "",
-            show:false,
-            heid:false,
-            auth_timer : null,
-            //融资方审批状态
-            zfiSupplierStatus:'',
-            //核心审批状态
-            zfiCoreStatus:'',
-            //平台审批状态
-            zfiPlatformStatus:'',
-            //融信状态
-            zfiStatus:'',
-            //盖章文件
-            creditSealList:[],
-            //生成授权编号的短信框
-            projectIsShow:false,
-            //短信
-            projectForm:{code:""},
-            //控制倒计时是否展示
-            proShow:true,
-            //时间
-            proTimer:60,
-            //项目编号
-            projectCode:"",
-            //融信信息
-            financeData:{},
-            //接收方
-            receiveName:"",
-            //开立方
-            openName:"",
-            //显示去融资框
-            goShow:false,
-            //融信类型
-            zfiCreateType:"",
-        };
-    },
-    created() {
-         getCreditDetail(this.zfiId).then((response) => {
-             if(response.data){
-                //融信状态
-                 this.zfiStatus = response.data.financeInf.zfiStatus;
-                 //融资方审批状态
-                 this.zfiSupplierStatus =  response.data.financeInf.zfiSupplierStatus;
-                 //平台审批状态
-                 this.zfiPlatformStatus =  response.data.financeInf.zfiPlatformStatus;
-                 //核心审批状态
-                 this.zfiCoreStatus = response.data.financeInf.zfiCoreStatus;
-                //意愿类型
-                this.zfpAuthType = response.data.zfpAuthType;
-                this.zfpAuthTypeInit = response.data.zfpAuthType;
-                //融信信息
-                this.financeData = response.data.financeInf;
-                //接收方
-                this.receiveName = response.data.receiveName;
-                //开立方
-                this.openName = response.data.openName;
-                //融信类型
-                this.zfiCreateType = response.data.financeInf.zfiCreateType;
-             }
+  props: ["pdfFileLists", "zfiId", "parents"],
+  components: {SignSuccess},
+  data() {
+    return {
+      activeName: "active0",
+      dialogVisible: false,
+      dialogTableVisible: false,
+      dialogFormVisible: false,
+      form: {
+        name: "",
+        region: "",
+        date1: "",
+        date2: "",
+        delivery: false,
+        type: [],
+        resource: "",
+        desc: ""
+      },
+      formLabelWidth: "120px",
+      //展示选择意愿
+      confirmIsShow: false,
+      //意愿
+      updateForm: {},
+      //意愿类型
+      zfpAuthTypeInit: "",
+      zfpAuthType: "",
+      //短信展示
+      messageIsShow: false,
+      //短信
+      messageForm: { validCode: "" },
+      //人脸二维码
+      fileUrl: "",
+      //控制人脸二维码是否展示
+      faceIsShow: false,
+      //人脸验证结果
+      faceResult: "",
+      //人脸识别结果传参
+      authForm: {},
+      financeSignForm: {},
+      //控制短信验证码倒计时是否展示
+      messShow: true,
+      timer: 60,
+      openFile: false,
+      wordUrl: "",
+      show: false,
+      heid: false,
+      auth_timer: null,
+      //融资方审批状态
+      zfiSupplierStatus: "",
+      //核心审批状态
+      zfiCoreStatus: "",
+      //平台审批状态
+      zfiPlatformStatus: "",
+      //融信状态
+      zfiStatus: "",
+      //盖章文件
+      creditSealList: [],
+      //生成授权编号的短信框
+      projectIsShow: false,
+      //短信
+      projectForm: { code: "" },
+      //控制倒计时是否展示
+      proShow: true,
+      //时间
+      proTimer: 60,
+      //项目编号
+      projectCode: "",
+      //融信信息
+      financeData: {},
+      //接收方
+      receiveName: "",
+      //开立方
+      openName: "",
+      //显示去融资框
+      goShow: false,
+      //融信类型
+      zfiCreateType: ""
+    };
+  },
+  created() {
+    getCreditDetail(this.zfiId).then(response => {
+      if (response.data) {
+        //融信状态
+        this.zfiStatus = response.data.financeInf.zfiStatus;
+        //融资方审批状态
+        this.zfiSupplierStatus = response.data.financeInf.zfiSupplierStatus;
+        //平台审批状态
+        this.zfiPlatformStatus = response.data.financeInf.zfiPlatformStatus;
+        //核心审批状态
+        this.zfiCoreStatus = response.data.financeInf.zfiCoreStatus;
+        //意愿类型
+        this.zfpAuthType = response.data.zfpAuthType;
+        this.zfpAuthTypeInit = response.data.zfpAuthType;
+        //融信信息
+        this.financeData = response.data.financeInf;
+        //接收方
+        this.receiveName = response.data.receiveName;
+        //开立方
+        this.openName = response.data.openName;
+        //融信类型
+        this.zfiCreateType = response.data.financeInf.zfiCreateType;
+      }
+    });
+    this.dialogVisible = true;
+    for (var i = 0; i < this.pdfFileLists.length; i++) {
+      var base64 = this.pdfFileLists[i].base64;
+      <embed
+        src="data:application/pdf;base64,"
+        type="application/pdf"
+        title="Embedded PDF"
+        style="overflow: auto; width: 100%; height: 100%;"
+      />;
+    }
+  },
+  methods: {
+    handleClose(done) {
+      this.$confirm("确认关闭？")
+        .then(_ => {
+          done();
         })
-        this.dialogVisible = true;
-        for(var i = 0 ; i < this.pdfFileLists.length; i++){
-            var base64 = this.pdfFileLists[i].base64;
-            <embed src="data:application/pdf;base64,"  type="application/pdf" title="Embedded PDF" style="overflow: auto; width: 100%; height: 100%;"/>
-        } 
+        .catch(_ => {});
+    },
+    selectChildType() {
+      this.$parent.selectType();
     },
-    methods: {
-        handleClose(done) {
-            this.$confirm("确认关闭？")
-                .then((_) => {
-                    done();
-                })
-                .catch((_) => {});
-        },
-        selectChildType(){
-            this.$parent.selectType();
-        },
     //回到父页
-    cancelGo(){
-        this.goShow = false;
-        this.closePdfShows();
-        this.goParent();
+    cancelGo() {
+      this.goShow = false;
+      this.closePdfShows();
+      this.goParent();
     },
-    
-    closePdfShows(){
-        this.parents.closePdfShows();
+
+    closePdfShows() {
+      this.parents.closePdfShows();
     },
     //返回到列表页
-    goParent(){
-       this.parents.goParent();
+    goParent() {
+      this.parents.goParent();
     },
     //去融资
-    goFinance(){
-        //关闭弹框
-        this.goShow = false;
-        this.closePdfShows();
-         this.goParent();
-        Cookies.set("/credit/goFinance/"+this.zfiId + "/", this.$route.fullPath)
-        this.$router.push({ path: "/credit/goFinance/"+this.zfiId + "/" });
+    goFinance() {
+      //关闭弹框
+      this.goShow = false;
+      this.closePdfShows();
+      this.goParent();
+      Cookies.set(
+        "/credit/goFinance/" + this.zfiId + "/",
+        this.$route.fullPath
+      );
+      this.$router.push({ path: "/credit/goFinance/" + this.zfiId + "/" });
     },
-    submit(){
-        //状态判断为盖完章之后的
-        debugger
-        if(this.zfiStatus == '01' && this.zfiCreateType == '0'){
-           //供应商申请
-            this.msgSuccess("确权成功，融信已提交,"+this.receiveName+"签收");
-            this.closePdfShows();
-            this.goParent();
-        }
-        else if(this.zfiStatus == '02' && this.zfiCreateType == '2'){//供应商开立
-                this.msgSuccess("确权成功,融信已生效");
-                this.closePdfShows();
-                this.goParent();
-            }else if(this.zfiStatus == '02' && this.zfiCreateType == '0'){//签收
-            getFinanceSign(this.zfiId).then((response) => {
-                //融信编号
-                this.financeSignForm.zfiNumber = response.data.zfiNumber;
-                //融信金额
-                if(response.data.zfiAmount){
-                    this.financeSignForm.zfiAmount = response.data.zfiAmount;
-                }else{
-                    this.financeSignForm.zfiAmount = "0.00";
-                }
-                //利率
-                if(response.data.zfiRate){
-                    this.financeSignForm.zfiRate = response.data.zfiRate;
-                }else{
-                    this.financeSignForm.zfiRate = "0";
-                }
-                //最长融信期限
-                this.financeSignForm.intervalTime = response.data.intervalTime;
-                //融信有效期
-                if(response.data.validity){
-                this.financeSignForm.validity = response.data.validity;
-                }
-                this.goShow = true;
-                this.closePdfShows();
-            });
-        }else if(this.zfiCreateType == '1' && this.zfiCoreStatus == '01' && this.zfiStatus=='01'){//核心开立
-            this.msgSuccess("开立成功，融信已提交"+this.receiveName+"签收");
-            this.closePdfShows();
-            this.goParent();
-        }else if(this.zfiCreateType == '2' && this.zfiPlatformStatus == '01' && this.zfiSupplierStatus == '01' && this.zfiStatus=='00'){
-            //融资开立盖章
-            this.msgSuccess("开立成功,待:"+this.openName+"确权；确权结果请留意待办事项与站内消息");
-            this.closePdfShows();
-            this.goParent();
-        }else if(this.zfiCreateType == '1' && this.zfiSupplierStatus == '01' && this.zfiPlatformStatus == '01'){//补充资料
-            getFinanceSign(this.zfiId).then((response) => {
-                //融信编号
-                this.financeSignForm.zfiNumber = response.data.zfiNumber;
-                //融信金额
-                if(response.data.zfiAmount){
-                    this.financeSignForm.zfiAmount = response.data.zfiAmount;
-                }else{
-                    this.financeSignForm.zfiAmount = "0.00";
-                }
-                //利率
-                if(response.data.zfiRate){
-                    this.financeSignForm.zfiRate = response.data.zfiRate;
-                }else{
-                    this.financeSignForm.zfiRate = "0";
-                }
-                //最长融信期限
-                this.financeSignForm.intervalTime = response.data.intervalTime;
-                //融信有效期
-                if(response.data.validity){
-                this.financeSignForm.validity = response.data.validity;
-                }
-                this.goShow = true;
-                this.closePdfShows();
-            });
-        }
+    submit() {
+      //状态判断为盖完章之后的
+      debugger;
+      if (this.zfiStatus == "01" && this.zfiCreateType == "0") {
+        //供应商申请
+        this.msgSuccess("确权成功，融信已提交," + this.receiveName + "签收");
+        this.closePdfShows();
+        this.goParent();
+      } else if (this.zfiStatus == "02" && this.zfiCreateType == "2") {
+        //供应商开立
+        this.msgSuccess("确权成功,融信已生效");
+        this.closePdfShows();
+        this.goParent();
+      } else if (this.zfiStatus == "02" && this.zfiCreateType == "0") {
+        //签收
+        getFinanceSign(this.zfiId).then(response => {
+          //融信编号
+          this.financeSignForm.zfiNumber = response.data.zfiNumber;
+          //融信金额
+          if (response.data.zfiAmount) {
+            this.financeSignForm.zfiAmount = response.data.zfiAmount;
+          } else {
+            this.financeSignForm.zfiAmount = "0.00";
+          }
+          //利率
+          if (response.data.zfiRate) {
+            this.financeSignForm.zfiRate = response.data.zfiRate;
+          } else {
+            this.financeSignForm.zfiRate = "0";
+          }
+          //最长融信期限
+          this.financeSignForm.intervalTime = response.data.intervalTime;
+          //融信有效期
+          if (response.data.validity) {
+            this.financeSignForm.validity = response.data.validity;
+          }
+          this.goShow = true;
+          this.closePdfShows();
+        });
+      } else if (
+        this.zfiCreateType == "1" &&
+        this.zfiCoreStatus == "01" &&
+        this.zfiStatus == "01"
+      ) {
+        //核心开立
+        this.msgSuccess("开立成功，融信已提交" + this.receiveName + "签收");
+        this.closePdfShows();
+        this.goParent();
+      } else if (
+        this.zfiCreateType == "2" &&
+        this.zfiPlatformStatus == "01" &&
+        this.zfiSupplierStatus == "01" &&
+        this.zfiStatus == "00"
+      ) {
+        //融资开立盖章
+        this.msgSuccess(
+          "开立成功,待:" +
+            this.openName +
+            "确权；确权结果请留意待办事项与站内消息"
+        );
+        this.closePdfShows();
+        this.goParent();
+      } else if (
+        this.zfiCreateType == "1" &&
+        this.zfiSupplierStatus == "01" &&
+        this.zfiPlatformStatus == "01"
+      ) {
+        //补充资料
+        getFinanceSign(this.zfiId).then(response => {
+          //融信编号
+          this.financeSignForm.zfiNumber = response.data.zfiNumber;
+          //融信金额
+          if (response.data.zfiAmount) {
+            this.financeSignForm.zfiAmount = response.data.zfiAmount;
+          } else {
+            this.financeSignForm.zfiAmount = "0.00";
+          }
+          //利率
+          if (response.data.zfiRate) {
+            this.financeSignForm.zfiRate = response.data.zfiRate;
+          } else {
+            this.financeSignForm.zfiRate = "0";
+          }
+          //最长融信期限
+          this.financeSignForm.intervalTime = response.data.intervalTime;
+          //融信有效期
+          if (response.data.validity) {
+            this.financeSignForm.validity = response.data.validity;
+          }
+          this.goShow = true;
+          this.closePdfShows();
+        });
+      }
     },
     /* 金额展示 */
     handleInput(str) {
-        return amtformat(str, 2, ".", ",");
+      return amtformat(str, 2, ".", ",");
     },
     /* //  将数字金额转换为大写金额 */
     smallToBig(money) {
       //  将数字金额转换为大写金额
       var cnNums = new Array(
-        "零", "壹", "贰", "叁", "肆", "伍", "陆", "柒", "捌", "玖" ); //汉字的数字
+        "零",
+        "壹",
+        "贰",
+        "叁",
+        "肆",
+        "伍",
+        "陆",
+        "柒",
+        "捌",
+        "玖"
+      ); //汉字的数字
       var cnIntRadice = new Array("", "拾", "佰", "仟"); //基本单位
       var cnIntUnits = new Array("", "万", "亿", "兆"); //对应整数部分扩展单位
       var cnDecUnits = new Array("角", "分", "毫", "厘"); //对应小数部分单位
@@ -434,7 +475,7 @@ export default {
         chineseStr += cnInteger;
       }
       return chineseStr;
-    },
-    },
+    }
+  }
 };
-</script>
+</script>

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

@@ -155,26 +155,7 @@
                     </pdf-shows>
                 </el-dialog>
                 <!--去融资-->
-                <el-dialog :visible.sync="goShow" width="300px" append-to-body :before-close="cancelGo" center>
-                    <!-- <p>恭喜您成功签收一笔融信</p> -->
-                    <p>签收融信成功，融信信息：</p>
-                    <el-form ref="financeSignForm" :model="financeSignForm" label-width="auto" :inline="true">
-                        <el-row>
-                            <el-form-item label="融信编号：">{{financeSignForm.zfiNumber}}</el-form-item>
-                            <el-form-item label="融信金额：">{{handleInput(financeSignForm.zfiAmount) + "元"}}</el-form-item>
-                            <el-form-item label="大写：">{{smallToBig(financeSignForm.zfiAmount)}}</el-form-item>
-                        </el-row>
-                        <el-row>
-                            <el-form-item label="融信利率：">{{financeSignForm.zfiRate + "%"}}</el-form-item>
-                            <el-form-item label="最长融信期限：">{{financeSignForm.intervalTime + "天"}}</el-form-item>
-                            <el-form-item label="融信有效期：">{{financeSignForm.validity}}</el-form-item>
-                        </el-row>
-                    </el-form>
-                    <div slot="footer" class="dialog-footer">
-                        <el-button type="primary" @click="goFinance">去融资</el-button>
-                        <el-button @click="cancelGo">取 消</el-button>
-                    </div>
-                </el-dialog>
+                <sign-success :goShow="goShow" :financeSignForm="financeSignForm" @goFinance="goFinance" @cancelGo="cancelGo"></sign-success>
             </el-tab-pane>
             <el-tab-pane label="签署合同">
                 <el-row class="zap-form" type="flex">
@@ -236,6 +217,7 @@ import {
 } from "@/utils/amtCommon";
 import Cookies from 'js-cookie';
 import ZapBill from "@/components/ZapBill/index.vue"
+import SignSuccess from "@/components/SignSuccess/index.vue";
 export default {
     name: "addCredit",
     components: {
@@ -244,7 +226,8 @@ export default {
         pdfShow,
         EditBill,
         pdfShows,
-        ZapBill
+        ZapBill,
+        SignSuccess
     },
     data() {
         return {