申请融资页面整体修改

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

@@ -10,39 +10,134 @@
       :inline="true"
       label-width="auto"
     >
-      <el-form-item label="融信编号:" prop="zfrFinanceId" size="large">
-        <el-select v-model="form.zfrFinanceId" :disabled="true" clearable @clear="clearBoth">
-          <el-option
-            v-for="(item,index) in financeInfList"
-            :key="index"
-            :label="item.zfiNumber"
-            :value="item.zfiId"
-            @click.native="amount(item)"
-          ></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item label="融资金额:" prop="zfrAmount" size="large">
-        <el-input v-model="form.zfrAmount" placeholder="请输入融资金额" disabled />
-      </el-form-item>
-      <el-form-item label="融资账户:" prop="zfrCollectionAccount" size="large">
-        <el-input v-model="form.zfrCollectionAccount" placeholder="请输入融资账户" :readonly="readonly" />
-      </el-form-item>
-      <el-form-item label="承诺还款日" prop="zfrRepaymentDate" v-if="false" size="large">
-        <el-input v-model="form.zfrRepaymentDate" placeholder="请输入承诺还款日" />
-      </el-form-item>
-      <el-form-item label="融资利率" prop="zfrRate" v-if="false" size="large">
-        <el-input v-model="form.zfrRate" placeholder="请输入融资利率" />
-      </el-form-item>
-      <el-form-item label="融资放款方式" prop="zfpcrLoanType" v-if="false" size="large">
-        <el-input v-model="form.zfpcrLoanType" placeholder="请输入融资账户" />
-      </el-form-item>
-      <el-form-item label="融资产品" prop="zfiProductId" v-if="false" size="large">
-        <el-input v-model="form.zfiProductId" placeholder="请输入融资产品" />
-      </el-form-item>
-      <el-form-item label="平台服务费收取费率" prop="zfpcrChargeRate" v-if="false" size="large">
-        <el-input v-model="form.zfpcrChargeRate" clearable placeholder="请输入平台服务费收取费率" />
-      </el-form-item>
+      <el-row class="zap-form" style="padding-bottom: 0;">
+        <el-col :span="12">
+            <el-form-item label="选择融信:" prop="zfrFinanceId" size="large">
+                <el-select v-model="form.zfrFinanceId" clearable @clear="clearBoth">
+                    <el-option v-for="(item,index) in financeInfList" :key="index" :label="item.zfiNumber" :value="item.zfiId" @click.native="amount(item)"></el-option>
+                </el-select>
+            </el-form-item>
+        </el-col>
+        <el-col :span="12">
+            <el-form-item label="融资收款账户:" prop="zfrCollectionAccount" size="large" label-width="101px">
+                <el-input v-model="form.zfrCollectionAccount" clearable placeholder="请输入融资账户" maxlength="25" :readonly="readonly" />
+            </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row class="zap-form" style="padding-bottom: 0;">
+          <el-col :span="12">
+              <el-form-item label="融信金额:" prop="zfiAmount" size="large">
+                  <el-input v-model="form.zfiAmount" clearable placeholder="请输入融信金额" maxlength="25" readonly />
+              </el-form-item>
+          </el-col>
+          <el-col :span="12">
+              <el-form-item label="申请融资方:" prop="companyName" size="large">
+                  <el-input v-model="form.companyName" clearable placeholder="请输入申请融资方" maxlength="25" readonly />
+              </el-form-item>
+          </el-col>
+      </el-row>
+      <el-row class="zap-form" style="padding-bottom: 0;">
+          <el-col :span="12">
+              <el-form-item label="融资金额:" prop="zfrAmount" size="large">
+                  <el-input v-model="form.zfrAmount" clearable placeholder="请输入融资金额" maxlength="25" readonly />
+              </el-form-item>
+          </el-col>
+          <el-col :span="12">
+              <el-form-item label="融资利率:" prop="zfrRate" size="large">
+                  <el-input v-model="form.zfrRate" clearable placeholder="请输入融资利率" maxlength="25" readonly />
+              </el-form-item>
+          </el-col>
+      </el-row>
+      <el-row class="zap-form" style="padding-bottom: 0;">
+          <el-col :span="12">
+              <el-form-item label="承诺还款日期:" prop="zfrRepaymentDate" size="large"  label-width="101px">
+                  <el-input v-model="form.zfrRepaymentDate" clearable placeholder="请输入承诺还款日期" maxlength="25" readonly />
+              </el-form-item>
+          </el-col>
+          <el-col :span="12">
+              <el-form-item label="服务费率:" prop="zfpcrChargeRate" size="large">
+                  <el-input v-model="form.zfpcrChargeRate" clearable placeholder="请输入服务费率" maxlength="25" readonly />
+              </el-form-item>
+          </el-col>
+      </el-row>
+      <el-row class="zap-form" style="padding-bottom: 0;">
+          <el-col :span="12">
+              <el-form-item label="预计融资成本:" prop="cost" size="large"  label-width="101px">
+                  <el-input v-model="form.cost" clearable placeholder="请输入预计融资成本" maxlength="25" readonly />
+              </el-form-item>
+          </el-col>
+          <el-col :span="12">
+              <el-form-item label="预计融资期限:" prop="term" size="large" label-width="101px">
+                  <el-input v-model="form.term" clearable placeholder="请输入预计融资期限" maxlength="25" readonly />
+              </el-form-item>
+          </el-col>
+      </el-row>
+      <el-row class="zap-form" style="padding-bottom: 0;">
+          <el-col :span="12">
+              <el-form-item label="预计净融资额:" prop="amount" size="large"  label-width="101px">
+                  <el-input v-model="form.amount" clearable placeholder="请输入预计净融资额" maxlength="25" readonly />
+              </el-form-item>
+          </el-col>
+      </el-row>
+      <div class="contain">
+          <p>说明：
+          </p>
+          <p>
+              1. 因银行结算原因，资金到账可能会在申请日期后2-5工作日；
+          </p>
+          <p>
+              2. 申请融资时，预计融资成本、预计融资期限、预计净融资额，由申请日期单日开始计算；准确数值以银行实际放款日期为准；
+          </p>
+          <p>
+              3. 因填写融资收款账户错误，或其他原因导致银行无法正常放款，款项将汇入备用收款账户，可在电子账户管理查看；
+          </p>
+          <p>
+              4. 服务费缴纳与退还要求,可详细阅读《融信产品使用协议》
+          </p>
+      </div>
     </el-form>
