|
|
@@ -3,72 +3,72 @@
|
|
|
<div class="title-div">
|
|
|
<span>完善估价对象权属信息</span>
|
|
|
<el-button class="genBtn" plain type="danger" @click="genConditionDoc()">生成《假设和限制条件及使用报告说明》
|
|
|
- <el-icon style="vertical-align: -20%;">
|
|
|
- <ArrowRightBold />
|
|
|
- </el-icon>
|
|
|
+ <el-icon style="vertical-align: -20%;">
|
|
|
+ <ArrowRightBold />
|
|
|
+ </el-icon>
|
|
|
</el-button>
|
|
|
</div>
|
|
|
<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-table :data="t.list" border stripe size="default" :header-row-style="{ color: '#333333'}"
|
|
|
- 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" />
|
|
|
- <el-table-column prop="location" label="坐落" show-overflow-tooltip width="100"
|
|
|
- align="center" />
|
|
|
- <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="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="国有土地使用证号" 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 class="title-div">
|
|
|
- <span>请完善估价对象{{ activeName }}权属证件信息</span>
|
|
|
- </div>
|
|
|
- <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-tab-pane :label="'估价对象' + t.tid" :name="t.tid" :lazy="true" v-for="(t, index) in targets">
|
|
|
+ <div class="targetTable">
|
|
|
+ <el-table :data="t.list" border stripe size="default" :header-row-style="{ color: '#333333','font-size': '16px' }"
|
|
|
+ style="color: #333333; font-size: 16px;">
|
|
|
+ <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" />
|
|
|
+ <el-table-column prop="location" label="坐落" show-overflow-tooltip width="100" align="center" />
|
|
|
+ <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="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="国有土地使用证号" 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 class="title-div">
|
|
|
+ <span>请完善估价对象{{ activeName }}权属证件信息</span>
|
|
|
+ </div>
|
|
|
+ <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: 30px;">
|
|
|
+ <el-form :model="t" label-width="200" label-position="left" style="max-width: 100%" :inline="true">
|
|
|
+ <el-divider content-position="left"><span class="divide-span">一般假设</span></el-divider>
|
|
|
<el-row :gutter="24">
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="是否建筑物部分:">
|
|
|
+ <el-form-item label="是否建筑物部分:" class="form-item">
|
|
|
<el-radio-group v-model="t.isPart">
|
|
|
<el-radio value="是">是</el-radio>
|
|
|
<el-radio value="否">否</el-radio>
|
|
|
@@ -77,33 +77,233 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="是否登记建成年份:">
|
|
|
+ <el-form-item label="国有土地证类型:" class="form-item">
|
|
|
+ <el-select v-model="t.landCertificateType" clearable placeholder="请选择">
|
|
|
+ <el-option label="无" value="无" />
|
|
|
+ <el-option label="大证" value="大证" />
|
|
|
+ <el-option label="分户土地证" value="分户土地证" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <el-divider content-position="left"><span class="divide-span">未定事项假设</span></el-divider>
|
|
|
+ <el-row :gutter="24">
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="是否登记建成年份:" class="form-item">
|
|
|
<el-radio-group v-model="t.hasBuildingYear" @change="handleBuidingYear(t)">
|
|
|
<el-radio :value="true">是</el-radio>
|
|
|
<el-radio :value="false">否</el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
+ <el-col :span="8" v-if="!t.hasBuildingYear">
|
|
|
+ <el-form-item label="调查的建成年份:" class="form-item">
|
|
|
+ <el-date-picker v-model="t.buildingYear" type="year" format="YYYY年"
|
|
|
+ value-format="YYYY年" placeholder>
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="其他未定事项假设:" class="form-item">
|
|
|
+ <el-radio-group v-model="t.otherUndefind">
|
|
|
+ <el-radio :value="true">是</el-radio>
|
|
|
+ <el-radio :value="false">否</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="24">
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="是否采用分层面积处理方式:" class="form-item">
|
|
|
+ <el-radio-group v-model="t.isLayer" clearable placeholder="请选择">
|
|
|
+ <el-radio :value="true">是</el-radio>
|
|
|
+ <el-radio :value="false">否</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" v-if="t.isLayer">
|
|
|
+ <el-form-item label="分层面积处理方式是否有图:" class="form-item">
|
|
|
+ <el-radio-group v-model="t.hasLayerImage" clearable placeholder="请选择">
|
|
|
+ <el-radio :value="true">有图</el-radio>
|
|
|
+ <el-radio :value="false">无图</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="24" v-if="t.isLayer">
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="一层面积（㎡）:" class="form-item">
|
|
|
+ <el-input v-model="t.floor1Acreage" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="二层面积（㎡）:" class="form-item">
|
|
|
+ <el-input v-model="t.floor2Acreage" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="三层面积（㎡）:" class="form-item">
|
|
|
+ <el-input v-model="t.floor3Acreage" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <el-divider content-position="left"><span class="divide-span">不相一致假设</span></el-divider>
|
|
|
+ <el-row :gutter="24">
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="查勘地址与登记地址是否一致:" class="form-item">
|
|
|
+ <el-radio-group v-model="t.isAddressSame" clearable placeholder="请选择">
|
|
|
+ <el-radio :value="true">是</el-radio>
|
|
|
+ <el-radio :value="false">否</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="实地查勘日期:" class="form-item">
|
|
|
+ <el-date-picker v-model="t.exploreDate" type="date" placeholder="请选择"
|
|
|
+ format="YYYY年MM月DD日" value-format="YYYY年MM月DD日" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="查勘之日与价值时点是否一致:" class="form-item">
|
|
|
+ <el-radio-group v-model="t.isDateTimeSame" clearable placeholder="请选择">
|
|
|
+ <el-radio :value="true">是</el-radio>
|
|
|
+ <el-radio :value="false">否</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="24">
|
|
|
+ <el-col :span="8" v-if="!t.isAddressSame">
|
|
|
+ <el-form-item label="地址不一致时是否开具地址证明:" class="form-item">
|
|
|
+ <el-radio-group v-model="t.isAddressCertificate" clearable placeholder="请选择">
|
|
|
+ <el-radio :value="true">是</el-radio>
|
|
|
+ <el-radio :value="false">否</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
</el-row>
|
|
|
+ <el-divider content-position="left"><span class="divide-span">依据不足假设</span></el-divider>
|
|
|
<el-row :gutter="24">
|
|
|
- <el-col :span="12" v-if="!t.hasBuildingYear">
|
|
|
- <el-form-item label="调查的建成年份:">
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="住宅获取土地信息:" class="form-item">
|
|
|
+ <el-radio-group v-model="t.houseGetLandInfo" clearable placeholder="请选择">
|
|
|
+ <el-radio :value="true">是</el-radio>
|
|
|
+ <el-radio :value="false">否</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="是否考虑建筑物残值:" class="form-item">
|
|
|
+ <el-radio-group v-model="t.isBuildingReduceValue" clearable placeholder="请选择">
|
|
|
+ <el-radio :value="true">是</el-radio>
|
|
|
+ <el-radio :value="false">否</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-divider content-position="left"><span class="divide-span">租赁权</span></el-divider>
|
|
|
+ <el-row :gutter="24">
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="估价对象是否已出租:" class="form-item">
|
|
|
+ <el-radio-group v-model="t.isRentOut" clearable placeholder="请选择" @change="handleIsRentOut(t)">
|
|
|
+ <el-radio :value="true">是</el-radio>
|
|
|
+ <el-radio :value="false">否</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="8" v-if="t.isRentOut">
|
|
|
+ <el-form-item label="是否提供租赁合同:" class="form-item">
|
|
|
+ <el-radio-group v-model="t.hasRentOutContract" clearable placeholder="请选择" @change="handleRentOutContract(t)">
|
|
|
+ <el-radio :value="true">是</el-radio>
|
|
|
+ <el-radio :value="false">否</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" v-if="t.isRentOut">
|
|
|
+ <el-form-item label="是否考虑租约限制:" class="form-item">
|
|
|
+ <el-radio-group v-model="t.isRentLimit" clearable placeholder="请选择" @change="handleisRentLimit(t)">
|
|
|
+ <el-radio :value="true">是</el-radio>
|
|
|
+ <el-radio :value="false">否</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="24" v-if="t.isRentOut">
|
|
|
+ <el-col :span="8" v-if="!t.isRentLimit">
|
|
|
+ <el-form-item label="未考虑租约限制原因:" class="form-item">
|
|
|
+ <el-select v-model="t.notRentLimitReason" clearable placeholder="请选择">
|
|
|
+ <el-option label="高于市场租金" value="高于市场租金" />
|
|
|
+ <el-option label="与市场租金相当" value="与市场租金相当" />
|
|
|
+ <el-option label="未提供合同" value="未提供合同" />
|
|
|
+ <el-option label="无" value="无" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" v-if="t.isRentLimit">
|
|
|
+ <el-form-item label="考虑租约限制原因:" class="form-item">
|
|
|
+ <el-select v-model="t.rentLimitReason" clearable placeholder="请选择">
|
|
|
+ <el-option label="低于市场租金" value="低于市场租金" />
|
|
|
+ <el-option label="无" value="无" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="租约起始日期:" class="form-item">
|
|
|
+ <el-date-picker v-model="t.rentStartDate" type="date" placeholder="请选择"
|
|
|
+ format="YYYY年MM月DD日" value-format="YYYY年MM月DD日" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="租约结束日期:" class="form-item">
|
|
|
+ <el-date-picker v-model="t.rentEndDate" type="date" placeholder="请选择"
|
|
|
+ format="YYYY年MM月DD日" value-format="YYYY年MM月DD日" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="24" v-if="t.isRentOut">
|
|
|
+ <el-col :span="8" v-if="t.hasRentOutContract">
|
|
|
+ <el-form-item label="价值时点租金:" class="form-item">
|
|
|
+ <el-input v-model="t.rentMoney" clearable />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" v-if="t.hasRentOutContract">
|
|
|
+ <el-form-item label="承租人:" class="form-item">
|
|
|
+ <el-input v-model="t.rentUser" clearable />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <!-- <el-form-item label="是否建筑物部分:" class="form-item">
|
|
|
+ <el-radio-group v-model="t.isPart">
|
|
|
+ <el-radio value="是">是</el-radio>
|
|
|
+ <el-radio value="否">否</el-radio>
|
|
|
+ <el-radio value="酒店部分">酒店部分</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="是否登记建成年份:" class="form-item">
|
|
|
+ <el-radio-group v-model="t.hasBuildingYear" @change="handleBuidingYear(t)">
|
|
|
+ <el-radio :value="true">是</el-radio>
|
|
|
+ <el-radio :value="false">否</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="调查的建成年份:" class="form-item">
|
|
|
<el-date-picker v-model="t.buildingYear" type="year" format="YYYY年"
|
|
|
value-format="YYYY年" placeholder>
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="国有土地证类型:">
|
|
|
+ <el-form-item label="国有土地证类型:" class="form-item">
|
|
|
<el-select v-model="t.landCertificateType" clearable placeholder="请选择">
|
|
|
<el-option label="无" value="无" />
|
|
|
<el-option label="大证" value="大证" />
|
|
|
<el-option label="分户土地证" value="分户土地证" />
|
|
|
</el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="24">
|
|
|
+ </el-form-item> -->
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <!-- <el-row :gutter="24">
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="土地用途:">
|
|
|
<el-radio-group v-model="t.landUseTo" >
|
|
|
@@ -452,34 +652,33 @@
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- </el-row>
|
|
|
+ </el-row> -->
|
|
|
+ <el-button style="float: right;" plain type="danger" @click="saveSupplement(t)">保存估价对象{{ t.tid }}的补充信息
|
|
|
+ <el-icon style="vertical-align: -20%;">
|
|
|
+ <ArrowRightBold />
|
|
|
+ </el-icon>
|
|
|
+ </el-button>
|
|
|
</el-form>
|
|
|
|
|
|
- </div> -->
|
|
|
- </el-tab-pane>
|
|
|
+ </div>
|
|
|
+ </el-tab-pane>
|
|
|
</el-tabs>
|
|
|
- <el-dialog
|
|
|
- v-model="certificateDialog"
|
|
|
- title="请添加估价对象标的物的权属证件"
|
|
|
- width="500"
|
|
|
- align-center
|
|
|
- @closed="cleanId"
|
|
|
- >
|
|
|
+ <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>
|
|
|
+ <el-checkbox label="《不动产权证书》" value="1" />
|
|
|
+ <el-checkbox label="《房屋所有权证》（新）" :disabled="newHouseDisable" value="2" />
|
|
|
+ <el-checkbox label="《房屋所有权证》（旧）" :disabled="oldHouseDisable" value="3" />
|
|
|
+ <el-checkbox label="《国有土地使用证》（新）" :disabled="newLandDisable" value="4" />
|
|
|
+ <el-checkbox label="《国有土地使用证》（旧）" :disabled="oldLandDisable" 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>
|
|
|
+ <div class="dialog-footer">
|
|
|
+ <el-button @click="certificateDialog = false">取消</el-button>
|
|
|
+ <el-button type="primary" @click="addCertificate()">
|
|
|
+ 添加
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
@@ -514,19 +713,38 @@ export default {
|
|
|
this.getCertificatesByTarget();
|
|
|
},
|
|
|
|
|
|
- watch:{
|
|
|
- activeName:{
|
|
|
- handler(nv,ov){
|
|
|
+ watch: {
|
|
|
+ activeName: {
|
|
|
+ handler(nv, ov) {
|
|
|
this.getTargetSupplement(nv);
|
|
|
},
|
|
|
- immediate:true
|
|
|
+ immediate: true
|
|
|
},
|
|
|
- // certificates:{
|
|
|
- // handler(nv,ov){
|
|
|
- // this.certificateActive = this.certificates[0].name
|
|
|
- // }
|
|
|
- // }
|
|
|
-
|
|
|
+ cers: {
|
|
|
+ handler(nv, ov) {
|
|
|
+ if (nv.includes('2')) {
|
|
|
+ this.oldHouseDisable = true;
|
|
|
+ } else {
|
|
|
+ this.oldHouseDisable = false;
|
|
|
+ }
|
|
|
+ if (nv.includes('3')) {
|
|
|
+ this.newHouseDisable = true;
|
|
|
+ } else {
|
|
|
+ this.newHouseDisable = false;
|
|
|
+ }
|
|
|
+ if (nv.includes('4')) {
|
|
|
+ this.oldLandDisable = true;
|
|
|
+ } else {
|
|
|
+ this.oldLandDisable = false;
|
|
|
+ }
|
|
|
+ if (nv.includes('5')) {
|
|
|
+ this.newLandDisable = true;
|
|
|
+ } else {
|
|
|
+ this.newLandDisable = false;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ }
|
|
|
+
|
|
|
},
|
|
|
|
|
|
data() {
|
|
|
@@ -534,12 +752,16 @@ export default {
|
|
|
activeName: '①',
|
|
|
docId: null,
|
|
|
targets: [],
|
|
|
- certificates:[],
|
|
|
- certificateActive:null,
|
|
|
- certificateDialog:false,
|
|
|
- tId:null,
|
|
|
- tNo:null,
|
|
|
- cers:[],
|
|
|
+ certificates: [],
|
|
|
+ certificateActive: null,
|
|
|
+ certificateDialog: false,
|
|
|
+ tId: null,
|
|
|
+ tNo: null,
|
|
|
+ cers: [],
|
|
|
+ newHouseDisable: false,
|
|
|
+ oldHouseDisable: false,
|
|
|
+ newLandDisable: false,
|
|
|
+ oldLandDisable: false
|
|
|
|
|
|
|
|
|
}
|
|
|
@@ -556,8 +778,8 @@ export default {
|
|
|
})
|
|
|
},
|
|
|
|
|
|
- handleIsRentOut(t){
|
|
|
- if (!t.isRentOut){
|
|
|
+ handleIsRentOut(t) {
|
|
|
+ if (!t.isRentOut) {
|
|
|
t.hasRentOutContract = null;
|
|
|
t.isRentLimit = null;
|
|
|
t.notRentLimitReason = null;
|
|
|
@@ -569,34 +791,34 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
|
|
|
- handleRentOutContract(t){
|
|
|
- if (!t.hasRentOutContract){
|
|
|
+ handleRentOutContract(t) {
|
|
|
+ if (!t.hasRentOutContract) {
|
|
|
t.rentMoney = null;
|
|
|
t.rentUser = null;
|
|
|
}
|
|
|
},
|
|
|
|
|
|
- handleisRentLimit(t){
|
|
|
- if (!t.isRentLimit){
|
|
|
+ handleisRentLimit(t) {
|
|
|
+ if (!t.isRentLimit) {
|
|
|
t.rentLimitReason = null;
|
|
|
}
|
|
|
- if (t.isRentLimit){
|
|
|
+ if (t.isRentLimit) {
|
|
|
t.notRentLimitReason = null;
|
|
|
}
|
|
|
},
|
|
|
- handleBuidingYear(t){
|
|
|
- if (t.hasBuildingYear){
|
|
|
+ handleBuidingYear(t) {
|
|
|
+ if (t.hasBuildingYear) {
|
|
|
t.buildingYear = null;
|
|
|
}
|
|
|
},
|
|
|
|
|
|
- saveSupplement(t){
|
|
|
- t.docId= this.docId;
|
|
|
+ saveSupplement(t) {
|
|
|
+ t.docId = this.docId;
|
|
|
t.baseInfo = JSON.stringify(t.list);
|
|
|
- houseGuaranty.saveSupplement(t).then(res=>{
|
|
|
- if (res.code === 200){
|
|
|
+ houseGuaranty.saveSupplement(t).then(res => {
|
|
|
+ if (res.code === 200) {
|
|
|
ElMessage({
|
|
|
- message: '估价对象'+t.tid+',补充信息已保存.',
|
|
|
+ message: '估价对象' + t.tid + ',补充信息已保存.',
|
|
|
type: 'success',
|
|
|
plain: true
|
|
|
})
|
|
|
@@ -605,12 +827,12 @@ export default {
|
|
|
})
|
|
|
},
|
|
|
|
|
|
- getTargetSupplement(tid){
|
|
|
- if (this.docId){
|
|
|
- houseGuaranty.getTarget(this.docId,tid).then(res=>{
|
|
|
- if (res.code ===200 && res.data!=null){
|
|
|
- for (let i in this.targets){
|
|
|
- if (this.targets[i].tid === tid){
|
|
|
+ getTargetSupplement(tid) {
|
|
|
+ if (this.docId) {
|
|
|
+ houseGuaranty.getTarget(this.docId, tid).then(res => {
|
|
|
+ if (res.code === 200 && res.data != null) {
|
|
|
+ for (let i in this.targets) {
|
|
|
+ if (this.targets[i].tid === tid) {
|
|
|
const list = this.targets[i].list;
|
|
|
this.targets[i] = res.data;
|
|
|
this.targets[i].list = list;
|
|
|
@@ -621,9 +843,9 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
|
|
|
- genConditionDoc(){
|
|
|
- houseGuaranty.genConditionDoc(this.docId).then(res=>{
|
|
|
- if (res.code === 200){
|
|
|
+ genConditionDoc() {
|
|
|
+ houseGuaranty.genConditionDoc(this.docId).then(res => {
|
|
|
+ if (res.code === 200) {
|
|
|
ElMessage({
|
|
|
message: '《估价的假设和限制条件及使用报告说明》生成成功',
|
|
|
type: 'success',
|
|
|
@@ -634,94 +856,135 @@ export default {
|
|
|
})
|
|
|
},
|
|
|
|
|
|
- clickAdd(id,no){
|
|
|
+ clickAdd(id, no) {
|
|
|
this.tId = id;
|
|
|
- this.tNo =no;
|
|
|
+ this.tNo = no;
|
|
|
this.certificateDialog = true;
|
|
|
},
|
|
|
|
|
|
- cleanId(){
|
|
|
+ cleanId() {
|
|
|
this.tId = null;
|
|
|
- this.tNo =null;
|
|
|
+ this.tNo = null;
|
|
|
this.cers = [];
|
|
|
|
|
|
},
|
|
|
|
|
|
- getCertificateInfoByTargetId(){
|
|
|
+ getCertificateInfoByTargetId() {
|
|
|
|
|
|
},
|
|
|
- addCertificate(){
|
|
|
+ addCertificate() {
|
|
|
const cers = this.cers;
|
|
|
- for (var i in cers){
|
|
|
- if (cers[i]=='1'){
|
|
|
+ for (var i in cers) {
|
|
|
+ if (cers[i] == '1') {
|
|
|
let fixed = new Object()
|
|
|
fixed.type = "1"
|
|
|
- fixed.name = "序号"+this.tNo+"《不动产权证书》"
|
|
|
+ fixed.name = "序号" + this.tNo + "《不动产权证书》"
|
|
|
fixed.certificate = {
|
|
|
- name:fixed.name,
|
|
|
- tid:this.tId,
|
|
|
- tno:this.tNo
|
|
|
+ name: fixed.name,
|
|
|
+ tid: this.tId,
|
|
|
+ tno: this.tNo
|
|
|
};
|
|
|
this.certificates.push(fixed);
|
|
|
}
|
|
|
- if (cers[i]=='2'){
|
|
|
+ if (cers[i] == '2') {
|
|
|
let fixed = new Object()
|
|
|
fixed.type = "2"
|
|
|
- fixed.name = "序号"+this.tNo+"《房屋所有权证》（新）"
|
|
|
+ fixed.name = "序号" + this.tNo + "《房屋所有权证》（新）"
|
|
|
fixed.certificate = {
|
|
|
- name:fixed.name,
|
|
|
- tid:this.tId,
|
|
|
- tno:this.tNo
|
|
|
+ name: fixed.name,
|
|
|
+ tid: this.tId,
|
|
|
+ tno: this.tNo
|
|
|
};
|
|
|
this.certificates.push(fixed);
|
|
|
}
|
|
|
- if (cers[i]=='3'){
|
|
|
+ if (cers[i] == '3') {
|
|
|
let fixed = new Object()
|
|
|
fixed.type = "3"
|
|
|
- fixed.name = "序号"+this.tNo+"《房屋所有权证》（旧）"
|
|
|
+ fixed.name = "序号" + this.tNo + "《房屋所有权证》（旧）"
|
|
|
fixed.certificate = {
|
|
|
- name:fixed.name,
|
|
|
- tid:this.tId,
|
|
|
- tno:this.tNo
|
|
|
+ name: fixed.name,
|
|
|
+ tid: this.tId,
|
|
|
+ tno: this.tNo
|
|
|
};
|
|
|
this.certificates.push(fixed);
|
|
|
}
|
|
|
- if (cers[i]=='4'){
|
|
|
+ if (cers[i] == '4') {
|
|
|
let fixed = new Object()
|
|
|
fixed.type = "4"
|
|
|
- fixed.name = "序号"+this.tNo+"《国有土地使用证》（新）"
|
|
|
+ fixed.name = "序号" + this.tNo + "《国有土地使用证》（新）"
|
|
|
fixed.certificate = {
|
|
|
- name:fixed.name,
|
|
|
- tid:this.tId,
|
|
|
- tno:this.tNo
|
|
|
+ name: fixed.name,
|
|
|
+ tid: this.tId,
|
|
|
+ tno: this.tNo
|
|
|
};
|
|
|
this.certificates.push(fixed);
|
|
|
}
|
|
|
- if (cers[i]=='5'){
|
|
|
+ if (cers[i] == '5') {
|
|
|
let fixed = new Object()
|
|
|
fixed.type = "5"
|
|
|
- fixed.name = "序号"+this.tNo+"《国有土地使用证》（旧）"
|
|
|
+ fixed.name = "序号" + this.tNo + "《国有土地使用证》（旧）"
|
|
|
fixed.certificate = {
|
|
|
- name:fixed.name,
|
|
|
- tid:this.tId,
|
|
|
- tno:this.tNo
|
|
|
+ name: fixed.name,
|
|
|
+ tid: this.tId,
|
|
|
+ tno: this.tNo
|
|
|
};
|
|
|
this.certificates.push(fixed);
|
|
|
}
|
|
|
- }
|
|
|
- this.certificateActive = this.certificates[0].name
|
|
|
- this.certificateDialog = false;
|
|
|
+ }
|
|
|
+ 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
|
|
|
+ removeTab(name) {
|
|
|
+ ElMessageBox.confirm('请确认是否删除此证件？', '警告', {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning',
|
|
|
+ draggable: true,
|
|
|
+ }).then(() => {
|
|
|
+ let d = this.certificates.filter(item => item.name == name);
|
|
|
+ let id = d[0].certificate.id;
|
|
|
+ if (id) {
|
|
|
+ if (d[0].type == '1') {
|
|
|
+ certFixedAssets.delete(d[0].certificate.id).then(res => {
|
|
|
+ if (res.code === 200 && res.data) {
|
|
|
+ ElMessage({
|
|
|
+ type: 'success',
|
|
|
+ message: '删除成功',
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ if (d[0].type == '2' || d[0].type == '3') {
|
|
|
+ certHouseOwn.delete(d[0].certificate.id).then(res => {
|
|
|
+ if (res.code === 200 && res.data) {
|
|
|
+ ElMessage({
|
|
|
+ type: 'success',
|
|
|
+ message: '删除成功',
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ if (d[0].type == '4' || d[0].type == '5') {
|
|
|
+ certLandUse.delete(d[0].certificate.id).then(res => {
|
|
|
+ if (res.code === 200 && res.data) {
|
|
|
+ ElMessage({
|
|
|
+ type: 'success',
|
|
|
+ message: '删除成功',
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ 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){
|
|
|
+ saveFixed(fixed) {
|
|
|
+ fixed.businessType = 'GUARANTY';
|
|
|
+ fixed.businessId = this.docId;
|
|
|
+ certFixedAssets.save(fixed).then(res => {
|
|
|
+ if (res.code === 200 && res.data) {
|
|
|
ElMessage({
|
|
|
message: '不动产权证保存成功',
|
|
|
type: 'success',
|
|
|
@@ -730,11 +993,11 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
- saveHouseOwn(house){
|
|
|
- house.businessType = 'HOUSE';
|
|
|
- house.businessId= this.docId;
|
|
|
- certHouseOwn.save(house).then(res=>{
|
|
|
- if(res.code === 200 && res.data){
|
|
|
+ saveHouseOwn(house) {
|
|
|
+ house.businessType = 'GUARANTY';
|
|
|
+ house.businessId = this.docId;
|
|
|
+ certHouseOwn.save(house).then(res => {
|
|
|
+ if (res.code === 200 && res.data) {
|
|
|
ElMessage({
|
|
|
message: '房产证保存成功',
|
|
|
type: 'success',
|
|
|
@@ -743,11 +1006,12 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
- saveLandUse(land){
|
|
|
- land.businessType = 'HOUSE';
|
|
|
- land.businessId= this.docId;
|
|
|
- certLandUse.save(land).then(res=>{
|
|
|
- if(res.code === 200 && res.data){
|
|
|
+ saveLandUse(land) {
|
|
|
+ land.businessType = 'GUARANTY';
|
|
|
+ land.businessId = this.docId;
|
|
|
+ console.log(land)
|
|
|
+ certLandUse.save(land).then(res => {
|
|
|
+ if (res.code === 200 && res.data) {
|
|
|
ElMessage({
|
|
|
message: '土地证保存成功',
|
|
|
type: 'success',
|
|
|
@@ -757,57 +1021,59 @@ export default {
|
|
|
})
|
|
|
},
|
|
|
|
|
|
- getCertificatesByTarget(){
|
|
|
- certFixedAssets.getCertificates(this.docId,this.activeName).then(res=>{
|
|
|
- if (res.code === 200){
|
|
|
- for (let i in res.data){
|
|
|
+ getCertificatesByTarget() {
|
|
|
+ certFixedAssets.getCertificates(this.docId, this.activeName).then(res => {
|
|
|
+ if (res.code === 200 && res.data.length > 0) {
|
|
|
+ for (let i in res.data) {
|
|
|
let ob = new Object();
|
|
|
ob.certificate = res.data[i]
|
|
|
- ob.type="1",
|
|
|
- ob.name="序号"+res.data[i].tno+"《不动产权证书》"
|
|
|
+ ob.type = "1",
|
|
|
+ ob.name = "序号" + res.data[i].tno + "《不动产权证书》"
|
|
|
+ ob.certificate.name = ob.name
|
|
|
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){
|
|
|
+ certHouseOwn.getCertificates(this.docId, this.activeName).then(res => {
|
|
|
+ if (res.code === 200 && res.data.length > 0) {
|
|
|
+ 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"
|
|
|
+ if (res.data[i].isNew) {
|
|
|
+ ob.name = "序号" + res.data[i].tno + "《房屋所有权证》（新）"
|
|
|
+ ob.type = "2"
|
|
|
+ } else {
|
|
|
+ ob.name = "序号" + res.data[i].tno + "《房屋所有权证》（旧）"
|
|
|
+ ob.type = "3"
|
|
|
}
|
|
|
+ ob.certificate.name = ob.name
|
|
|
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){
|
|
|
+ certLandUse.getCertificates(this.docId, this.activeName).then(res => {
|
|
|
+ if (res.code === 200 && res.data.length > 0) {
|
|
|
+ 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"
|
|
|
+ if (res.data[i].isNew) {
|
|
|
+ ob.name = "序号" + res.data[i].tno + "《国有土地使用证》（新）"
|
|
|
+ ob.type = "4"
|
|
|
+ } else {
|
|
|
+ ob.name = "序号" + res.data[i].tno + "《国有土地使用证》（旧）"
|
|
|
+ ob.type = "5"
|
|
|
}
|
|
|
+ ob.certificate.name = ob.name
|
|
|
this.certificates.push(ob)
|
|
|
}
|
|
|
this.certificateActive = this.certificates[0].name;
|
|
|
-
|
|
|
}
|
|
|
})
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
|
|
|
}
|
|
|
@@ -832,10 +1098,14 @@ export default {
|
|
|
font-weight: 900;
|
|
|
}
|
|
|
|
|
|
-.genBtn{
|
|
|
+.genBtn {
|
|
|
float: right;
|
|
|
margin-top: 30px;
|
|
|
}
|
|
|
+.divide-span{
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
|
|
|
/* .el-radio-group {
|
|
|
--el-radio-group-width: 220px;
|
|
|
@@ -845,11 +1115,11 @@ export default {
|
|
|
--el-input-width: 100%;
|
|
|
} */
|
|
|
|
|
|
-:deep(.el-select){
|
|
|
+:deep(.el-select) {
|
|
|
width: 220px;
|
|
|
}
|
|
|
|
|
|
-:deep(.el-input){
|
|
|
+:deep(.el-input) {
|
|
|
width: 220px;
|
|
|
}
|
|
|
|
|
|
@@ -879,5 +1149,6 @@ export default {
|
|
|
|
|
|
:deep(.el-radio__input.is-checked+.el-radio__label) {
|
|
|
color: #ff6154;
|
|
|
+
|
|
|
}
|
|
|
</style>
|
