<template>
|
<div class="dataBack" v-loading="loading">
|
<el-container v-show="!loading">
|
<el-main>
|
<el-form :label-position="labelPosition" :model="form">
|
<el-row>
|
<p class="title" v-if="salesMsg">项目素质</p>
|
<!-- 销售合同 -->
|
<details-input :config="form.salescontract"></details-input>
|
<!-- 预售证 -->
|
<details-input :config="form.salepermit"></details-input>
|
<!-- 预售正好 -->
|
<details-input :config="form.salepermitnumber"></details-input>
|
<!-- 首套首付比例(%) -->
|
<details-input :config="form.firstsetfirstpay"></details-input>
|
<!-- 二套首付比例(%) -->
|
<details-input :config="form.twosetfirstpay"></details-input>
|
<!-- 去化率 -->
|
<details-input :config="form.degradationrate"></details-input>
|
<!-- 地段 -->
|
<details-input :config="form.sectionbuilding"></details-input>
|
<!-- 周边资源配套完善性 -->
|
<details-input :config="form.locationaround"></details-input>
|
<!-- 贷款推广策略 -->
|
<details-input :config="form.cloudloan"></details-input>
|
</el-row>
|
|
<el-row>
|
<p class="title" v-if="rationality">定价合理性</p>
|
<!-- 项目单套总价上限(万) -->
|
<!-- <details-input :config="form.aveprice"></details-input> -->
|
<!-- 项目单套总价下限(万) -->
|
<!-- <details-input :config="form.aveprice"></details-input> -->
|
<!-- 本盘均价(元/㎡) -->
|
<details-input :config="form.aveprice"></details-input>
|
<!-- 价格区间上限(元/㎡) -->
|
<details-input :config="form.pricebetweenup"></details-input>
|
<!-- 价格区间下限(元/㎡) -->
|
<details-input :config="form.pricebetweendown"></details-input>
|
<!-- 周边同档同类均价比较 -->
|
<details-input :config="form.pricecompare"></details-input>
|
<!-- 同档同类项目名1 -->
|
<details-input :config="form.projectone"></details-input>
|
<!-- 同档同类项目名1均价(元/㎡) -->
|
<details-input :config="form.projectoneprice"></details-input>
|
|
</el-row>
|
|
|
<el-row v-if="false">
|
<p class="title" v-if="section">地段及配套</p>
|
<details-input :config="form.citylocation"></details-input>
|
<details-input :config="form.schoollocation"></details-input>
|
<details-input :config="form.middledistance"></details-input>
|
<details-input :config="form.publicstation"></details-input>
|
<details-input :config="form.specialview"></details-input>
|
<details-input :config="form.locationother"></details-input>
|
</el-row>
|
|
<el-row v-if="false">
|
<p class="title" v-if="sameCategory">同档同类均价</p>
|
<details-input :config="form.projecttwo"></details-input>
|
<details-input :config="form.projecttwoprice"></details-input>
|
<details-input :config="form.projectthree"></details-input>
|
<details-input :config="form.projectthreeprice"></details-input>
|
</el-row>
|
<el-row v-if="false">
|
<p class="title" v-if="situation" >去化情况</p>
|
<details-input :config="form.salesmonthnumber"></details-input>
|
<details-input :config="form.salesmonthprice"></details-input>
|
<details-input :config="form.salesmontharea"></details-input>
|
</el-row>
|
<el-row v-if="false">
|
<p class="title" v-if="bankService">银行按揭服务</p>
|
<details-input :config="form.mortgageloanday"></details-input>
|
<details-input :config="form.mortgagetime"></details-input>
|
<details-input :config="form.mortgagebank"></details-input>
|
<details-input :config="form.bankmortgage"></details-input>
|
<details-input :config="form.bankgarrison"></details-input>
|
<details-input :config="form.garrisonexplain"></details-input>
|
</el-row>
|
<el-row v-if="false">
|
<p class="title">鹏友金融服务</p>
|
<details-input :config="form.style"></details-input>
|
<details-input :config="form.cloudloannumber"></details-input>
|
<details-input :config="form.cloudavemoney"></details-input>
|
<details-input :config="form.projectAnalysis_explain"></details-input>
|
<details-input :config="form.housediscount"></details-input>
|
<details-input :config="form.cloudloansize"></details-input>
|
<details-input :config="form.cloudloansum"></details-input>
|
</el-row>
|
<el-row v-if="false">
|
<p class="title" v-if="OtherFinancialServices">其他金融服务</p>
|
<details-input :config="form.isfirstpay"></details-input>
|
<details-input :config="form.developisfirststage"></details-input>
|
<details-input :config="form.isfirstproduct"></details-input>
|
<details-input :config="form.isotherfirstproduct"></details-input>
|
<details-input :config="form.similarfirstproduct"></details-input>
|
<details-input :config="form.orgnameone"></details-input>
|
<details-input :config="form.productnameone"></details-input>
|
<details-input :config="form.orgnametwo"></details-input>
|
<details-input :config="form.productnametwo"></details-input>
|
<details-input :config="form.developisrelate"></details-input>
|
<details-input :config="form.bankproductinto"></details-input>
|
<details-input :config="form.bankoragency"></details-input>
|
<details-input :config="form.exceptionalcaseone"></details-input>
|
<details-input :config="form.exceptionalcasetwo"></details-input>
|
<details-input :config="form.bankInstitution_explain"></details-input>
|
</el-row>
|
</el-form>
|
</el-main>
|
</el-container>
|
</div>
|
</template>
|
|
<script>
|
import DetailsInput from './components/DetailsInput'
|
import { queryProjectQualityInfo } from '@/api/area'
|
import { mapState } from 'vuex'
|
export default {
|
components: { DetailsInput },
|
data: function() {
|
return {
|
loading: true,
|
labelPosition: 'right',
|
form: {
|
salescontract: '',
|
salepermit: '',
|
salepermitnumber: '',
|
sectionbuilding: '',
|
locationaround: '',
|
citylocation: '',
|
schoollocation: '',
|
middledistance: '',
|
publicstation: '',
|
specialview: '',
|
locationother: '',
|
pricecompare: '',
|
aveprice: '',
|
pricebetweenup: '',
|
pricebetweendown: '',
|
projectone: '',
|
projectoneprice: '',
|
projecttwo: '',
|
projecttwoprice: '',
|
projectthree: '',
|
projectthreeprice: '',
|
degradationrate: '',
|
salesmonthnumber: '',
|
salesmonthprice: '',
|
salesmontharea: '',
|
mortgageloanday: '',
|
mortgagetime: '',
|
firstsetfirstpay: '',
|
twosetfirstpay: '',
|
mortgagebank: '',
|
bankmortgage: '',
|
garrison: '',
|
bankgarrison: '',
|
garrisonexplain: '',
|
style: '',
|
cloudloannumber: '',
|
cloudavemoney: '',
|
cloudloan: '',
|
projectAnalysis_explain: '',
|
housediscount: '',
|
cloudloansize: '',
|
cloudloansum: '',
|
isfirstpay: '',
|
developisfirststage: '',
|
isfirstproduct: '',
|
isotherfirstproduct: '',
|
similarfirstproduct: '',
|
orgnameone: '',
|
productnameone: '',
|
orgnametwo: '',
|
productnametwo: '',
|
developisrelate: '',
|
bankproductinto: '',
|
bankoragency: '',
|
exceptionalcaseone: '',
|
exceptionalcasetwo: '',
|
bankInstitution_explain: ''
|
}
|
}
|
},
|
computed: {
|
...mapState({
|
detailsParams: state => state.risk.detailsParams
|
}),
|
// 销售资质信息整体显示控制
|
salesMsg() {
|
if (this.form.salescontract.visible || this.form.salepermit.visible || this.form.salepermitnumber.visible) {
|
return true
|
} else {
|
return false
|
}
|
},
|
// 地段及配套
|
section() {
|
if (this.form.sectionbuilding.visible || this.form.locationaround.visible || this.form.citylocation.visible || this.form.schoollocation.visible || this.form.middledistance.visible || this.form.publicstation.visible || this.form.specialview.visible || this.form.locationother.visible) {
|
return true
|
} else {
|
return false
|
}
|
},
|
// 定价合理性
|
rationality() {
|
if (this.form.pricecompare.visible || this.form.aveprice.visible || this.form.pricebetweenup.visible || this.form.pricebetweendown.visible) {
|
return true
|
} else {
|
return false
|
}
|
},
|
// 同档同类均价
|
sameCategory() {
|
if (this.form.projectone.visible || this.form.projectoneprice.visible || this.form.projecttwo.visible || this.form.projecttwoprice.visible || this.form.projectthree.visible || this.form.projectthreeprice.visible) {
|
return true
|
} else {
|
return false
|
}
|
},
|
// 去化情况
|
situation() {
|
if (this.form.degradationrate.visible || this.form.salesmonthnumber.visible || this.form.salesmonthprice.visible || this.form.salesmontharea.visible) {
|
return true
|
} else {
|
return false
|
}
|
},
|
// 银行按揭服务
|
bankService() {
|
if (this.form.mortgageloanday.visible || this.form.mortgagetime.visible || this.form.firstsetfirstpay.visible || this.form.twosetfirstpay.visible || this.form.mortgagebank.visible || this.form.bankmortgage.visible || this.form.garrisonexplain.visible) {
|
return true
|
} else {
|
return false
|
}
|
},
|
// 其他金融服务
|
OtherFinancialServices() {
|
if (this.form.isfirstpay.visible || this.form.developisfirststage.visible || this.form.isfirstproduct.visible || this.form.isfirstproduct.visible || this.form.isotherfirstproduct.visible || this.form.similarfirstproduct.visible ||
|
this.form.orgnameone.visible ||
|
this.form.productnameone.visible ||
|
this.form.orgnametwo.visible ||
|
this.form.productnametwo.visible ||
|
this.form.developisrelate.visible ||
|
this.form.exceptionalcaseone.visible ||
|
this.form.bankproductinto.visible ||
|
this.form.exceptionalcasetwo.visible ||
|
this.form.bankoragency.visible ||
|
this.form.bankInstitution_explain.visible
|
) {
|
return true
|
} else {
|
return false
|
}
|
}
|
},
|
created() {
|
this.getForm()
|
},
|
methods: {
|
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
|
}
|
queryProjectQualityInfo(params).then(res => {
|
let merge = this._.merge({}, this.form, res.result)
|
this.form = merge
|
this.loading = false
|
})
|
}
|
}
|
}
|
</script>
|
|
<style scoped></style>
|