+    <div class="zap-title">融信信息</div>
+    <el-row class="zap-form">
+        <el-col>
+            <span style="font-size: 14px;color: #333333;">融信凭证</span>
+        </el-col>
+        <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-row>
     <div class="zap-title zap-margin-top">应收账款</div>
     <el-row class="zap-form zap-padding-bottom">
       <el-row class="zap-accounts-receivable">
@@ -69,8 +164,39 @@
         <el-table-column label="金额" align="center" prop="zbiAmount" />
       </el-table>
     </el-row>
+    <!-- 签署合同 -->
+    <el-row class="zap-margin-top zap-form">
+      <div class="zap-title">签署合同</div>
+      <el-table :data="creditSealList"  style="width: 100%">
+          <el-table-column label="文件名称" align="center" prop="pfiFileName" show-overflow-tooltip>
+              <template slot-scope="scope">
+                  <img    style="width:30px;height:30px;"
+                      src="../../../assets/images/pdf.png"  
+                  />
+                  <span>{{scope.row.pfiFileName}}
+                  </span>
+              </template>
+          </el-table-column>
+          <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width='300' fixed="right" >
+              <template slot-scope="scope">
+                  <el-button
+                      size="mini"
+                      type="text"
+                      icon="el-icon-view"
+                      @click="handleDownload(scope.row)"
+                  >下载</el-button>
+                  <el-button
+                      size="mini"
+                      type="text"
+                      icon="el-icon-view"
+                      @click="handlePreview(scope.row)"
+                  >预览</el-button>
+              </template>
+          </el-table-column>
+      </el-table>
+    </el-row>
     <!-- 发票附件 -->
