增加电子凭证

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

@@ -2,6 +2,42 @@
     <div class="app-container">
         <el-form ref="form" :model="form" :rules="rules" :inline="true" style="margin-top: 20px" label-width="auto" >
             <el-divider content-position="left">签收</el-divider>
+            <table class="gridtable" style="width:80%;text-align:center" align="center">
+                <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>人民币(小写)￥{{form.zfiAmount}}</td>
+                </tr>
+                <tr>
+                    <td colspan="2">起止日期</td>
+                    <td colspan="4">{{stopDate}}</td>
+                </tr>           
+            </table>    
             <el-form-item  style="margin-left: 100px">
                  <el-button size="mini" type="success" :disabled="isClick" @click="addPay">新增应收账款</el-button>
                  <el-button size="mini" type="primary" :disabled="isClick" @click="openTicket">选择</el-button>
@@ -268,7 +304,25 @@ export default {
           wordUrl: "",
           show:false,
           heid:false,
-          chooseTicket:[]
+          chooseTicket:[],
+          //开立方
+          openName:"",
+          //开立社会码
+          openCode:"",
+          //开立银行
+          openBank:"",
+          //开立账户
+          openAccount:"",
+          //接收方
+          receiveName:"",
+          //接收方社会统一码
+          receiverCode:"",
+          //接收方银行
+          receiverBank:"",
+          //接收方账户
+          receiverAccount:"",
+          //起止日期
+          stopDate:""
           
         };
     },
@@ -295,6 +349,17 @@ export default {
                 }else{
                     this.isClick = true;
                 }
+                //给表格赋值
+               this.openName = response.data.openName;
+               this.openCode = response.data.openCode;
+               this.openBank = response.data.openBank;
+               this.openAccount = response.data.openAccount;
+               this.receiveName = response.data.receiveName;
+               this.receiverCode = response.data.receiverCode;
+               this.receiverBank = response.data.receiverBank;
+               this.receiverAccount = response.data.receiverAccount;
+               this.stopDate = response.data.stopDate;
+               
              }
              if(response.data.payList){
                  this.ticketList = response.data.payList.records;
@@ -792,4 +857,24 @@ table th.star div::before {
     color: red;
 }
 
-</style>
+</style>
+
+<style type="text/css">
+ table.gridtable {
+    font-size:11px;
+    color:#333333;
+     border-width: 1px;
+    border-collapse: collapse;
+}
+ table.gridtable th {
+     border-width: 1px;
+     padding: 8px;
+     border-style: solid;
+     background-color: #dedede;
+ }
+ table.gridtable td {
+        border-width: 1px;
+        padding: 8px;
+        border-style: solid;
+    }
+ </style>