<template>
|
<div>
|
<div class="_block">
|
<p class="title">
|
<span></span>
|
开发商信息
|
</p>
|
<div class="form">
|
<el-form-item label="开发商信息">
|
<el-input v-model="projectDetails.developer" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="开发商社会信用代码">
|
<el-input v-model="projectDetails.prosocialcreditcode" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="开发商品牌">
|
<el-input v-model="projectDetails.developbrand" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="开发商类型">
|
<el-input v-model="projectDetails.protypeDesc" disabled></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
<div class="_block">
|
<p class="title">
|
<span></span>
|
项目信息
|
</p>
|
<div class="form">
|
<el-form-item label="与开发商合作模式">
|
<el-input v-model="projectDetails.cooperationmodelDesc" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="项目名称">
|
<el-input v-model="projectDetails.productname" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="项目编码">
|
<el-input v-model="projectDetails.productnumber" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="项目所在省">
|
<el-input v-model="projectDetails.registerprovinceDesc" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="项目城市">
|
<el-input v-model="projectDetails.registercitysDesc" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="项目所在区">
|
<el-input v-model="projectDetails.registercountyDesc" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="物业类型">
|
<el-input v-model="projectDetails.propertyDesc" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="预售许可证楼栋号">
|
<el-input v-model="projectDetails.presalelicensebuildnum" disabled></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
<div class="_block">
|
<p class="title">
|
<span></span>
|
开发商合同
|
</p>
|
<div class="form">
|
<el-form-item label="签约主体">
|
<el-input v-model="projectDetails.signcontractentity" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="合同名称">
|
<el-input v-model="projectDetails.contractname" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="合同编号">
|
<el-input v-model="projectDetails.contractno" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="合同执行生效日期">
|
<el-input v-model="projectDetails.effectivedate" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="合同执行失效日期">
|
<el-input v-model="projectDetails.expirationdate" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="成功销售条件" class="remark">
|
<el-input
|
type="textarea"
|
maxlength="200"
|
:autosize="{ minRows: 2, maxRows: 2}"
|
v-model="projectDetails.salesucconditions"
|
disabled
|
></el-input>
|
</el-form-item>
|
<el-form-item label="结算条件" class="remark">
|
<el-input
|
type="textarea"
|
maxlength="200"
|
:autosize="{ minRows: 2, maxRows: 2}"
|
v-model="projectDetails.settleconditions"
|
disabled
|
></el-input>
|
</el-form-item>
|
<el-form-item label="佣金条件" class="remark">
|
<el-input
|
type="textarea"
|
maxlength="200"
|
:autosize="{ minRows: 2, maxRows: 2}"
|
v-model="projectDetails.commissionconditions"
|
disabled
|
></el-input>
|
</el-form-item>
|
<el-form-item label="期限单位">
|
<el-input v-model="projectDetails.termunitDesc" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="佣金回款周期">
|
<el-input v-model="projectDetails.rebateterm" disabled></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
<div class="_block">
|
<p class="title">
|
<span></span>
|
垫佣清款说明
|
</p>
|
<div class="form">
|
<el-form-item label="垫佣节点">
|
<el-input v-model="projectDetails.node" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="预估垫佣规模(万元)">
|
<el-input v-model="projectDetails.estimatescale" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="佣金垫付比例(%)">
|
<el-input v-model="projectDetails.commissionrate" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="项目垫佣期限">
|
<el-input v-model="projectDetails.term" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="历史合作关系" class="remark">
|
<el-input
|
type="textarea"
|
maxlength="200"
|
:autosize="{ minRows: 2, maxRows: 2}"
|
v-model="projectDetails.hispartnership"
|
disabled
|
></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
<div class="_block">
|
<p class="title">
|
<span></span>
|
项目授信
|
</p>
|
<div class="form">
|
<el-form-item label="保理模式">
|
<el-input v-model="projectDetails.factromodelDesc" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="项目授信金额(元)">
|
<el-input v-model="projectDetails.position" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="项目剩余额度(元)">
|
<el-input v-model="projectDetails.leftPosition" disabled></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import { qryCommissionProjectDetail } from "@api/product";
|
export default {
|
props: {
|
applySerialNo: {
|
default: () => "",
|
type: String
|
}
|
},
|
data() {
|
return {
|
projectDetails: {}
|
};
|
},
|
created() {
|
this.qryCommissionProjectDetail();
|
},
|
methods: {
|
async qryCommissionProjectDetail() {
|
const res = await qryCommissionProjectDetail({
|
applySerialNo: this.applySerialNo
|
});
|
for (const key in res.result) {
|
if (
|
key == "estimatescale" ||
|
key == "position" ||
|
key == "leftPosition"
|
) {
|
res.result[key] = this.formatMoney(res.result[key]);
|
}
|
}
|
this.projectDetails = res.result;
|
},
|
// 金额格式化
|
formatMoney(value) {
|
if (value) {
|
value =
|
parseFloat((value + "").replace(/[^\d\.-]/g, "")).toFixed(2) + "";
|
if (value == "NaN") return;
|
let l = value
|
.split(".")[0]
|
.split("")
|
.reverse();
|
let r = value.split(".")[1];
|
let t = "";
|
for (let i = 0; i < l.length; i++) {
|
t += l[i] + ((i + 1) % 3 === 0 && i + 1 !== l.length ? "," : "");
|
}
|
return (
|
t
|
.split("")
|
.reverse()
|
.join("") +
|
"." +
|
r
|
);
|
}
|
}
|
}
|
};
|
</script>
|
