<template>
|
<div class="base-contract">
|
<FormInfo
|
:info="info"
|
:keys="baseContractKeyArr"
|
title="基础合同信息"
|
:loading="loading"
|
></FormInfo>
|
<!-- <KeysTable
|
:list="loanContractValueArr"
|
:header="loanContracttableHeaderArr"
|
:isShowPages="false"
|
title="贷款合同信息"
|
></KeysTable> -->
|
<div style="padding: 10px;">
|
|
</div>
|
<KeysTable
|
:list="baseContractList"
|
:header="baseContractListHeaderArr"
|
:isShowPages="false"
|
></KeysTable>
|
<!-- 贷款合同信息 -->
|
<!-- <loanContactList :applyInfo="{serialNo}" /> -->
|
<KeysTable
|
:list="zhongdengRegisterValueArr"
|
:header="zhongdengRegisterHeaderArr"
|
:isShowPages="false"
|
title="中登网登记信息"
|
></KeysTable>
|
</div>
|
</template>
|
|
<script>
|
// 基础合同信息
|
import {
|
qryBaseContractDetail,
|
getDictionaryList,
|
getProvinceCodeList,
|
qryLoanContactList,
|
qryLoanContactDetail,
|
qryBaseContractList
|
} from "@/api/product";
|
import {
|
zhdwQryBillResult
|
} from "@comprehensive/serve/public";
|
|
|
import { flownos } from "@comprehensive/utils/comm";
|
import common from "@/utils/common";
|
import { baseContractFormHeader,zhongdengRegisterHeaderArr } from "@comprehensive/utils/formHeaders";
|
import loanContactList from "@/views/product/views/CreditFlowPublic/baseContract/loanContactList"
|
import FormInfo from "../FormInfo";
|
import KeysTable from "../KeysTable";
|
export default {
|
props: {
|
// 申请编号
|
serialNo: {
|
type: String,
|
required: true,
|
},
|
objectType: {
|
type: String,
|
default: "",
|
},
|
customerID: {
|
type: String,
|
default: "",
|
},
|
flowno: {
|
type: String,
|
|
// 默认为案场
|
default: "CreditFlowPublic",
|
},
|
},
|
components: {
|
FormInfo,
|
KeysTable,
|
loanContactList
|
},
|
data() {
|
return {
|
info: {}, //接口获取到的参数为值
|
baseContractList: [],
|
loading: false, //是否loading
|
baseContractKeyArr: [], //定义key，在FormInfo中决定有哪些key。
|
loanContracttableHeaderArr: [
|
{
|
prop: "contractNo",
|
width: "auto",
|
label: "合同编号",
|
},
|
{
|
prop: "contractName",
|
width: "auto",
|
label: "合同名称",
|
},
|
{
|
prop: "startTime",
|
width: "auto",
|
label: "合同签署发起最新时间",
|
},
|
{
|
prop: "signStatus",
|
width: "auto",
|
label: "合同签署状态",
|
},
|
], //贷款合同信息列表title
|
loanContractValueArr: [], //贷款合同信息列表服务器返回数据
|
zhongdengRegisterHeaderArr: [...zhongdengRegisterHeaderArr], //中登网登记列表title
|
zhongdengRegisterValueArr: [],
|
baseContractListHeaderArr: [
|
{ prop: "contractNo", width: "auto", label: "合同编号" },
|
{ prop: "contractName", width: "auto", label: "合同名称" },
|
{ prop: "obligorName", width: "auto", label: "应收账款债务人" },
|
// { prop: "signatoryProvinceCn", width: "auto", label: "签署方地址(省份)" },
|
// { prop: "signatoryCityCn", width: "auto", label: "签署方地址（城市）" },
|
// { prop: "signatoryAddress", width: "auto", label: "签署方详细地址" },
|
{ prop: "contactAmount", width: "auto", label: "合同金额", isMoney:true },
|
{ prop: "tempTotalAmt", width: "auto", label: "基础交易合同暂定总价", isMoney:true },
|
{ prop: "signedDate", width: "auto", label: "签署日期" },
|
{ prop: "signedEndDate", width: "auto", label: "合同有效截止日期" },
|
],
|
baseContractFilter: [], // 贷款排除，暂无
|
};
|
},
|
created() {
|
this.init();
|
},
|
methods: {
|
init() {
|
const { flowno, baseContractFilter } = this;
|
const {
|
//佣金贷(保理)
|
CreditFlowPublic,
|
} = flownos;
|
let header = [];
|
//佣金贷
|
if (flowno === CreditFlowPublic) {
|
header = baseContractFormHeader.filter(
|
({ field }) => !baseContractFilter.includes(field)
|
);
|
this.getBaseContractDetail();
|
this.getBaseContractList()
|
this.getLoanContactList();
|
this.getZhdwQryBillResult()
|
}
|
this.baseContractKeyArr = header;
|
},
|
// 查询基础合同信息
|
async getBaseContractDetail() {
|
this.loading = true;
|
const { serialNo } = this;
|
const res = await qryBaseContractDetail({
|
relativeSerialNo: serialNo,
|
});
|
this.loading = false;
|
const { result } = res;
|
// result["contactAmount"].value
|
// ? (result["contactAmount"].value = common.formatMoney(
|
// result["contactAmount"].value
|
// ))
|
// : "";
|
this.info = result;
|
},
|
async getBaseContractList() {
|
this.loading = true;
|
const { serialNo } = this;
|
const res = await qryBaseContractList({
|
relativeSerialNo: serialNo,
|
});
|
this.loading = false;
|
const { result } = res;
|
// result["contactAmount"].value
|
// ? (result["contactAmount"].value = common.formatMoney(
|
// result["contactAmount"].value
|
// ))
|
// : "";
|
this.baseContractList = result;
|
},
|
// 查询贷款合同信息
|
async getLoanContactList() {
|
this.loading = true;
|
const { serialNo } = this;
|
const res = await qryLoanContactList({
|
applySerialNo: serialNo,
|
});
|
const { result } = res;
|
result.map((item) => {
|
item.signStatus = item.signStatus == 1 ? "完成" : "未完成";
|
});
|
|
this.loading = false;
|
this.loanContractValueArr = result;
|
},
|
async getZhdwQryBillResult() {
|
this.loading = true;
|
const { serialNo } = this;
|
const res = await zhdwQryBillResult({
|
applySerialNo: serialNo,
|
});
|
this.loading = false;
|
const { result } = res;
|
// result["contactAmount"].value
|
// ? (result["contactAmount"].value = common.formatMoney(
|
// result["contactAmount"].value
|
// ))
|
// : "";
|
this.zhongdengRegisterValueArr = result;
|
},
|
},
|
|
watch: {
|
serialNo() {
|
this.init();
|
},
|
},
|
};
|
</script>
|
|
<style lang="postcss" scoped>
|
.apply {
|
& >>> .el-dialog__body {
|
padding-top: 10px;
|
}
|
& >>> .comm-dialog {
|
width: 1200px;
|
}
|
& >>> .hint-remark .input {
|
color: #f40;
|
font-weight: bold;
|
}
|
}
|
</style>
|