-    <div class="zap-title zap-margin-top">发票附件</div>
+    <!-- <div class="zap-title zap-margin-top">发票附件</div>
     <el-row class="zap-form">
       <el-table :data="invoiceFileList" style="width: 100%" stripe>
         <el-table-column label="文件名称" align="center" prop="pfiFileName" show-overflow-tooltip />
@@ -97,9 +223,9 @@
           </template>
         </el-table-column>
       </el-table>
-    </el-row>
+    </el-row> -->
     <!-- 合同附件 -->
-    <div class="zap-title zap-margin-top">合同附件</div>
+    <!-- <div class="zap-title zap-margin-top">合同附件</div>
     <el-row class="zap-form">
       <el-table :data="contractFileList" style="width: 100%" stripe>
         <el-table-column label="文件名称" align="center" prop="pfiFileName" show-overflow-tooltip />
@@ -126,9 +252,9 @@
           </template>
         </el-table-column>
       </el-table>
-    </el-row>
+    </el-row> -->
     <!-- 其他附件 -->
-    <div class="zap-title zap-margin-top">其他附件</div>
+    <!-- <div class="zap-title zap-margin-top">其他附件</div>
     <el-row class="zap-form">
       <el-table :data="otherFileList" style="width: 100%" stripe>
         <el-table-column label="文件名称" align="center" prop="pfiFileName" show-overflow-tooltip />
@@ -155,7 +281,7 @@
           </template>
         </el-table-column>
       </el-table>
-    </el-row>
+    </el-row> -->
     <el-row style="height: 109px;" type="flex" align="middle" justify="center">
       <el-button type="primary" plain @click="cancel">取 消</el-button>
       <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -177,9 +303,12 @@ import {
 import { listFinanceInf } from "@/api/common/financeInf";
 import { getFile } from "@/api/service/credit/credit";
 import { getToken } from "@/utils/auth";
+import { getUserProfile } from "@/api/system/user";
+import {getCreditDetail} from "@/api/service/credit/credit";
+import DetailBill from "@/views/service/credit/billDetail";
 export default {
   name: "financeRecord",
-  components: {},
+  components: {DetailBill},
   data() {
     return {
       //融资账户是够编辑
@@ -209,6 +338,26 @@ export default {
       invoiceFileList: [],
       //其他文件
       otherFileList: [],
+      //盖章文件
+      creditSealList:[],
+      //开立方
+      openName:"",
+      //开立社会码
+      openCode:"",
+      //开立银行
+      openBank:"",
+      //开立账户
+      openAccount:"",
+      //接收方
+      receiveName:"",
+      //接收方社会统一码
+      receiverCode:"",
+      //接收方银行
+      receiverBank:"",
+      //接收方账户
+      receiverAccount:"",
+      //起止日期
+      stopDate:"",
       // 弹出层标题
       title: "",
       // 是否显示弹出层
@@ -234,6 +383,7 @@ export default {
       },
       // 表单参数
       form: {},
+      forms:{},
       openFile: false,
       wordUrl: "",
       show: false,
@@ -271,6 +421,21 @@ export default {
         }
       });
     },
+    getUserProfile(){
+      getUserProfile().then(response => {
+          if(response.company){
+              this.$set(this.form, "companyName", response.company.scyName);
+          }
+      });
+    },
+    //获取盖章文件
+    getCreditSealFile(){
+      getCreditSealFile(this.forms).then((response) => {
+          if(response.data.list){
+              this.creditSealList = response.data.list;
+          }
+      });
+    },
     // 取消按钮
     cancel() {
       this.$store.dispatch("tagsView/delView", this.$route);
@@ -280,13 +445,22 @@ export default {
     handleDownload(row) {
       const pfiUrl = row.pfiUrl;
       if (pfiUrl != null && pfiUrl != "") {
-        window.open(pfiUrl + "/" + getToken());
+              const pfiFileName = row.pfiFileName;
+              this.queryParamsDown.pfiUrl = pfiUrl;
+              this.download(
+                  "sc-service/creditLine/jpgAuthorization",
+                  {
+                      ...this.queryParamsDown
+                  },
+                  pfiFileName
+              );
+          // window.open(pfiUrl + "/" + getToken());
       } else {
-        this.$message({
+          this.$message({
           message: "该附件不存在！",
           type: "warning"
-        });
-        return;
+          });
+          return;
       }
     },
     // 表单重置
@@ -346,6 +520,9 @@ export default {
       this.$set(this.form, "zfpcrLoanType", item.zfpcrLoanType);
       this.$set(this.form, "zfiProductId", item.zfiProductId);
       this.$set(this.form, "zfpcrChargeRate", item.zfpcrChargeRate);
+      this.$set(this.form, "cost", item.cost);
+      this.$set(this.form, "term", item.term);
+      this.$set(this.form, "amount", item.amount);
       if (item.zfiId) {
         this.loading = true;
         listBillInf(item.zfiId)
@@ -373,6 +550,27 @@ export default {
               });
             }
           });
+          getCreditDetail(zfiId).then((response) => {
+            if(response.data){
+                this.forms= response.data.financeInf;
+                //签发金额大写
+                this.issuedAmount = this.smallToBig(this.form.zfiAmount);
+                //给表格赋值
+                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;
+                this.zfiRate = response.data.financeInf.zfiRate;
+            
+            }
+            //盖章合同
+            this.getCreditSealFile();
+          })
       }
     },
     /** 提交按钮 */

