|
|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<div class="contrl">
|
|
|
<div class="title-div">
|
|
|
- <span>完善估价对象详细信息</span>
|
|
|
+ <span>完善估价对象权属信息</span>
|
|
|
<el-button class="genBtn" plain type="danger" @click="genConditionDoc()">生成《假设和限制条件及使用报告说明》
|
|
|
<el-icon style="vertical-align: -20%;">
|
|
|
<ArrowRightBold />
|
|
|
@@ -11,14 +11,10 @@
|
|
|
<el-tabs v-model="activeName" class="targets-tabs">
|
|
|
<el-tab-pane :label="'估价对象' + t.tid" :name="t.tid" :lazy="true" v-for="(t, index) in targets">
|
|
|
<div class="targetTable">
|
|
|
- <el-divider content-position="left">一览表</el-divider>
|
|
|
<el-table :data="t.list" border stripe size="default" :header-row-style="{ color: '#333333'}"
|
|
|
- style="
|
|
|
- border-left: 1px solid #ebeced;
|
|
|
- border-right: 1px solid #ebeced;
|
|
|
- color: #333333;">
|
|
|
- <el-table-column prop="id" label="估价对象" width="60" align="center" />
|
|
|
- <el-table-column prop="no" label="序号" width="60" align="center" />
|
|
|
+ style="color: #333333;">
|
|
|
+ <el-table-column prop="id" label="估价对象" width="30" align="center" />
|
|
|
+ <el-table-column prop="no" label="序号" width="30" align="center" />
|
|
|
<el-table-column prop="certificateNo" label="权属证书号" align="center"/>
|
|
|
<el-table-column prop="ownShipUser" label="权利人" show-overflow-tooltip width="100"
|
|
|
align="center" />
|
|
|
@@ -27,23 +23,47 @@
|
|
|
<el-table-column prop="atFloor" label="所在楼层" width="60" align="center" />
|
|
|
<el-table-column prop="structure" label="结构" width="60" align="center" />
|
|
|
<el-table-column prop="useTo" label="用途" width="60" align="center" />
|
|
|
- <!-- <el-table-column prop="outerAcreage" label="分摊或占用土地使用权面积(㎡)" align="center" /> -->
|
|
|
+ <el-table-column prop="outerAcreage" label="分摊或占用土地使用权面积(㎡)" align="center" />
|
|
|
<el-table-column prop="acreage" label="建筑面积(㎡)" width="60" align="center" />
|
|
|
<el-table-column prop="price" label="单价(元/㎡)" width="60" align="center" />
|
|
|
<el-table-column prop="amount" label="总价(万元)" width="60" align="center" />
|
|
|
- <!-- <el-table-column prop="landCertificateNo" label="国有土地使用证号" />
|
|
|
- <el-table-column prop="landType" label="地类(用途)" width="60" align="center" /> -->
|
|
|
- <el-table-column prop="actAddress" label="实勘地址" show-overflow-tooltip align="center"/>
|
|
|
+ <el-table-column prop="landCertificateNo" label="国有土地使用证号" align="center" />
|
|
|
+ <el-table-column prop="landType" label="地类(用途)" width="60" align="center" />
|
|
|
+ <el-table-column label="操作" width="100" align="center">
|
|
|
+ <template v-slot="scope">
|
|
|
+ <el-button type="primary" @click="clickAdd(scope.row.id,scope.row.no)">添加证件</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
</el-table>
|
|
|
</div>
|
|
|
- <div style="margin-top: 40px;">
|
|
|
- <el-button style="float: right;" plain type="danger" @click="saveSupplement(t)">保存估价对象{{ t.tid }}的补充信息
|
|
|
- <el-icon style="vertical-align: -20%;">
|
|
|
- <ArrowRightBold />
|
|
|
- </el-icon>
|
|
|
- </el-button>
|
|
|
+ <div class="title-div">
|
|
|
+ <span>请完善估价对象{{ activeName }}权属证件信息</span>
|
|
|
</div>
|
|
|
- <div style="margin-top: 120px;">
|
|
|
+ <el-tabs v-model="certificateActive" class="certificates-tabs">
|
|
|
+ <el-tab-pane :label="c.name" :name="c.name" :lazy="true" v-for="(c,index) in certificates">
|
|
|
+
|
|
|
+
|
|
|
+ <div v-if="c.type=='1'">
|
|
|
+ <fixedAssetsCertificate ref="fixed" :fixedAssetsCertificate=c.certificate @removeTab="removeTab" @saveFixed="saveFixed" ></fixedAssetsCertificate>
|
|
|
+ </div>
|
|
|
+ <div v-if="c.type=='2'">
|
|
|
+ <houseOwnNewCertificate :houseOwnNewCertificate=c.certificate @removeTab="removeTab" @saveHouseOwn="saveHouseOwn"></houseOwnNewCertificate>
|
|
|
+ </div>
|
|
|
+ <div v-if="c.type=='3'">
|
|
|
+ <houseOwnOldCertificate :houseOwnOldCertificate=c.certificate @removeTab="removeTab" @saveHouseOwn="saveHouseOwn"></houseOwnOldCertificate>
|
|
|
+ </div>
|
|
|
+ <div v-if="c.type=='4'">
|
|
|
+ <landUseNewCertificate :landUseNewCertificate=c.certificate @removeTab="removeTab" @saveLandUse="saveLandUse"></landUseNewCertificate>
|
|
|
+ </div>
|
|
|
+ <div v-if="c.type=='5'">
|
|
|
+ <landUseOldCertificate :landUseOldCertificate=c.certificate @removeTab="removeTab" @saveLandUse="saveLandUse"></landUseOldCertificate>
|
|
|
+ </div>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <!-- <div style="margin-top: 120px;">
|
|
|
<el-divider content-position="left">一般假设、未定事项假设、不相一致假设、依据不足假设</el-divider>
|
|
|
<el-form :inline="true" :model="t" label-width="230" style="margin-top: 30px;">
|
|
|
<el-row :gutter="24">
|
|
|
@@ -435,24 +455,63 @@
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
</el-tab-pane>
|
|
|
</el-tabs>
|
|
|
+ <el-dialog
|
|
|
+ v-model="certificateDialog"
|
|
|
+ title="请添加估价对象标的物的权属证件"
|
|
|
+ width="500"
|
|
|
+ align-center
|
|
|
+ @closed="cleanId"
|
|
|
+ >
|
|
|
+ <h2>估价对象【{{ tId }}】序号{{ tNo }}</h2>
|
|
|
+ <el-checkbox-group v-model="cers">
|
|
|
+ <el-checkbox label="《不动产权证书》" value="1" />
|
|
|
+ <el-checkbox label="《房屋所有权证》（新）" value="2" />
|
|
|
+ <el-checkbox label="《房屋所有权证》（旧）" value="3" />
|
|
|
+ <el-checkbox label="《国有土地使用证》（新）" value="4" />
|
|
|
+ <el-checkbox label="《国有土地使用证》（旧）" value="5" />
|
|
|
+ </el-checkbox-group>
|
|
|
+ <template #footer>
|
|
|
+ <div class="dialog-footer">
|
|
|
+ <el-button @click="certificateDialog = false">取消</el-button>
|
|
|
+ <el-button type="primary" @click="addCertificate()">
|
|
|
+ 添加
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
|
|
|
<script>
|
|
|
import houseGuaranty from '@/api/houseGuaranty';
|
|
|
+import fixedAssetsCertificate from '../../../components/HouseGuarantyForm/fixedAssetsCertificate.vue';
|
|
|
+import houseOwnNewCertificate from '../../../components/HouseGuarantyForm/houseOwnNewCertificate.vue';
|
|
|
+import houseOwnOldCertificate from '../../../components/HouseGuarantyForm/houseOwnOldCertificate.vue';
|
|
|
+import landUseNewCertificate from '../../../components/HouseGuarantyForm/landUseNewCertificate.vue';
|
|
|
+import landUseOldCertificate from '../../../components/HouseGuarantyForm/landUseOldCertificate.vue';
|
|
|
+import certFixedAssets from '@/api/certificateFixedAssets';
|
|
|
+import certHouseOwn from '@/api/certificateHouseOwn';
|
|
|
+import certLandUse from '@/api/certificateLandUse';
|
|
|
+
|
|
|
|
|
|
export default {
|
|
|
|
|
|
components: {
|
|
|
+ fixedAssetsCertificate,
|
|
|
+ houseOwnNewCertificate,
|
|
|
+ houseOwnOldCertificate,
|
|
|
+ landUseNewCertificate,
|
|
|
+ landUseOldCertificate
|
|
|
},
|
|
|
|
|
|
created() {
|
|
|
this.docId = this.$route.query.id;
|
|
|
this.getTargets();
|
|
|
+ this.getCertificatesByTarget();
|
|
|
},
|
|
|
|
|
|
watch:{
|
|
|
@@ -462,6 +521,11 @@ export default {
|
|
|
},
|
|
|
immediate:true
|
|
|
},
|
|
|
+ // certificates:{
|
|
|
+ // handler(nv,ov){
|
|
|
+ // this.certificateActive = this.certificates[0].name
|
|
|
+ // }
|
|
|
+ // }
|
|
|
|
|
|
},
|
|
|
|
|
|
@@ -470,6 +534,13 @@ export default {
|
|
|
activeName: '①',
|
|
|
docId: null,
|
|
|
targets: [],
|
|
|
+ certificates:[],
|
|
|
+ certificateActive:null,
|
|
|
+ certificateDialog:false,
|
|
|
+ tId:null,
|
|
|
+ tNo:null,
|
|
|
+ cers:[],
|
|
|
+
|
|
|
|
|
|
}
|
|
|
},
|
|
|
@@ -529,6 +600,7 @@ export default {
|
|
|
type: 'success',
|
|
|
plain: true
|
|
|
})
|
|
|
+ t.id = res.data;
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
@@ -560,6 +632,182 @@ export default {
|
|
|
this.$emit('updateTimeline');
|
|
|
}
|
|
|
})
|
|
|
+ },
|
|
|
+
|
|
|
+ clickAdd(id,no){
|
|
|
+ this.tId = id;
|
|
|
+ this.tNo =no;
|
|
|
+ this.certificateDialog = true;
|
|
|
+ },
|
|
|
+
|
|
|
+ cleanId(){
|
|
|
+ this.tId = null;
|
|
|
+ this.tNo =null;
|
|
|
+ this.cers = [];
|
|
|
+
|
|
|
+ },
|
|
|
+
|
|
|
+ getCertificateInfoByTargetId(){
|
|
|
+
|
|
|
+ },
|
|
|
+ addCertificate(){
|
|
|
+ const cers = this.cers;
|
|
|
+ for (var i in cers){
|
|
|
+ if (cers[i]=='1'){
|
|
|
+ let fixed = new Object()
|
|
|
+ fixed.type = "1"
|
|
|
+ fixed.name = "序号"+this.tNo+"《不动产权证书》"
|
|
|
+ fixed.certificate = {
|
|
|
+ name:fixed.name,
|
|
|
+ tid:this.tId,
|
|
|
+ tno:this.tNo
|
|
|
+ };
|
|
|
+ this.certificates.push(fixed);
|
|
|
+ }
|
|
|
+ if (cers[i]=='2'){
|
|
|
+ let fixed = new Object()
|
|
|
+ fixed.type = "2"
|
|
|
+ fixed.name = "序号"+this.tNo+"《房屋所有权证》（新）"
|
|
|
+ fixed.certificate = {
|
|
|
+ name:fixed.name,
|
|
|
+ tid:this.tId,
|
|
|
+ tno:this.tNo
|
|
|
+ };
|
|
|
+ this.certificates.push(fixed);
|
|
|
+ }
|
|
|
+ if (cers[i]=='3'){
|
|
|
+ let fixed = new Object()
|
|
|
+ fixed.type = "3"
|
|
|
+ fixed.name = "序号"+this.tNo+"《房屋所有权证》（旧）"
|
|
|
+ fixed.certificate = {
|
|
|
+ name:fixed.name,
|
|
|
+ tid:this.tId,
|
|
|
+ tno:this.tNo
|
|
|
+ };
|
|
|
+ this.certificates.push(fixed);
|
|
|
+ }
|
|
|
+ if (cers[i]=='4'){
|
|
|
+ let fixed = new Object()
|
|
|
+ fixed.type = "4"
|
|
|
+ fixed.name = "序号"+this.tNo+"《国有土地使用证》（新）"
|
|
|
+ fixed.certificate = {
|
|
|
+ name:fixed.name,
|
|
|
+ tid:this.tId,
|
|
|
+ tno:this.tNo
|
|
|
+ };
|
|
|
+ this.certificates.push(fixed);
|
|
|
+ }
|
|
|
+ if (cers[i]=='5'){
|
|
|
+ let fixed = new Object()
|
|
|
+ fixed.type = "5"
|
|
|
+ fixed.name = "序号"+this.tNo+"《国有土地使用证》（旧）"
|
|
|
+ fixed.certificate = {
|
|
|
+ name:fixed.name,
|
|
|
+ tid:this.tId,
|
|
|
+ tno:this.tNo
|
|
|
+ };
|
|
|
+ this.certificates.push(fixed);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.certificateActive = this.certificates[0].name
|
|
|
+ this.certificateDialog = false;
|
|
|
+ },
|
|
|
+
|
|
|
+ removeTab(name){
|
|
|
+ this.certificates = this.certificates.filter(item=>item.name!==name);
|
|
|
+ this.certificateActive = this.certificates[0].name
|
|
|
+ },
|
|
|
+ saveFixed(fixed){
|
|
|
+ fixed.businessType = 'HOUSE';
|
|
|
+ fixed.businessId= this.docId;
|
|
|
+ certFixedAssets.save(fixed).then(res=>{
|
|
|
+ if(res.code === 200 && res.data){
|
|
|
+ ElMessage({
|
|
|
+ message: '不动产权证保存成功',
|
|
|
+ type: 'success',
|
|
|
+ plain: true
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ saveHouseOwn(house){
|
|
|
+ house.businessType = 'HOUSE';
|
|
|
+ house.businessId= this.docId;
|
|
|
+ certHouseOwn.save(house).then(res=>{
|
|
|
+ if(res.code === 200 && res.data){
|
|
|
+ ElMessage({
|
|
|
+ message: '房产证保存成功',
|
|
|
+ type: 'success',
|
|
|
+ plain: true
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ saveLandUse(land){
|
|
|
+ land.businessType = 'HOUSE';
|
|
|
+ land.businessId= this.docId;
|
|
|
+ certLandUse.save(land).then(res=>{
|
|
|
+ if(res.code === 200 && res.data){
|
|
|
+ ElMessage({
|
|
|
+ message: '土地证保存成功',
|
|
|
+ type: 'success',
|
|
|
+ plain: true
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ getCertificatesByTarget(){
|
|
|
+ certFixedAssets.getCertificates(this.docId,this.activeName).then(res=>{
|
|
|
+ if (res.code === 200){
|
|
|
+ for (let i in res.data){
|
|
|
+ let ob = new Object();
|
|
|
+ ob.certificate = res.data[i]
|
|
|
+ ob.type="1",
|
|
|
+ ob.name="序号"+res.data[i].tno+"《不动产权证书》"
|
|
|
+ this.certificates.push(ob)
|
|
|
+ }
|
|
|
+ this.certificateActive = this.certificates[0].name;
|
|
|
+
|
|
|
+ }
|
|
|
+ })
|
|
|
+ certHouseOwn.getCertificates(this.docId,this.activeName).then(res=>{
|
|
|
+ if (res.code === 200){
|
|
|
+ for (let i in res.data){
|
|
|
+ let ob = new Object();
|
|
|
+ ob.certificate = res.data[i]
|
|
|
+ if (res.data[i].isNew){
|
|
|
+ ob.name="序号"+res.data[i].tno+"《房屋所有权证》（新）"
|
|
|
+ ob.type="2"
|
|
|
+ }else{
|
|
|
+ ob.name="序号"+res.data[i].tno+"《房屋所有权证》（旧）"
|
|
|
+ ob.type="3"
|
|
|
+ }
|
|
|
+ this.certificates.push(ob)
|
|
|
+ }
|
|
|
+ this.certificateActive = this.certificates[0].name;
|
|
|
+
|
|
|
+ }
|
|
|
+ })
|
|
|
+ certLandUse.getCertificates(this.docId,this.activeName).then(res=>{
|
|
|
+ if (res.code === 200){
|
|
|
+ for (let i in res.data){
|
|
|
+ let ob = new Object();
|
|
|
+ ob.certificate = res.data[i]
|
|
|
+ if (res.data[i].isNew){
|
|
|
+ ob.name="序号"+res.data[i].tno+"《国有土地使用证》（新）"
|
|
|
+ ob.type="4"
|
|
|
+ }else{
|
|
|
+ ob.name="序号"+res.data[i].tno+"《国有土地使用证》（旧）"
|
|
|
+ ob.type="5"
|
|
|
+ }
|
|
|
+ this.certificates.push(ob)
|
|
|
+ }
|
|
|
+ this.certificateActive = this.certificates[0].name;
|
|
|
+
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
}
|
|
|
|
|
|
}
|
