|
|
|
@ -1,8 +1,8 @@ |
|
|
|
<template> |
|
|
|
<el-card shadow="never" class="aui-card--fill"> |
|
|
|
<div class="mod-rent__rentHouse}"> |
|
|
|
<div class="mod-rent__rentHouse} resi-container"> |
|
|
|
<el-card ref="searchCard" class="search-card"> |
|
|
|
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()" label-width="70px"> |
|
|
|
<el-form-item label="所属网格" |
|
|
|
<el-form-item label="所属网格" size="small" label-width="100px" |
|
|
|
prop="gridId"> |
|
|
|
<el-select |
|
|
|
v-model.trim="dataForm.gridId" |
|
|
|
@ -19,11 +19,11 @@ |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="所属房屋" > |
|
|
|
<el-form-item label="所属房屋" label-width="100px"> |
|
|
|
<div class="resi-cell-value"> |
|
|
|
<div class="resi-cell-col"> |
|
|
|
<el-form-item prop="villageId"> |
|
|
|
<el-select |
|
|
|
<el-select size="small" |
|
|
|
v-model.trim="dataForm.villageId" |
|
|
|
placeholder="请选择小区" |
|
|
|
clearable |
|
|
|
@ -40,7 +40,7 @@ |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="buildId"> |
|
|
|
<el-select |
|
|
|
<el-select size="small" |
|
|
|
v-model.trim="dataForm.buildId" |
|
|
|
placeholder="楼号" |
|
|
|
clearable |
|
|
|
@ -59,7 +59,7 @@ |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="unitId"> |
|
|
|
<el-select |
|
|
|
<el-select size="small" |
|
|
|
v-model.trim="dataForm.unitId" |
|
|
|
:disabled="changeBDisabled" |
|
|
|
placeholder="单元" |
|
|
|
@ -78,7 +78,7 @@ |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="homeId"> |
|
|
|
<el-select |
|
|
|
<el-select size="small" |
|
|
|
v-model.trim="dataForm.homeId" |
|
|
|
:disabled="changeDDisabled" |
|
|
|
placeholder="房号" |
|
|
|
@ -99,7 +99,7 @@ |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<br/> |
|
|
|
<el-form-item label="姓名" |
|
|
|
<el-form-item label="姓名" label-width="100px" |
|
|
|
prop="ownerName"> |
|
|
|
<el-input v-model="dataForm.ownerName" |
|
|
|
size="small" |
|
|
|
@ -108,16 +108,16 @@ |
|
|
|
placeholder="请输入姓名"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="身份证" |
|
|
|
<el-form-item label="证件号" label-width="100px" |
|
|
|
prop="ownerIdCard"> |
|
|
|
<el-input v-model="dataForm.ownerIdCard" |
|
|
|
size="small" |
|
|
|
class="list_item_width_1" |
|
|
|
clearable |
|
|
|
placeholder="请输入身份证"> |
|
|
|
placeholder="请输入证件号"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="手机" |
|
|
|
<el-form-item label="手机" label-width="100px" |
|
|
|
prop="ownerPhone"> |
|
|
|
<el-input v-model="dataForm.ownerPhone" |
|
|
|
size="small" |
|
|
|
@ -127,13 +127,13 @@ |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
<br/> |
|
|
|
<el-form-item label="房屋状态" prop="rentFlag"> |
|
|
|
<el-select v-model="dataForm.rentFlag" placeholder="房屋状态" clearable> |
|
|
|
<el-form-item label="房屋状态" prop="rentFlag" label-width="100px"> |
|
|
|
<el-select size="small" v-model="dataForm.rentFlag" placeholder="房屋状态" clearable> |
|
|
|
<el-option v-for="item in rentFlagArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="购房时间" |
|
|
|
<el-form-item label="购房时间" label-width="100px" |
|
|
|
prop="startTime"> |
|
|
|
<el-date-picker v-model="timeRange" |
|
|
|
type="daterange" |
|
|
|
@ -151,17 +151,16 @@ |
|
|
|
<el-form-item> |
|
|
|
<el-button class="diy-button--reset" size="small" @click="resetForm">重置</el-button> |
|
|
|
</el-form-item> |
|
|
|
<br/> |
|
|
|
<el-form-item> |
|
|
|
<el-button type="primary" size="small" @click="handleEdit()">{{ '购房登记' }}</el-button> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
<el-button type="warning" size="small" @click="exportHandle()">{{ $t('export') }}</el-button> |
|
|
|
</el-form-item> |
|
|
|
<!--<el-form-item>--> |
|
|
|
<!--<el-button type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>--> |
|
|
|
<!--</el-form-item>--> |
|
|
|
</el-form> |
|
|
|
</el-card> |
|
|
|
<el-card class="resi-card-table"> |
|
|
|
<div style="margin-bottom: 13px;"> |
|
|
|
<el-button type="primary" size="small" @click="handleEdit()">{{ '购房登记' }}</el-button> |
|
|
|
<el-button type="warning" size="small" @click="exportHandle()">{{ $t('export') }}</el-button> |
|
|
|
</div> |
|
|
|
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%"> |
|
|
|
<el-table-column label="序号" |
|
|
|
type="index" |
|
|
|
@ -222,7 +221,7 @@ |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="ownerName" label="房主姓名" header-align="center" align="center" min-width="70" show-overflow-tooltip></el-table-column> |
|
|
|
<el-table-column prop="ownerPhone" label="房主电话" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column prop="ownerIdCard" label="房主身份证号" header-align="center" align="center" show-overflow-tooltip></el-table-column> |
|
|
|
<el-table-column prop="ownerIdCard" label="房主证件号" header-align="center" align="center" show-overflow-tooltip></el-table-column> |
|
|
|
<el-table-column prop="purchaseDate" label="购房日期" header-align="center" align="center" min-width="100" show-overflow-tooltip></el-table-column> |
|
|
|
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
@ -240,6 +239,7 @@ |
|
|
|
@size-change="pageSizeChangeHandle" |
|
|
|
@current-change="pageCurrentChangeHandle"> |
|
|
|
</el-pagination> |
|
|
|
</el-card> |
|
|
|
<!-- 弹窗, 新增 / 修改 --> |
|
|
|
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> |
|
|
|
<!-- 购房登记弹出框 --> |
|
|
|
@ -256,7 +256,6 @@ |
|
|
|
@dialogOk="addFormOk"></room-form> |
|
|
|
</el-dialog> |
|
|
|
</div> |
|
|
|
</el-card> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
@ -512,3 +511,69 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
<style lang="scss" scoped> |
|
|
|
.blacklist-reason { |
|
|
|
width: 100%; |
|
|
|
height: 80px; |
|
|
|
border: 1px solid #e4e4e4; |
|
|
|
border-radius: 4px; |
|
|
|
resize: none; |
|
|
|
padding: 8px; |
|
|
|
box-sizing: border-box; |
|
|
|
} |
|
|
|
</style> |
|
|
|
<style lang="scss" scoped> |
|
|
|
@import "@/assets/scss/buttonstyle.scss"; |
|
|
|
|
|
|
|
.resi-container .resi-card-table { |
|
|
|
::v-deep .el-table th { |
|
|
|
color: #fff; |
|
|
|
background-color: rgba(33, 149, 254, 1); |
|
|
|
// border-right: 1px solid rgba(33, 149, 254, 1); |
|
|
|
} |
|
|
|
} |
|
|
|
.resi-table { |
|
|
|
::v-deep .el-button--text { |
|
|
|
text-decoration: underline; |
|
|
|
} |
|
|
|
::v-deep .btn-color-del { |
|
|
|
margin-left: 10px; |
|
|
|
color: rgba(213, 16, 16, 1); |
|
|
|
} |
|
|
|
::v-deep .btn-color-edit { |
|
|
|
color: rgba(0, 167, 169, 1); |
|
|
|
} |
|
|
|
} |
|
|
|
.form-wr { |
|
|
|
.input-width { |
|
|
|
width: 260px; |
|
|
|
|
|
|
|
} |
|
|
|
.input-width-textarea { |
|
|
|
width: 500px; |
|
|
|
} |
|
|
|
.imsg-list { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
.imgs-item { |
|
|
|
position: relative; |
|
|
|
margin-right: 10px; |
|
|
|
.el-icon-delete { |
|
|
|
position: absolute; |
|
|
|
top: 0; |
|
|
|
right: 0; |
|
|
|
font-size: 18px; |
|
|
|
color: red; |
|
|
|
z-index: 3; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.div-content { |
|
|
|
width: 100%; |
|
|
|
overflow: hidden; |
|
|
|
text-overflow: ellipsis; |
|
|
|
white-space: nowrap; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
zhangyuan
3 years ago