|
|
|
@ -1,21 +1,20 @@ |
|
|
|
<template> |
|
|
|
<div class="resi-container"> |
|
|
|
<el-card ref="searchCard" |
|
|
|
class="search-card"> |
|
|
|
<el-form ref="searchForm" |
|
|
|
:inline="true" |
|
|
|
<div class="div_main"> |
|
|
|
<div ref="searchForm" |
|
|
|
class="div_search"> |
|
|
|
|
|
|
|
<el-form :inline="true" |
|
|
|
:model="fmData" |
|
|
|
:label-width="'100px'" |
|
|
|
class="demo-form-inline"> |
|
|
|
<div> |
|
|
|
:label-width="'100px'"> |
|
|
|
|
|
|
|
<el-form-item prop="gridId" |
|
|
|
label="所属网格"> |
|
|
|
<div class="resi-cell-value"> |
|
|
|
|
|
|
|
<el-select v-model.trim="fmData.gridId" |
|
|
|
placeholder="请选择网格" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="resi-cell-select" |
|
|
|
class="item_width_normal" |
|
|
|
@change="handleChangeGrid"> |
|
|
|
<el-option v-for="item in optionsG" |
|
|
|
:key="item.value" |
|
|
|
@ -23,17 +22,15 @@ |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="所属房屋"> |
|
|
|
<div class="resi-cell-value"> |
|
|
|
<div class="resi-cell-col"> |
|
|
|
<el-form-item prop="villageId"> |
|
|
|
|
|
|
|
<el-select v-model.trim="fmData.villageId" |
|
|
|
placeholder="请选择小区" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="resi-cell-select" |
|
|
|
class="item_width_communitycascader" |
|
|
|
@change="handleChangeV"> |
|
|
|
<el-option v-for="item in optionsV" |
|
|
|
:key="item.value" |
|
|
|
@ -41,14 +38,14 @@ |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="buildId"> |
|
|
|
|
|
|
|
<el-select v-model.trim="fmData.buildId" |
|
|
|
placeholder="楼号" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
:disabled="changeVDisabled" |
|
|
|
class="resi-cell-select resi-cell-select-middle" |
|
|
|
class="item_width_buildcascader" |
|
|
|
style="margin-left:5px" |
|
|
|
@change="handleChangeB"> |
|
|
|
<el-option v-for="item in optionsB" |
|
|
|
:key="item.value" |
|
|
|
@ -56,14 +53,14 @@ |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="unitId"> |
|
|
|
|
|
|
|
<el-select v-model.trim="fmData.unitId" |
|
|
|
placeholder="单元" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
:disabled="changeBDisabled" |
|
|
|
class="resi-cell-select resi-cell-select-middle" |
|
|
|
class="item_width_buildcascader" |
|
|
|
style="margin-left:5px" |
|
|
|
@change="handleChangeD"> |
|
|
|
<el-option v-for="item in optionsD" |
|
|
|
:key="item.value" |
|
|
|
@ -71,31 +68,27 @@ |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="homeId"> |
|
|
|
|
|
|
|
<el-select v-model.trim="fmData.homeId" |
|
|
|
placeholder="房号" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
:disabled="changeDDisabled" |
|
|
|
class="resi-cell-select resi-cell-select-middle"> |
|
|
|
class="item_width_buildcascader" |
|
|
|
style="margin-left:5px"> |
|
|
|
<el-option v-for="item in optionsH" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div> |
|
|
|
<el-form-item label="姓名" |
|
|
|
prop="name"> |
|
|
|
<el-input v-model="fmData.name" |
|
|
|
class="resi-cell-input" |
|
|
|
class="item_width_normal" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入"> |
|
|
|
@ -105,7 +98,7 @@ |
|
|
|
<el-form-item label="手机号" |
|
|
|
prop="mobile"> |
|
|
|
<el-input v-model="fmData.mobile" |
|
|
|
class="resi-cell-input" |
|
|
|
class="item_width_normal" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入"> |
|
|
|
@ -115,14 +108,13 @@ |
|
|
|
<el-form-item label="证件号" |
|
|
|
prop="idCard"> |
|
|
|
<el-input v-model="fmData.idCard" |
|
|
|
class="resi-cell-input" |
|
|
|
class="item_width_normal" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
|
|
|
|
<el-form-item label="迁入时间" |
|
|
|
prop="startTime"> |
|
|
|
<el-date-picker v-model="rangeTime" |
|
|
|
@ -130,7 +122,8 @@ |
|
|
|
range-separator="至" |
|
|
|
start-placeholder="开始日期" |
|
|
|
end-placeholder="结束日期" |
|
|
|
value-format="yyyy-MM-dd"> |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
class="item_width_daterange2"> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
@ -140,8 +133,7 @@ |
|
|
|
placeholder="享受福利" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
style="width: 120px" |
|
|
|
class="resi-cell-select"> |
|
|
|
class="item_width_normal"> |
|
|
|
<el-option v-for="item in optionsWelfare" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
@ -150,24 +142,28 @@ |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item> |
|
|
|
<el-button class="diy-button--search" |
|
|
|
size="small" |
|
|
|
@click="handleSearch">查询</el-button> |
|
|
|
<el-button class="diy-button--reset" |
|
|
|
<div class="div_search_btn"> |
|
|
|
<el-button class="diy-button--white" |
|
|
|
size="small" |
|
|
|
@click="resetForm('searchForm')">重置</el-button> |
|
|
|
</el-form-item> |
|
|
|
<el-button style="margin-left:10px" |
|
|
|
size="small" |
|
|
|
class="diy-button--blue" |
|
|
|
@click="handleSearch">查询</el-button> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</el-form> |
|
|
|
</el-card> |
|
|
|
<el-card class="resi-card-table"> |
|
|
|
<div class="resi-row-btn"> |
|
|
|
<el-button class="diy-button--add" |
|
|
|
</div> |
|
|
|
<div class="div_table"> |
|
|
|
<div class="div_btn"> |
|
|
|
<div class="div_btn_left"> |
|
|
|
<el-button class="diy-button--blue" |
|
|
|
icon="el-icon-plus" |
|
|
|
size="small" |
|
|
|
@click="handleAdd">迁入登记</el-button> |
|
|
|
<el-button v-if="false" |
|
|
|
class="diy-button--export" |
|
|
|
class="diy-button--white" |
|
|
|
size="small" |
|
|
|
@click="handleExportModule('room')">下载模板</el-button> |
|
|
|
<el-upload :headers="$getElUploadHeaders()" |
|
|
|
@ -185,18 +181,19 @@ |
|
|
|
:before-upload="beforeExcelUpload" |
|
|
|
:http-request="uploadHttpRequest"> |
|
|
|
<el-button size="small" |
|
|
|
class="diy-button--delete" |
|
|
|
class="diy-button--white" |
|
|
|
:loading="importLoading">{{ importBtnTitle }}</el-button> |
|
|
|
</el-upload> |
|
|
|
|
|
|
|
<el-button @click="handleChu" |
|
|
|
class="diy-button--reset" |
|
|
|
class="diy-button--white" |
|
|
|
size="small">导出</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="div_table_item"> |
|
|
|
<el-table :data="tableData" |
|
|
|
border |
|
|
|
style="width: 100%" |
|
|
|
class="resi-table" |
|
|
|
:height="tableHeight"> |
|
|
|
<el-table-column label="序号" |
|
|
|
fixed="left" |
|
|
|
@ -294,22 +291,23 @@ |
|
|
|
<el-table-column fixed="right" |
|
|
|
label="操作" |
|
|
|
align="center" |
|
|
|
width="150"> |
|
|
|
width="190"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button v-if="false" |
|
|
|
@click="handleWatch(scope.$index)" |
|
|
|
type="text" |
|
|
|
class="div-table-button--blue" |
|
|
|
size="small">查看</el-button> |
|
|
|
|
|
|
|
<el-button @click="handleEdit(scope.$index)" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
class="div-table-button--edit">修改</el-button> |
|
|
|
class="div-table-button--blue">修改</el-button> |
|
|
|
|
|
|
|
<el-button @click="handleChangeRecord(scope.row)" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
class="div-table-button--detail">变更记录</el-button> |
|
|
|
class="div-table-button--blue">变更记录</el-button> |
|
|
|
|
|
|
|
<el-popconfirm v-if="false" |
|
|
|
title="删除之后无法回复，确认删除？" |
|
|
|
@ -328,7 +326,7 @@ |
|
|
|
<el-button slot="reference" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
class="div-table-button--delete" |
|
|
|
class="div-table-button--blue" |
|
|
|
style="margin-left: 10px">删除</el-button> |
|
|
|
</el-popconfirm> |
|
|
|
</template> |
|
|
|
@ -345,14 +343,15 @@ |
|
|
|
:total="total"> |
|
|
|
</el-pagination> |
|
|
|
</div> |
|
|
|
</el-card> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 修改弹出框 --> |
|
|
|
<el-dialog :visible.sync="formShow" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
:title="formTitle" |
|
|
|
width="850px" |
|
|
|
width="670px" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h" |
|
|
|
@closed="handleClose"> |
|
|
|
@ -367,7 +366,7 @@ |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
:title="'迁入详情'" |
|
|
|
width="850px" |
|
|
|
width="670px" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h" |
|
|
|
@closed="detailFormCancle"> |
|
|
|
@ -500,8 +499,9 @@ export default { |
|
|
|
this.getGridList() |
|
|
|
this.getValiheList() |
|
|
|
this.getTableData() |
|
|
|
this.searchH = this.$refs.searchCard.$el.offsetHeight + 270 |
|
|
|
console.log('searchH----', this.$refs.searchCard.$el.offsetHeight) |
|
|
|
|
|
|
|
this.searchH = this.$refs.searchForm.offsetHeight + 300 |
|
|
|
console.log('searchH----', this.$refs.searchForm.offsetHeight) |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
diaClose () { |
|
|
|
@ -976,85 +976,5 @@ export default { |
|
|
|
</script> |
|
|
|
|
|
|
|
<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; |
|
|
|
} |
|
|
|
} |
|
|
|
.resi-card-table { |
|
|
|
margin-top: 20px; |
|
|
|
} |
|
|
|
.resi-row-btn { |
|
|
|
margin-bottom: 13px; |
|
|
|
.upload-btn { |
|
|
|
display: inline-block; |
|
|
|
margin: 0 10px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.resi-btns { |
|
|
|
margin-top: 20px; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
|
|
|
|
.resi-container .resi-card { |
|
|
|
position: relative; |
|
|
|
overflow: visible; |
|
|
|
} |
|
|
|
|
|
|
|
.demo-form-inline { |
|
|
|
// display: flex; |
|
|
|
// align-items: center; |
|
|
|
// margin-bottom: 20px; |
|
|
|
|
|
|
|
.resi-cell-label { |
|
|
|
flex-shrink: 0; |
|
|
|
min-width: 0; |
|
|
|
box-sizing: border-box; |
|
|
|
margin-right: 15px; |
|
|
|
// text-align: right; |
|
|
|
// line-height: 32; |
|
|
|
} |
|
|
|
.resi-cell-label1 { |
|
|
|
width: max-content; |
|
|
|
} |
|
|
|
.resi-cell-value-radio { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
min-height: 32px; |
|
|
|
} |
|
|
|
.resi-cell-input { |
|
|
|
width: 200px; |
|
|
|
} |
|
|
|
.resi-cell--daterange { |
|
|
|
max-width: 260px; |
|
|
|
} |
|
|
|
.resi-cell-select { |
|
|
|
width: 200px; |
|
|
|
box-sizing: border-box; |
|
|
|
margin-right: 10px; |
|
|
|
&-middle { |
|
|
|
width: 120px; |
|
|
|
} |
|
|
|
&-small { |
|
|
|
width: 88px; |
|
|
|
} |
|
|
|
} |
|
|
|
.resi-cell-select:last-child { |
|
|
|
margin-right: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.mt10 { |
|
|
|
margin-top: 10px; |
|
|
|
} |
|
|
|
@import "@/assets/scss/modules/management/list-main.scss"; |
|
|
|
</style> |
|
|
|
|
dai
3 years ago