front-vue/src/views/service/financeRecord/addFinanceRecord.vue

@@ -2,27 +2,133 @@
 <div class="app-container zap-main">
     <el-row>
         <el-form ref="form" :model="form" :inline="true" :rules="rules" label-width="95px">
-            <div class="zap-title">融资信息</div>
+            <div class="zap-title">申请融资信息</div>
             <el-row class="zap-form" style="padding-bottom: 0;">
-                <el-col :span="8">
-                    <el-form-item label="融信编号:" prop="zfrFinanceId" size="large">
+                <el-col :span="12">
+                    <el-form-item label="选择融信:" prop="zfrFinanceId" size="large">
                         <el-select v-model="form.zfrFinanceId" clearable @clear="clearBoth">
                             <el-option v-for="(item,index) in financeInfList" :key="index" :label="item.zfiNumber" :value="item.zfiId" @click.native="amount(item)"></el-option>
                         </el-select>
                     </el-form-item>
                 </el-col>
-                <el-col :span="8">
+                <el-col :span="12">
+                    <el-form-item label="融资收款账户:" prop="zfrCollectionAccount" size="large" label-width="101px">
+                        <el-input v-model="form.zfrCollectionAccount" clearable placeholder="请输入融资账户" maxlength="25" :readonly="readonly" />
+                    </el-form-item>
+                </el-col>
+            </el-row>
+            <el-row class="zap-form" style="padding-bottom: 0;">
+                <el-col :span="12">
+                    <el-form-item label="融信金额:" prop="zfiAmount" size="large">
+                        <el-input v-model="form.zfiAmount" clearable placeholder="请输入融信金额" maxlength="25" readonly />
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                    <el-form-item label="申请融资方:" prop="companyName" size="large">
+                        <el-input v-model="form.companyName" clearable placeholder="请输入申请融资方" maxlength="25" readonly />
+                    </el-form-item>
+                </el-col>
+            </el-row>
+            <el-row class="zap-form" style="padding-bottom: 0;">
+                <el-col :span="12">
                     <el-form-item label="融资金额:" prop="zfrAmount" size="large">
-                        <el-input v-model="form.zfrAmount" placeholder="请输入融资金额" readonly>
-                            <template slot="append">元</template>
-                        </el-input>
+                        <el-input v-model="form.zfrAmount" clearable placeholder="请输入融资金额" maxlength="25" readonly />
                     </el-form-item>
                 </el-col>
