|
|
@ -1,109 +1,99 @@ |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<div class="dialog-h-content scroll-h"> |
|
|
|
<div v-if="initLoading" class="m-detail-main m-detail-main-2row"> |
|
|
|
<div v-if="initLoading" |
|
|
|
class="m-detail-main m-detail-main-2row"> |
|
|
|
<div class="m-info-2row"> |
|
|
|
<div class="m-info-prop"> |
|
|
|
<span class="u-info-title u-info-title-100">所属楼栋:</span> |
|
|
|
<span |
|
|
|
>{{ dataForm.neighborHoodName }}-{{ dataForm.buildingName }}</span |
|
|
|
> |
|
|
|
<span class="u-info-title u-info-title-80">所属楼栋:</span> |
|
|
|
<span>{{ dataForm.neighborHoodName }}-{{ dataForm.buildingName }}</span> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="m-info-prop"> |
|
|
|
<span class="u-info-title u-info-title-100">单元号:</span> |
|
|
|
<span class="u-info-title u-info-title-80">单元号:</span> |
|
|
|
<span>{{ dataForm.unitName ? dataForm.unitName : "--" }}</span> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="m-info-prop"> |
|
|
|
<span class="u-info-title u-info-title-100">门牌号:</span> |
|
|
|
<span class="u-info-title u-info-title-80">门牌号:</span> |
|
|
|
<span>{{ dataForm.doorName }}</span> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="m-info-prop"> |
|
|
|
<span class="u-info-title u-info-title-100">房屋类型:</span> |
|
|
|
<span class="u-info-title u-info-title-80">房屋类型:</span> |
|
|
|
<span>{{ |
|
|
|
dataForm.houseTypeName ? dataForm.houseTypeName : "--" |
|
|
|
}}</span> |
|
|
|
</div> |
|
|
|
<div class="m-info-prop"> |
|
|
|
<span class="u-info-title u-info-title-100">房屋用途:</span> |
|
|
|
<span class="u-info-title u-info-title-80">房屋用途:</span> |
|
|
|
<span>{{ |
|
|
|
dataForm.purposeName ? dataForm.purposeName : "--" |
|
|
|
}}</span> |
|
|
|
</div> |
|
|
|
<div class="m-info-prop"> |
|
|
|
<span class="u-info-title u-info-title-100">房屋状态:</span> |
|
|
|
<span class="u-info-title u-info-title-80">房屋状态:</span> |
|
|
|
<span>{{ dataForm.rentName ? dataForm.rentName : "--" }}</span> |
|
|
|
</div> |
|
|
|
<div class="m-info-prop"> |
|
|
|
<span class="u-info-title u-info-title-100">房主姓名:</span> |
|
|
|
<span class="u-info-title u-info-title-80">房主姓名:</span> |
|
|
|
<span>{{ dataForm.ownerName ? dataForm.ownerName : "--" }}</span> |
|
|
|
</div> |
|
|
|
<div class="m-info-prop"> |
|
|
|
<span class="u-info-title u-info-title-100">联系方式:</span> |
|
|
|
<span class="u-info-title u-info-title-80">联系电话:</span> |
|
|
|
<span class="info-mingan">{{ |
|
|
|
dataForm.showOwnerPhone ? dataForm.showOwnerPhone : "--" |
|
|
|
}}</span> |
|
|
|
<el-button |
|
|
|
v-if="view_real_data && dataForm.showOwnerPhone" |
|
|
|
<el-button v-if="view_real_data && dataForm.showOwnerPhone" |
|
|
|
style="margin-left: 10px" |
|
|
|
type="text" |
|
|
|
class="div-table-button--blue" |
|
|
|
icon="el-icon-view" |
|
|
|
size="small" |
|
|
|
@click="handleTuomin('phone')" |
|
|
|
>显示</el-button |
|
|
|
> |
|
|
|
@click="handleTuomin('phone')">显示</el-button> |
|
|
|
</div> |
|
|
|
<div class="m-info-prop"> |
|
|
|
<span class="u-info-title u-info-title-100">房主身份证:</span> |
|
|
|
<span class="u-info-title u-info-title-80">证件号:</span> |
|
|
|
<span class="info-mingan">{{ |
|
|
|
dataForm.showOwnerIdCard ? dataForm.showOwnerIdCard : "--" |
|
|
|
}}</span> |
|
|
|
<el-button |
|
|
|
v-if="view_real_data && dataForm.showOwnerIdCard" |
|
|
|
<el-button v-if="view_real_data && dataForm.showOwnerIdCard" |
|
|
|
style="margin-left: 10px" |
|
|
|
type="text" |
|
|
|
class="div-table-button--blue" |
|
|
|
icon="el-icon-view" |
|
|
|
size="small" |
|
|
|
@click="handleTuomin('idcard')" |
|
|
|
>显示</el-button |
|
|
|
> |
|
|
|
@click="handleTuomin('idcard')">显示</el-button> |
|
|
|
</div> |
|
|
|
<div class="m-info-prop"> |
|
|
|
<span class="u-info-title u-info-title-100">备注:</span> |
|
|
|
<span class="u-info-title u-info-title-80">备注:</span> |
|
|
|
<span>{{ dataForm.remark ? dataForm.remark : "--" }}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="m-info-2row"> |
|
|
|
<div class="m-info-prop"> |
|
|
|
<span class="u-info-title u-info-title-100">房屋编码:</span> |
|
|
|
<span class="u-info-title u-info-title-80">房屋编码:</span> |
|
|
|
<span>{{ dataForm.coding ? dataForm.coding : "--" }}</span> |
|
|
|
</div> |
|
|
|
<div v-if="dataForm.houseQrcodeUrl" class="m-info-prop"> |
|
|
|
<span class="u-info-title u-info-title-100">二维码:</span> |
|
|
|
<div v-if="dataForm.houseQrcodeUrl" |
|
|
|
class="m-info-prop"> |
|
|
|
<span class="u-info-title u-info-title-80">二维码:</span> |
|
|
|
<div style="display: flex; flex-direction: column"> |
|
|
|
<img |
|
|
|
style="margin-left: 20px; width: 150px" |
|
|
|
:src="dataForm.houseQrcodeUrl" |
|
|
|
/> |
|
|
|
<a |
|
|
|
style="margin-left: 30px; margin-top: 20px" |
|
|
|
<img style="margin-left: 0; width: 150px" |
|
|
|
:src="dataForm.houseQrcodeUrl" /> |
|
|
|
<a style="margin-left: 0; margin-top: 20px" |
|
|
|
class="div-table-button--blue" |
|
|
|
:href="dataForm.houseQrcodeUrl" |
|
|
|
target="_blank" |
|
|
|
><i class="el-icon-download"></i>下载</a |
|
|
|
> |
|
|
|
target="_blank"><i class="el-icon-download"></i>下载</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="m-detail-btn"> |
|
|
|
<el-button size="small" @click="handleCancle">关 闭</el-button> |
|
|
|
<el-button size="small" |
|
|
|
@click="handleCancle">关 闭</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|