peixh 4 vuotta sitten
vanhempi
commit
3ff959dcc7
1 muutettua tiedostoa jossa 437 lisäystä ja 0 poistoa
  1. 437 0
      front-vue/src/views/service/credit/showStampedPdf.vue

+ 437 - 0
front-vue/src/views/service/credit/showStampedPdf.vue

@@ -0,0 +1,437 @@
+<template>
+    <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 in pdfFileLists" :key="item.value" label="合同信息" name="first"  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
+                    本《供应链金融服务平台融信转让协议》(以下简称为“本协议”、“《融信转让
+                    协议》”)由融信转让人、融信受让人于本协议约定的时间在北京市东城区签署:
+                    融信转让人:B 供应商 2_TSCF 培训专用
+                    住所:成都市高新区新园南二路一号
+                    法定代表人:张健
+                    融信受让人:B 供应商 1_TSCF 培训专用
+                    住所:成都市高新区新园南二路一号
+                    法定代表人:张健 鉴于:
+                    (A) 融信反向保理平台由中粮资本科技有限责任公司建设并运营,向用户提供
+                    应收账款管理、转让、融资等服务。
+                    (B) 融信转让人与融信受让人(以下简称为“双方”)均为融信反向保理平台的
+                    用户。
+                    (C) 融信转让人现持有融信,享有融信项下的应收账款债权。
+                    (D) 双方均同意使用融信反向保理平台的服务,现融信转让人拟将融信项下应
+                    收账款债权全部或部分通过融信反向保理平台转让给融信受让人,融信受
+                    因此,经双方协商一致,签订本协议,约定如下:
+                </el-tab-pane>
+                <el-tab-pane label="配置管理" name="second" style="height:780px;">
+                    住所:成都市高新区新园南二路一号
+                    法定代表人:张健
+                    融信受让人:B 供应商 1_TSCF 培训专用
+                    住所:成都市高新区新园南二路一号
+                    法定代表人:张健 鉴于:
+                    (A) 融信反向保理平台由中粮资本科技有限责任公司建设并运营,向用户提供
+                    应收账款管理、转让、融资等服务。
+                    (B) 融信转让人与融信受让人(以下简称为“双方”)均为融信反向保理平台的
+                    用户。
+                    (C) 融信转让人现持有融信,享有融信项下的应收账款债权。
+                    (D) 双方均同意使用融信反向保理平台的服务,现融信转让人拟将融信项下应
+                    收账款债权全部或部分通过融信反向保理平台转让给融信受让人,融信受
+                    因此,经双方协商一致,签订本协议,约定如下:</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>
+            
+            <!-- <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>
+                <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>
+                        <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>
+                </div>
+            </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,'')"/>
+                        </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>
+                </div>
+            </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,'')"/>
+                        </el-form-item>
+                        <el-form-item>
+                            <el-button  v-show="proShow"  type="success" @click="proSend">点击获取验证码</el-button>
+                            <el-button v-show="!proShow" type="success" disabled><span>{{proTimer}}</span>秒后重新获取</el-button>
+                        </el-form-item>
+
+                </el-form>
+                <div slot="footer" class="dialog-footer">
+                    <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>
+                <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>
+    </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 { amtformat } from "@/utils/amtCommon";
+import Cookies from 'js-cookie';
+export default {
+    props : ['pdfFileLists','zfiId', 'parents'],
+    data() {
+        return {
+            activeName: "first",
+            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();
+                })
+                .catch((_) => {});
+        },
+        selectChildType(){
+            this.$parent.selectType();
+        },
+    //回到父页
+    cancelGo(){
+        this.goShow = false;
+        this.goParent();
+    },
+    
+    closePdfShows(){
+        this.parents.closePdfShows();
+    },
+    //返回到列表页
+    goParent(){
+       this.parents.goParent();
+    },
+    //去融资
+    goFinance(){
+        //关闭弹框
+        this.goShow = false;
+         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;
+            });
+        }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;
+            });
+        }
+    },
+    /* 金额展示 */
+    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>