-                <el-col :span="8">
-                    <el-form-item label="融资账户:" prop="zfrCollectionAccount" size="large">
-                        <el-input v-model="form.zfrCollectionAccount" clearable placeholder="请输入融资账户" maxlength="25" :readonly="readonly" />
+                <el-col :span="12">
+                    <el-form-item label="融资利率:" prop="zfrRate" size="large">
+                        <el-input v-model="form.zfrRate" clearable placeholder="请输入融资利率" maxlength="25" readonly />
+                    </el-form-item>
+                </el-col>
+            </el-row>
+            <el-row class="zap-form" style="padding-bottom: 0;">
+                <el-col :span="12">
+                    <el-form-item label="承诺还款日期:" prop="zfrRepaymentDate" size="large"  label-width="101px">
+                        <el-input v-model="form.zfrRepaymentDate" clearable placeholder="请输入承诺还款日期" maxlength="25" readonly />
                     </el-form-item>
                 </el-col>
+                <el-col :span="12">
+                    <el-form-item label="服务费率:" prop="zfpcrChargeRate" size="large">
+                        <el-input v-model="form.zfpcrChargeRate" clearable placeholder="请输入服务费率" maxlength="25" readonly />
+                    </el-form-item>
+                </el-col>
+            </el-row>
+            <el-row class="zap-form" style="padding-bottom: 0;">
+                <el-col :span="12">
+                    <el-form-item label="预计融资成本:" prop="cost" size="large"  label-width="101px">
+                        <el-input v-model="form.cost" clearable placeholder="请输入预计融资成本" maxlength="25" readonly />
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                    <el-form-item label="预计融资期限:" prop="term" size="large" label-width="101px">
+                        <el-input v-model="form.term" clearable placeholder="请输入预计融资期限" maxlength="25" readonly />
+                    </el-form-item>
+                </el-col>
+            </el-row>
+            <el-row class="zap-form" style="padding-bottom: 0;">
+                <el-col :span="12">
+                    <el-form-item label="预计净融资额:" prop="amount" size="large"  label-width="101px">
+                        <el-input v-model="form.amount" clearable placeholder="请输入预计净融资额" maxlength="25" readonly />
+                    </el-form-item>
+                </el-col>
+            </el-row>
+            <div class="contain">
+                <p>说明：
+                </p>
+                <p>
+                    1. 因银行结算原因，资金到账可能会在申请日期后2-5工作日；
+                </p>
+                <p>
+                    2. 申请融资时，预计融资成本、预计融资期限、预计净融资额，由申请日期单日开始计算；准确数值以银行实际放款日期为准；
+                </p>
+                <p>
+                    3. 因填写融资收款账户错误，或其他原因导致银行无法正常放款，款项将汇入备用收款账户，可在电子账户管理查看；
+                </p>
+                <p>
+                    4. 服务费缴纳与退还要求,可详细阅读《融信产品使用协议》
+                </p>
+            </div>
+            <div class="zap-title">融信信息</div>
+            <el-row class="zap-form">
+                <el-col>
+                    <span style="font-size: 14px;color: #333333;">融信凭证</span>
+                </el-col>
+                <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-row>
             <el-row class="zap-form">
                 <el-row type="flex" align="middle" justify="end">
@@ -34,7 +140,7 @@
                             <el-form-item label="金额大写：" class="zap-margin-clear">
                                 <span>{{smallToBig(allAmount())}}</span>
                             </el-form-item>
-                            <el-form-item label="消费金额：" class="zap-margin-clear">
+                            <el-form-item label="合计金额：" class="zap-margin-clear">
                                 <span>{{allAmount()}}</span>
                             </el-form-item>
                         </el-row>
@@ -53,12 +159,53 @@
                         <el-table-column label="应付企业" align="center" prop="payer" />
                         <el-table-column label="还款时间" align="center" prop="zbiPayDate" />
                         <el-table-column label="金额" align="center" prop="zbiAmount" />
