融资申请页面,签收页面

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

@@ -138,7 +138,7 @@
             </tr>           
         </table>
     </el-row>
-    <div class="zap-title zap-margin-top">应收账款</div>
+    <div class="zap-title zap-margin-top">资产信息</div>
     <el-row class="zap-form zap-padding-bottom">
       <el-row class="zap-accounts-receivable">
         <el-col>
@@ -162,6 +162,16 @@
         <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>
     <!-- 签署合同 -->
@@ -286,6 +296,10 @@
       <el-button type="primary" plain @click="cancel">取 消</el-button>
       <el-button type="primary" @click="submitForm">确 定</el-button>
     </el-row>
+    <!-- 附件详情 -->
+    <el-dialog title="详情" :visible.sync="openDetailBill" width="1120px" append-to-body>
+        <detail-bill :zbiId="this.zbiId" v-if="openDetailBill"></detail-bill>
+    </el-dialog>
     <!--预览-->
     <el-dialog :visible.sync="openFile" width="900px" append-to-body>
       <img :src="wordUrl" v-if="show" width="800px" height="500px" />
@@ -312,6 +326,8 @@ export default {
   components: {DetailBill},
   data() {
     return {
+      //往来账款id
+            zbiId: '',
       //融资账户是够编辑
       readonly: false,
       labelPosition: "top",
@@ -365,6 +381,7 @@ export default {
       title: "",
       // 是否显示弹出层
       open: false,
+      openDetailBill: false,
       // 查询参数
       queryParams: {
         pageNum: 1,
@@ -384,6 +401,9 @@ export default {
         zfpcrLoanType: null,
         zfiProductId: null
       },
+      queryParamsDown:{
+        pfiUrl: null
+      },
       // 表单参数
       form: {},
       forms:{},
@@ -436,6 +456,7 @@ export default {
     //获取盖章文件
     getCreditSealFile(){
       getCreditSealFile(this.forms).then((response) => {
+        debugger
           if(response.data.list){
               this.creditSealList = response.data.list;
           }
@@ -448,6 +469,7 @@ export default {
     },
     //文件下载
     handleDownload(row) {
+      debugger
       const pfiUrl = row.pfiUrl;
       if (pfiUrl != null && pfiUrl != "") {
               const pfiFileName = row.pfiFileName;
@@ -579,6 +601,11 @@ export default {
           })
       }
     },
+    //详情按钮
+    handleDetail(index, rows){
+        this.zbiId = rows[index].zbiId
+        this.openDetailBill = true
+    },
     /** 提交按钮 */
     submitForm() {
       this.$refs["form"].validate(valid => {

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

@@ -60,6 +60,13 @@
                             <el-input v-model="forms.termIng" clearable placeholder="请输入融资期限" maxlength="25" readonly />
                         </el-form-item>
                     </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="融信状态:" prop="zfiStatus" size="large" label-width="101px">
+                            <el-select v-model="forms.zfiStatus" placeholder="请选择状态" clearable>
+                                <el-option v-for="dict in stateOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
                 </el-row>
             </el-form>
             <el-form ref="form" :model="form" :rules="rules" :inline="true" style="margin-top: 20px" label-width="auto" >
@@ -490,7 +497,9 @@ export default {
           pdfShowDialog : false,
           parent : this,
           //显示去融资框
-          goShow:false
+          goShow:false,
+          //状态
+          stateOptions:[],
           
         };
     },
@@ -498,12 +507,16 @@ export default {
         'form.zfiCoreQuotaId':'change'
     },
     created() {
+        this.getDicts("zc_finance_state").then(response => {
+            this.stateOptions = response.data;
+        });
          const zfiId = this.$route.params && this.$route.params.zfiId;
          this.zfiId = zfiId;
          getCreditDetail(zfiId).then((response) => {
              if(response.data){
                  //签发金额
                 this.form= response.data.financeInf;
+                this.forms.zfiStatus = response.data.financeInf.zfiStatus;
                 //签发金额大写
                 this.issuedAmount = this.smallToBig(this.form.zfiAmount);
                 //开立方编号

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

@@ -133,7 +133,7 @@
             <el-row class="zap-form">
                 <el-row type="flex" align="middle" justify="end">
                     <el-col>
-                        <span style="font-size: 14px;color: #333333;">应收账款</span>
+                        <span style="font-size: 14px;color: #333333;">资产信息</span>
                     </el-col>
                     <el-col class="zap-margin-top;">
                         <el-row type="flex" align="middle" justify="end">
@@ -247,7 +247,10 @@
             <!-- <el-button @click="cancel">取 消</el-button> -->
         </el-row>
     </el-row>
-
+    <!-- 附件详情 -->
+    <el-dialog title="详情" :visible.sync="openDetailBill" width="1120px" append-to-body>
+        <detail-bill :zbiId="this.zbiId" v-if="openDetailBill"></detail-bill>
+    </el-dialog>
     <!--预览-->
     <el-dialog :visible.sync="openFile" width="1000px" append-to-body>
         <img :src="wordUrl" v-if="show" width='700px' height='500px' />
@@ -280,6 +283,8 @@ export default {
     components: {DetailBill},
     data() {
         return {
+            //往来账款id
+            zbiId: '',
             //融资账户是够编辑
             readonly: false,
             // 遮罩层
@@ -352,6 +357,9 @@ export default {
                 zfpcrLoanType: null,
                 zfiProductId: null
             },
+            queryParamsDown:{
+                pfiUrl: null
+            },
             // 表单参数
             form: {},
             forms:{},

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

@@ -34,8 +34,118 @@
       :rules="rules"
       label-width="auto"
     >
-      <div class="zap-title zap-margin-top">融资信息</div>
-      <el-form-item label="融信编号" prop="zfrFinanceId" size="large">
+    <div class="contain">
+                <p>资方拒绝放款:
+                </p>
+                <p>
+                   原因:{{reason ? reason : "暂无"}}；
+                </p>
+                <p>
+                    注:本次融资申请已作废,请完善或达成相应融资条件后,再使用本融信发起融资;
+                </p>
+            </div>
+      <div class="zap-title zap-margin-top">融资详情</div>
+      <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" disabled>
+                            <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 />
+                    </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" v-if="this.status != '01'">
+                        <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" v-if="this.status != '01'">
+                        <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" v-if="this.status != '01'">
+                        <el-input v-model="form.amount" clearable placeholder="请输入预计净融资额" maxlength="25" readonly />
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                    <el-form-item label="融资状态:" prop="zfrStatus" size="large"  label-width="101px" v-if="this.status != '01'">
+                        <el-input v-model="form.zfrStatus" 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" v-if="this.status == '01'">
+                        <el-input v-model="form.costIng" 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" v-if="this.status == '01'">
+                        <el-input v-model="form.termIng" 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" v-if="this.status == '01'">
+                        <el-input v-model="form.amountIng" clearable placeholder="请输入净融资额" maxlength="25" readonly />
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                    <el-form-item label="融资状态:" prop="zfrStatus" size="large"  label-width="101px" v-if="this.status == '01'">
+                      <el-select v-model="form.zfrStatus" placeholder="请选择状态" clearable>
+                        <el-option v-for="dict in statusOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
+                    </el-select>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+      <!-- <el-form-item label="融信编号" prop="zfrFinanceId" size="large">
         <el-select v-model="form.zfrFinanceId" clearable @clear="clearBoth" disabled>
           <el-option
             v-for="(item,index) in financeInfList"
@@ -65,9 +175,51 @@
       </el-form-item>
       <el-form-item label="融资产品" prop="zfiProductId" v-if="false" size="large">
         <el-input v-model="form.zfiProductId" placeholder="请输入融资产品" disabled />
-      </el-form-item>
+      </el-form-item> -->
     </el-form>
-    <div class="zap-title zap-margin-top">应收账款</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>
+    <div class="zap-title zap-margin-top">资产信息</div>
     <el-row class="zap-form zap-padding-bottom">
       <el-row class="zap-accounts-receivable">
         <el-col>
@@ -92,10 +244,20 @@
         <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>
     <!-- 发票附件 -->
-    <div class="zap-title zap-margin-top">发票附件</div>
+    <!-- <div class="zap-title zap-margin-top">发票附件</div>
     <el-row class="zap-form zap-padding-bottom">
       <el-table :data="invoiceFileList" style="width: 100%" stripe>
         <el-table-column label="文件名称" align="center" prop="pfiFileName" show-overflow-tooltip />
@@ -116,9 +278,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 zap-padding-bottom">
       <el-table :data="contractFileList" border style="width: 100%">
         <el-table-column label="文件名称" align="center" prop="pfiFileName" show-overflow-tooltip />
@@ -139,9 +301,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 zap-padding-bottom">
       <el-table :data="otherFileList" border style="width: 100%">
         <el-table-column label="文件名称" align="center" prop="pfiFileName" show-overflow-tooltip />
@@ -162,7 +324,7 @@
           </template>
         </el-table-column>
       </el-table>
-    </el-row>
+    </el-row> -->
     <div class="zap-title zap-margin-top">盖章附件</div>
     <el-row>
       <img
@@ -179,6 +341,10 @@
       <!-- <el-button type="success" @click="submitForm"
       >提交</el-button>-->
     </el-row>
+    <!-- 附件详情 -->
+    <el-dialog title="详情" :visible.sync="openDetailBill" width="1120px" append-to-body>
+        <detail-bill :zbiId="this.zbiId" v-if="openDetailBill"></detail-bill>
+    </el-dialog>
     <!--预览-->
     <el-dialog :visible.sync="openFile" width="900px" append-to-body>
       <img :src="wordUrl" v-if="show" width="800px" height="500px" />
@@ -197,11 +363,18 @@ 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 {
+      //往来账款id
+            zbiId: '',
+      //融资状态
+      status: "",
       //融资编号
       number: "",
       //创建时间
@@ -234,10 +407,35 @@ export default {
       otherFileList: [],
       //盖章文件
       recordSealList: [],
+      //开立方
+      openName:"",
+      //开立社会码
+      openCode:"",
+      //开立银行
+      openBank:"",
+      //开立账户
+      openAccount:"",
+      //接收方
+      receiveName:"",
+      //接收方社会统一码
+      receiverCode:"",
+      //接收方银行
+      receiverBank:"",
+      //接收方账户
+      receiverAccount:"",
+      //起止日期
+      stopDate:"",
+      //签发金额大写
+      issuedAmount: "零元整",
+      //拒绝放款原因
+      reason: "暂无",
       // 弹出层标题
       title: "",
       // 是否显示弹出层
       open: false,
+      openDetailBill: false,
+      //融资状态数据字典
+      statusOptions: [],
       // 查询参数
       queryParams: {
         pageNum: 1,
@@ -275,17 +473,32 @@ export default {
     };
   },
   created() {
+    this.getDicts("ser_zfr_status").then(response => {
+      this.statusOptions = response.data;
+    });
     const zfrId = this.$route.params && this.$route.params.zfrId;
     getRecord(zfrId).then(response => {
+      debugger
       this.number = response.data.zfrNumber;
+      this.status = response.data.zfrStatus;
+      this.reason = response.data.zfrReason;
       this.time = this.parseTime(
         new Date(response.data.createTime),
         "{y}-{m}-{d} {h}:{m}:{s}"
       );
       this.user = response.data.createUser;
       const zfrFinanceId = response.data.zfrFinanceId;
+      this.form.zfrFinanceId = response.data.zfrFinanceId;
+      this.form.zfrStatus = response.data.zfrStatus;
       listFinanceInf(zfrFinanceId).then(response => {
-        this.financeInfList = response.data;
+        if (response.data) {
+          this.financeInfList = response.data;
+          for (let item of this.financeInfList) {
+            if (item.zfiId == zfrFinanceId) {
+              this.amount(item);
+            }
+          }
+        }
       });
       listBillInf(zfrFinanceId)
         .then(response => {
@@ -307,18 +520,23 @@ export default {
           });
         })
         .then(() => {
-          this.form = response.data;
-          this.$set(
-            this.form,
-            "zfrRepaymentDate",
-            this.parseTime(
-              new Date(response.data.zfrRepaymentDate),
-              "{y}-{m}-{d}"
-            )
-          );
+          //this.form = response.data;
+          // this.$set(
+          //   this.form,
+          //   "zfrRepaymentDate",
+          //   this.parseTime(
+          //     new Date(response.data.zfrRepaymentDate),
+          //     "{y}-{m}-{d}"
+          //   )
+          // );
           this.getRecordSealFile();
         });
     });
+    getUserProfile().then(response => {
+        if(response.company){
+            this.$set(this.form, "companyName", response.company.scyName);
+        }
+    });
     // this.getFinanceInf();
   },
   methods: {
@@ -387,11 +605,20 @@ export default {
     },
     /* 融信编号赋值融资金额 */
     amount(item) {
+      debugger
       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, "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, "amountIng", item.amountIng);
+      this.$set(this.form, "costIng", item.costIng);
+      this.$set(this.form, "termIng", item.termIng);
+      this.$set(this.form, "amountIng", item.amountIng);
       if (item.zfiId) {
         this.loading = true;
         listBillInf(item.zfiId)
@@ -418,8 +645,32 @@ export default {
               });
             }
           });
+          getCreditDetail(item.zfiId).then((response) => {
+            debugger
+            if(response.data){
+                //签发金额大写
+                this.issuedAmount = this.smallToBig(response.data.financeInf.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;
+            
+            }
+        })
       }
     },
+    //详情按钮
+    handleDetail(index, rows){
+        this.zbiId = rows[index].zbiId
+        this.openDetailBill = true
+    },
     /** 提交按钮 */
     submitForm() {
       this.$refs["form"].validate(valid => {
@@ -666,4 +917,23 @@ export default {
     color: #333333;
   }
 }
-</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>