<template>
|
<div class="dataBack" v-loading="loading">
|
<el-container>
|
<el-main>
|
<el-form :label-position="labelPosition" :model="form" id="detailContent">
|
<el-row>
|
<p class="title">基本信息</p>
|
<!-- 项目编号 -->
|
<el-col :span="8" v-if="form.productnumber.visible">
|
<el-form-item :label="form.productnumber.filedDescription + ':'">
|
<!-- <el-input v-model="form.productnumber.value" readonly="readonly"></el-input> -->
|
<p class="content">{{ form.productnumber.value === '' ? '--' : form.productnumber.value }}</p>
|
</el-form-item>
|
</el-col>
|
<!-- 项目名称 -->
|
<el-col :span="8" v-if="form.productname.visible">
|
<el-form-item :label="form.productname.filedDescription + ':'">
|
<!-- <el-input v-model="form.productname.value" readonly="readonly"></el-input> -->
|
<p class="content">{{ form.productname.value === '' ? '--' : form.productname.value }}</p>
|
</el-form-item>
|
</el-col>
|
<!-- 项目类型 -->
|
<el-col :span="8" v-if="form.projectFrom.visible">
|
<el-form-item :label="form.projectFrom.filedDescription + ':'">
|
<p class="content">{{ form.projectFrom.valueDesc === '' ? '--' : form.projectFrom.valueDesc }}</p>
|
</el-form-item>
|
</el-col>
|
<!-- 开发商名称 -->
|
<el-col :span="8" v-if="form.developer.visible">
|
<el-form-item :label="form.developer.filedDescription + ':'">
|
<p class="content">{{ form.developer.value === '' ? '--' : form.developer.value }}</p>
|
</el-form-item>
|
</el-col>
|
<!-- 任意客户名称 -->
|
<el-col :span="8" v-if="form.arbCustomerName.visible">
|
<el-form-item :label="form.arbCustomerName.filedDescription + ':'">
|
<p class="content">{{ form.arbCustomerName.value === '' ? '--' : form.arbCustomerName.value }}</p>
|
</el-form-item>
|
</el-col>
|
<!-- 任意客户身份证号码 -->
|
<el-col :span="8" v-if="form.arbCustomerCertId.visible">
|
<el-form-item :label="form.arbCustomerCertId.filedDescription + ':'">
|
<p class="content">{{ form.arbCustomerCertId.value === '' ? '--' : form.arbCustomerCertId.value }}</p>
|
</el-form-item>
|
</el-col>
|
<!-- 集团项目编码 -->
|
<el-col :span="8" v-if="form.groupProjectNo.visible">
|
<el-form-item :label="form.groupProjectNo.filedDescription + ':'">
|
<p class="content">{{ form.groupProjectNo.value === '' ? '--' : form.groupProjectNo.value }}</p>
|
</el-form-item>
|
</el-col>
|
<!-- 项目名称 -->
|
<el-col :span="8" v-if="form.groupProjectName.visible">
|
<el-form-item :label="form.groupProjectName.filedDescription + ':'">
|
<p class="content">{{ form.groupProjectName.value === '' ? '--' : form.groupProjectName.value }}</p>
|
</el-form-item>
|
</el-col>
|
<!-- 项目地址(省) -->
|
<el-col :span="8" v-if="form.registerprovince.visible">
|
<el-form-item :label="form.registerprovince.filedDescription + ':'">
|
<p class="content">{{ form.registerprovince.valueDesc === '' ? '--' : form.registerprovince.valueDesc }}</p>
|
</el-form-item>
|
</el-col>
|
<!-- 项目地址(市) -->
|
<el-col :span="8" v-if="form.registercitys.visible">
|
<el-form-item :label="form.registercitys.filedDescription + ':'">
|
<p class="content">{{ form.registercitys.valueDesc === '' ? '--' : form.registercitys.valueDesc }}</p>
|
</el-form-item>
|
</el-col>
|
<!-- 项目地址(县) -->
|
<el-col :span="8" v-if="form.registercounty.visible">
|
<el-form-item :label="form.registercounty.filedDescription + ':'">
|
<p class="content">{{ form.registercounty.valueDesc === '' ? '--' : form.registercounty.valueDesc }}</p>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8" v-if="form.projectdiscountdays && form.projectdiscountdays.visible">
|
<el-form-item :label="form.projectdiscountdays.filedDescription + ':'">
|
<p class="content">{{ form.projectdiscountdays.value === '' ? '--' : form.projectdiscountdays.value }}</p>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8" v-if="form.discountmonthamt.visible">
|
<el-form-item :label="form.discountmonthamt.filedDescription + ':'">
|
<p class="content">{{ form.discountmonthamt.value === '' ? '--' : form.discountmonthamt.value }}</p>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<p class="title">项目银行卡信息</p>
|
<!-- 收款银行户名 -->
|
<el-col :span="8">
|
<el-form-item :label="form.putoutbankname.filedDescription + ':'">
|
<!-- <el-input v-model="form.productnumber.value" readonly="readonly"></el-input> -->
|
<p class="content">{{ form.putoutbankname.value === '' ? '--' : form.putoutbankname.value }}</p>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="8">
|
<el-form-item :label="form.putoutbankno.filedDescription + ':'">
|
<!-- <el-input v-model="form.productnumber.value" readonly="readonly"></el-input> -->
|
<p class="content">{{ form.putoutbankno.valueDesc === '' ? '--' : form.putoutbankno.valueDesc }}</p>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item :label="form.putoutcardno.filedDescription + ':'">
|
<!-- <el-input v-model="form.productnumber.value" readonly="readonly"></el-input> -->
|
<p class="content">{{ form.putoutcardno.value === '' ? '--' : form.putoutcardno.value }}</p>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item :label="form.putoutbankbranchnname.filedDescription + ':'">
|
<!-- <el-input v-model="form.productnumber.value" readonly="readonly"></el-input> -->
|
<p class="content">{{ form.putoutbankbranchnname.value === '' ? '--' : form.putoutbankbranchnname.value }}</p>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item :label="form.putoutbankbranchno.filedDescription + ':'">
|
<!-- <el-input v-model="form.productnumber.value" readonly="readonly"></el-input> -->
|
<p class="content">{{ form.putoutbankbranchno.value === '' ? '--' : form.putoutbankbranchno.value }}</p>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
|
<el-row>
|
<p class="title">担保信息</p>
|
<!-- 项目编号 -->
|
<el-col :span="8" v-if="form.needGuarantee.visible">
|
<el-form-item :label="form.needGuarantee.filedDescription + ':'">
|
<!-- <el-input v-model="form.productnumber.value" readonly="readonly"></el-input> -->
|
<p class="content">{{ form.needGuarantee.valueDesc === '' ? '--' : form.needGuarantee.valueDesc }}</p>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
|
<el-row>
|
<p class="title">客群白名单信息</p>
|
<WhiteCustomer :config="config" type="details" specialtype="02"></WhiteCustomer>
|
</el-row>
|
|
<el-row>
|
<p class="title">客户白名单信息</p>
|
<WhiteCustomer :config="config" type="details" specialtype="03"></WhiteCustomer>
|
</el-row>
|
|
<el-row>
|
<p class="title">项目联系人信息</p>
|
<ProjectContract pagetype="details"></ProjectContract>
|
</el-row>
|
</el-form>
|
</el-main>
|
</el-container>
|
</div>
|
</template>
|
|
<script>
|
import CitysInput from './components/CitysInput'
|
import ProjectQuality from './ProjectQuality'
|
import ProjectContract from '../add/components/ProjectContract'
|
import WhiteCustomer from '../add/components/WhiteCustomer'
|
import { qryProjectInfo, qryProjectQuotaMonth } from '@/api/area'
|
import { mapState } from 'vuex'
|
export default {
|
components: { ProjectQuality, CitysInput, ProjectContract, WhiteCustomer },
|
data: function () {
|
return {
|
loading: true,
|
labelPosition: 'right',
|
form: {
|
needGuarantee: '',
|
developer: '',
|
arbCustomerName: '',
|
arbCustomerCertId: '',
|
groupProjectNo: '',
|
productnumber: '',
|
projecttype: '',
|
productname: '',
|
projectcode: '',
|
producttype: '',
|
urbanlevel: '',
|
productlevel: '',
|
productstage: '',
|
salesstage: '',
|
belongingorganization: '',
|
productpa: '',
|
registerprovince: '',
|
registercitys: '',
|
registercounty: '',
|
productaddress: '',
|
productstreet: '',
|
customerlocation: '',
|
remarka: '',
|
gpslongitude: '',
|
gpslatitude: '',
|
productsize: '',
|
totalperiod: '',
|
totalnumber: '',
|
salesperiod: '',
|
nowsalesnumber: '',
|
nowsalesnumberperiod: '',
|
buildingscale: '',
|
landarea: '',
|
totalplanearea: '',
|
property: '',
|
propertyyear: '',
|
properynumbers: '',
|
properylayers: '',
|
villa: '',
|
properyother: '',
|
buildingarea: '',
|
building1: '',
|
buildingnumbers1: '',
|
building2: '',
|
buildingnumbers2: '',
|
building3: '',
|
buildingnumbers3: '',
|
servicestarttime: '',
|
saleintotime: '',
|
latestopendate: '', // 最近一期开盘时间
|
theatretime: '',
|
buildingtime: '',
|
projectFrom: '',
|
businessPart: '',
|
monthQuota: '',
|
houseprovetime: '',
|
// 项目素质字段迁移
|
salescontract: '', // 销售合同
|
salepermit: '', // 预售证
|
salepermitnumber: '', // 预售证号
|
firstsetfirstpay: '', // 首套首付比例(%)
|
twosetfirstpay: '', // 二套首付比例(%)
|
degradationrate: '', // 去化率
|
sectionbuilding: '', // 地段
|
locationaround: '', // 周边资源配套完善性
|
cloudloan: '', // 贷款推广策略
|
// 定价合理性
|
singlesumpricetop: '', // 项目单套总价上限(万)
|
singlesumpricelower: '', // 项目单套总价下限(万)
|
aveprice: '', // 本盘均价(元/㎡)
|
pricebetweenup: '', // 价格区间上限(元/㎡)
|
pricebetweendown: '', // 价格区间下限(元/㎡)
|
pricecompare: '', // 周边同档同类均价比较
|
projectone: '', // 同档同类项目名1
|
projectoneprice: '' // 同档同类项目名1均价(元/㎡)
|
},
|
menu: '',
|
projectQuotaMonth: {}
|
}
|
},
|
computed: {
|
...mapState({
|
detailsParams: state => state.risk.detailsParams
|
}),
|
// 标签显示控制
|
propertyMsg() {
|
const {
|
property,
|
propertyyear,
|
properynumbers,
|
properylayers,
|
villa,
|
properyother,
|
buildingarea,
|
building1,
|
buildingnumbers1,
|
building2,
|
buildingnumbers2,
|
building3,
|
buildingnumbers3
|
} = this.form
|
if (
|
property.visible ||
|
propertyyear.visible ||
|
properynumbers.visible ||
|
properylayers.visible ||
|
villa.visible ||
|
properyother.visible ||
|
buildingarea.visible ||
|
building1.visible ||
|
buildingnumbers1.visible ||
|
building2.visible ||
|
buildingnumbers2.visible ||
|
building3.visible ||
|
buildingnumbers3.visible
|
) {
|
return true
|
} else {
|
return false
|
}
|
}
|
},
|
created() {
|
this.getForm()
|
},
|
methods: {
|
async getForm() {
|
Object.keys(this.form).forEach(key => {
|
this.form[key] = { visible: false }
|
})
|
let params = {
|
objectType: this.detailsParams.objectType,
|
dataType: this.detailsParams.dataType,
|
projectFlag: this.detailsParams.projectFlag,
|
projectType: this.detailsParams.projectType,
|
serialno: this.detailsParams.objectNo
|
}
|
await qryProjectInfo(params).then(res => {
|
if (res.code === '00') {
|
let merge = this._.merge({}, this.form, res.result)
|
this.form = merge
|
this.loading = false
|
}
|
})
|
await qryProjectQuotaMonth(params).then(res => {
|
this.projectQuotaMonth = res.result
|
})
|
}
|
}
|
}
|
</script>
|
|
<style lang="stylus" scoped>
|
#detailContent {
|
>>> .el-form-item {
|
height: 48px;
|
margin-bottom: 0px;
|
|
.content {
|
// width 220px
|
word-wrap: break-word;
|
line-height: 16px;
|
}
|
|
.areaContent {
|
// width 1190px
|
word-wrap: break-word;
|
line-height: 16px;
|
}
|
}
|
}
|
|
#detailContent {
|
#textareaLabel {
|
>>>.el-form-item__label {
|
// margin-bottom 70px
|
min-width: 160px;
|
}
|
|
.el-form-item__content {
|
.el-textarea {
|
width: 1190px;
|
}
|
}
|
}
|
}
|
</style>
|