+                        <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="250">
+                            <template slot-scope="scope">
+                                <el-button
+                                    size="mini"
+                                    type="text"
+                                    icon="el-icon-view"
+                                    @click="handleDetail(scope.$index, billInfList)"
+                                >详情</el-button>
+                            </template>
+                        </el-table-column>
                     </el-table>
                 </el-row>
             </el-row>
         </el-form>
-        <!-- 发票附件 -->
+        <!-- 签署合同 -->
         <el-row class="zap-margin-top zap-form">
+             <div class="zap-title">签署合同</div>
+            <el-table :data="creditSealList"  style="width: 100%">
+                <el-table-column label="文件名称" align="center" prop="pfiFileName" show-overflow-tooltip>
+                    <template slot-scope="scope">
+                        <img    style="width:30px;height:30px;"
+                            src="../../../assets/images/pdf.png"  
+                        />
+                        <span>{{scope.row.pfiFileName}}
+                        </span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width='300' fixed="right" >
+                    <template slot-scope="scope">
+                        <el-button
+                            size="mini"
+                            type="text"
+                            icon="el-icon-view"
+                            @click="handleDownload(scope.row)"
+                        >下载</el-button>
+                        <el-button
+                            size="mini"
+                            type="text"
+                            icon="el-icon-view"
+                            @click="handlePreview(scope.row)"
+                        >预览</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </el-row>
+        <!-- 发票附件 -->
+        <!-- <el-row class="zap-margin-top zap-form">
             <div class="zap-title">发票附件</div>
             <el-table :data="invoiceFileList" stripe="" style="width: 100%">
                 <el-table-column label="文件名称" align="center" prop="pfiFileName" show-overflow-tooltip />
@@ -68,10 +215,10 @@
                     </template>
                 </el-table-column>
             </el-table>
-        </el-row>
+        </el-row> -->
 
         <!-- 合同附件 -->
-        <el-row class="zap-margin-top zap-form">
+        <!-- <el-row class="zap-margin-top zap-form">
             <div class="zap-title">合同附件</div>
             <el-table :data="contractFileList" stripe="" style="width: 100%">
                 <el-table-column label="文件名称" align="center" prop="pfiFileName" show-overflow-tooltip />
@@ -81,10 +228,10 @@
                     </template>
                 </el-table-column>
             </el-table>
-        </el-row>
+        </el-row> -->
 
         <!-- 其他附件 -->
-        <el-row class="zap-margin-top zap-form">
+        <!-- <el-row class="zap-margin-top zap-form">
             <div class="zap-title">其他附件</div>
             <el-table :data="otherFileList" stripe="" style="width: 100%">
                 <el-table-column label="文件名称" align="center" prop="pfiFileName" show-overflow-tooltip />
@@ -94,7 +241,7 @@
                     </template>
                 </el-table-column>
             </el-table>
-        </el-row>
+        </el-row> -->
         <el-row type="flex" align="middle" justify="center" style="height: 77px;">
             <el-button type="primary" @click="submitForm">确 定</el-button>
             <!-- <el-button @click="cancel">取 消</el-button> -->
