|
@@ -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>
|