修改融信详情票据样式

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

@@ -6,46 +6,18 @@
             <el-form ref="form" :model="form" :rules="rules" :inline="true" label-width="auto">
                 <div class="zap-title">融信详情</div>
                 <el-row class="zap-form zap-padding-bottom">
-                    <table class="gridtable" style="width:80%;text-align:center" align="center" v-show="financeStatus != null && financeStatus != '00' && financeStatus != '03'">
-                        <tr>
-                            <td rowspan="4">开立方</td>
-                            <td>全称</td>
-                            <td>{{openName}}</td>
-                            <td rowspan="4">接收方</td>
-                            <td>全称</td>
-                            <td>{{receiveName}}</td>
-                        </tr>
-                        <tr>
-                            <td>社会统一码</td>
-                            <td>{{openCode}}</td>
-                            <td>社会统一码</td>
-                            <td>{{receiverCode}}</td>
-                        </tr>
-                        <tr>
-                            <td>开户银行</td>
-                            <td>{{openBank}}</td>
-                            <td>开户银行</td>
-                            <td>{{receiverBank}}</td>
-                        </tr>
-                        <tr>
-                            <td>账号</td>
-                            <td>{{openAccount}}</td>
-                            <td>账号</td>
-                            <td>{{receiverAccount}}</td>
-                        </tr>
-                        <tr>
-                            <td colspan="2">粮信金额</td>
-                            <td colspan="4">
-                                人民币(大写):{{issuedAmount}}
-                                <br />
-                                人民币(小写)￥{{amtFormat(form.zfiAmount)}}
-                            </td>
-                        </tr>
-                        <tr>
-                            <td colspan="2">起止日期</td>
-                            <td colspan="4">{{stopDate}}</td>
-                        </tr>
-                    </table>
+                    <zap-bill
+                        v-show="financeStatus != null && financeStatus != '00' && financeStatus != '03'"
+                        :open="openName"
+                        :openNum="openCode"
+                        :recipient="receiveName"
+                        :recipientNum="receiverCode"
+                        :amountWord="issuedAmount"
+                        :amount="form.zfiAmount"
+                        :letter="zfiPaymentNumber"
+                        :date="openDate"
+                        :approver="coreHandleName"
+                        :handler="coreFirstUser"></zap-bill>
                     <el-row v-show="this.financeStatus == null || this.financeStatus == '00' || this.financeStatus == '03'">
                         <el-col :span="8">
                             <div class="zap-form-text">
@@ -254,13 +226,15 @@ import {
 import ContentTitle from "@/components/ContentTitle/index.vue"
 import ContentTotal from "@/components/ContentTotal/index.vue"
 import StatisticalData from "@/components/StatisticalData/index.vue"
+import ZapBill from "@/components/ZapBill/index.vue"
 export default {
     name: "addCredit",
     components: {
         DetailBill,
         ContentTitle,
         ContentTotal,
-        StatisticalData
+        StatisticalData,
+        ZapBill
     },
     data() {
         return {
@@ -325,7 +299,15 @@ export default {
             //接收方账户
             receiverAccount: null,
             //起止日期
-            stopDate: null
+            stopDate: null,
+            //承诺函编号
+            zfiPaymentNumber: "",
+            //电子签章日期
+            openDate: "",
+            //开立方审批人
+            coreHandleName: "",
+            //开立方经办人
+            coreFirstUser: "",
         };
     },
     created() {
@@ -376,6 +358,15 @@ export default {
                     this.receiverBank = response.data.receiverBank;
                     this.receiverAccount = response.data.receiverAccount;
                     this.stopDate = response.data.stopDate;
+                    //付款承诺函编号
+                    this.zfiPaymentNumber = response.data.financeInf.zfiPaymentNumber;
+                    //电子签章日期
+                    this.openDate = response.data.openDate;
+                    //开立方审批人
+                    this.coreHandleName = response.data.coreHandleName;
+                    //开立方经办人
+                    this.coreFirstUser = response.data.coreFirstUser;
+
                 }
                 if (response.data.payList) {
                     this.payList = response.data.payList.records;