@@ -124,9 +271,12 @@ import {
 import {
     getToken
 } from "@/utils/auth";
+import { getUserProfile } from "@/api/system/user";
+import {getCreditDetail} from "@/api/service/credit/credit";
+import DetailBill from "@/views/service/credit/billDetail";
 export default {
     name: "financeRecord",
-    components: {},
+    components: {DetailBill},
     data() {
         return {
             //融资账户是够编辑
@@ -155,10 +305,31 @@ export default {
             invoiceFileList: [],
             //其他文件
             otherFileList: [],
+            //盖章文件
+            creditSealList:[],
+            //开立方
+            openName:"",
+            //开立社会码
+            openCode:"",
+            //开立银行
+            openBank:"",
+            //开立账户
+            openAccount:"",
+            //接收方
+            receiveName:"",
+            //接收方社会统一码
+            receiverCode:"",
+            //接收方银行
+            receiverBank:"",
+            //接收方账户
+            receiverAccount:"",
+            //起止日期
+            stopDate:"",
             // 弹出层标题
             title: "",
             // 是否显示弹出层
             open: false,
+            openDetailBill: false,
             // 查询参数
             queryParams: {
                 pageNum: 1,
@@ -180,6 +351,7 @@ export default {
             },
             // 表单参数
             form: {},
+            forms:{},
             // 表单校验
             rules: {
                 zfrFinanceId: [{
@@ -201,6 +373,7 @@ export default {
     },
     created() {
         this.getFinanceInf();
+        this.getUserProfile();
     },
     methods: {
         /** 查询融信编号 */
@@ -211,6 +384,21 @@ export default {
                 this.loading = false;
             });
         },
+        getUserProfile(){
+            getUserProfile().then(response => {
+                if(response.company){
+                    this.$set(this.form, "companyName", response.company.scyName);
+                }
+            });
+        },
+        //获取盖章文件
+        getCreditSealFile(){
+            getCreditSealFile(this.forms).then((response) => {
+                if(response.data.list){
+                    this.creditSealList = response.data.list;
+                }
+            });
+        },
         // 取消按钮
         cancel() {
             this.open = false;
@@ -267,11 +455,15 @@ export default {
         /* 融信编号赋值融资金额 */
         amount(item) {
             this.$set(this.form, "zfrAmount", item.zfiAmount);
+            this.$set(this.form, "zfiAmount", item.zfiAmount);
             this.$set(this.form, "zfrRepaymentDate", item.zfiExpireDate);
             this.$set(this.form, "zfrRate", item.zfpcrRate);
             this.$set(this.form, "zfpcrLoanType", item.zfpcrLoanType);
             this.$set(this.form, "zfiProductId", item.zfiProductId);
             this.$set(this.form, "zfpcrChargeRate", item.zfpcrChargeRate);
+            this.$set(this.form, "cost", item.cost);
+            this.$set(this.form, "term", item.term);
+            this.$set(this.form, "amount", item.amount);
             if (item.zfiId) {
                 this.loading = true;
                 listBillInf(item.zfiId).then(response => {
@@ -296,9 +488,35 @@ export default {
                             this.readonly = true
                         })
                     }
+                });
+                getCreditDetail(zfiId).then((response) => {
+                    if(response.data){
+                        this.forms= response.data.financeInf;
+                        //签发金额大写
+                        this.issuedAmount = this.smallToBig(this.form.zfiAmount);
+                        //给表格赋值
+                        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;
+                        this.zfiRate = response.data.financeInf.zfiRate;
+                    
+                    }
+                    //盖章合同
+                    this.getCreditSealFile();
                 })
             }
         },
+        //详情按钮
+        handleDetail(index, rows){
+            this.zbiId = rows[index].zbiId
+            this.openDetailBill = true
+        },
         /** 提交按钮 */
         submitForm() {
             this.$refs["form"].validate(valid => {
@@ -332,6 +550,28 @@ export default {
             this.invoiceFileList = [];
             this.otherFileList = [];
         },
+        //文件下载
+        handleDownload(row) {
+            const pfiUrl = row.pfiUrl;
+            if (pfiUrl != null && pfiUrl != "") {
+                    const pfiFileName = row.pfiFileName;
+                    this.queryParamsDown.pfiUrl = pfiUrl;
+                    this.download(
+                        "sc-service/creditLine/jpgAuthorization",
+                        {
+                            ...this.queryParamsDown
+                        },
+                        pfiFileName
+                    );
+                // window.open(pfiUrl + "/" + getToken());
+            } else {
+                this.$message({
+                message: "该附件不存在！",
+                type: "warning"
+                });
+                return;
+            }
+        },
         //预览
         handlePreview(row) {
             const pfiUrl = row.pfiUrl;
@@ -494,3 +734,22 @@ export default {
     padding-right: 0;
 }
 </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>