|
|
@ -5,191 +5,191 @@ |
|
|
|
ref="searchForm" |
|
|
|
:inline="true" |
|
|
|
:model="fmData" |
|
|
|
:label-width="'100px'" |
|
|
|
class="demo-form-inline" |
|
|
|
> |
|
|
|
<el-row class="resi-row"> |
|
|
|
<el-col :span="6"> |
|
|
|
<div class="resi-cell2"> |
|
|
|
<div class="resi-cell2-label">所属网格</div> |
|
|
|
<div class="resi-cell2-value"> |
|
|
|
<el-select |
|
|
|
v-model.trim="fmData.gridId" |
|
|
|
placeholder="请选择" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="resi-cell2-select" |
|
|
|
@change="handleChangeGrid" |
|
|
|
<div> |
|
|
|
<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" |
|
|
|
@change="handleChangeGrid" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsG" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsG" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="18"> |
|
|
|
<div class="resi-cell2"> |
|
|
|
<div class="resi-cell2-label">所属房屋</div> |
|
|
|
<div class="resi-cell2-value"> |
|
|
|
<el-select |
|
|
|
v-model.trim="fmData.villageId" |
|
|
|
placeholder="请选择小区" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="resi-cell2-select" |
|
|
|
@clear="handleClearVillage" |
|
|
|
@change="handleChangeV" |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="所属房屋"> |
|
|
|
<div class="resi-cell-value"> |
|
|
|
<el-select |
|
|
|
v-model.trim="fmData.villageId" |
|
|
|
placeholder="请选择小区" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="resi-cell-select" |
|
|
|
@clear="handleClearVillage" |
|
|
|
@change="handleChangeV" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsV" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsV" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
<el-select |
|
|
|
v-model.trim="fmData.buildId" |
|
|
|
placeholder="楼号" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
style="width: 120px" |
|
|
|
class="resi-cell2-select" |
|
|
|
:disabled="changeVDisabled" |
|
|
|
@clear="handleClearBuild" |
|
|
|
@change="handleChangeB" |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
<el-select |
|
|
|
v-model.trim="fmData.buildId" |
|
|
|
placeholder="楼号" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
style="width: 120px" |
|
|
|
class="resi-cell-select" |
|
|
|
:disabled="changeVDisabled" |
|
|
|
@clear="handleClearBuild" |
|
|
|
@change="handleChangeB" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsB" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsB" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
<el-select |
|
|
|
v-model.trim="fmData.unitId" |
|
|
|
:disabled="changeBDisabled" |
|
|
|
placeholder="单元" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
style="width: 120px" |
|
|
|
class="resi-cell2-select" |
|
|
|
@click="handleClearDan" |
|
|
|
@change="handleChangeD" |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
<el-select |
|
|
|
v-model.trim="fmData.unitId" |
|
|
|
:disabled="changeBDisabled" |
|
|
|
placeholder="单元" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
style="width: 120px" |
|
|
|
class="resi-cell-select" |
|
|
|
@click="handleClearDan" |
|
|
|
@change="handleChangeD" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsD" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsD" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
<el-select |
|
|
|
v-model.trim="fmData.homeId" |
|
|
|
:disabled="changeDDisabled" |
|
|
|
placeholder="房号" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
style="width: 120px" |
|
|
|
class="resi-cell2-select" |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
<el-select |
|
|
|
v-model.trim="fmData.homeId" |
|
|
|
:disabled="changeDDisabled" |
|
|
|
placeholder="房号" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
style="width: 120px" |
|
|
|
class="resi-cell-select" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsH" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsH" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
|
|
|
|
<el-form-item label="姓名" prop="name"> |
|
|
|
<el-input |
|
|
|
v-model="fmData.name" |
|
|
|
class="resi-cell2-input" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入" |
|
|
|
> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div> |
|
|
|
<el-form-item label="姓名" prop="name"> |
|
|
|
<el-input |
|
|
|
v-model="fmData.name" |
|
|
|
class="resi-cell-input" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入" |
|
|
|
> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="手机号" prop="mobile"> |
|
|
|
<el-input |
|
|
|
v-model="fmData.mobile" |
|
|
|
class="resi-cell2-input" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入" |
|
|
|
> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="手机号" prop="mobile"> |
|
|
|
<el-input |
|
|
|
v-model="fmData.mobile" |
|
|
|
class="resi-cell-input" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入" |
|
|
|
> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="身份证号" prop="idCard"> |
|
|
|
<el-input |
|
|
|
v-model="fmData.idCard" |
|
|
|
class="resi-cell2-input" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入" |
|
|
|
> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="出生日期" prop="birthdayTime"> |
|
|
|
<el-date-picker |
|
|
|
v-model="fmData.birthdayTime" |
|
|
|
type="daterange" |
|
|
|
range-separator="至" |
|
|
|
start-placeholder="开始日期" |
|
|
|
end-placeholder="结束日期" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="身份证号" prop="idCard"> |
|
|
|
<el-input |
|
|
|
v-model="fmData.idCard" |
|
|
|
class="resi-cell-input" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入" |
|
|
|
> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div> |
|
|
|
<el-form-item label="出生日期" prop="birthdayTime"> |
|
|
|
<el-date-picker |
|
|
|
v-model="fmData.birthdayTime" |
|
|
|
type="daterange" |
|
|
|
range-separator="至" |
|
|
|
start-placeholder="开始日期" |
|
|
|
end-placeholder="结束日期" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="享受福利" prop="remark"> |
|
|
|
<el-select |
|
|
|
v-model.trim="fmData.isWelfare" |
|
|
|
placeholder="享受福利" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
style="width: 120px" |
|
|
|
class="resi-cell2-select" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsWelfare" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
<el-form-item label="享受福利" prop="remark"> |
|
|
|
<el-select |
|
|
|
v-model.trim="fmData.isWelfare" |
|
|
|
placeholder="请选择" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
style="width: 120px" |
|
|
|
class="resi-cell-select" |
|
|
|
> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsWelfare" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
</el-option> |
|
|
|
</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" |
|
|
|
size="small" |
|
|
|
@click="resetForm('searchForm')" |
|
|
|
>重置</el-button |
|
|
|
> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
<el-button |
|
|
|
class="diy-button--search" |
|
|
|
size="small" |
|
|
|
@click="handleSearch" |
|
|
|
>查询</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
class="diy-button--reset" |
|
|
|
size="small" |
|
|
|
@click="resetForm('searchForm')" |
|
|
|
>重置</el-button |
|
|
|
> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
</el-form> |
|
|
|
</el-card> |
|
|
|
<el-card class="resi-card-table"> |
|
|
@ -440,10 +440,10 @@ export default { |
|
|
|
optionsG: [], |
|
|
|
|
|
|
|
optionsWelfare: [ |
|
|
|
{ |
|
|
|
value: "", |
|
|
|
label: "全部", |
|
|
|
}, |
|
|
|
// { |
|
|
|
// value: "", |
|
|
|
// label: "全部", |
|
|
|
// }, |
|
|
|
{ |
|
|
|
value: "1", |
|
|
|
label: "是", |
|
|
@ -882,7 +882,6 @@ export default { |
|
|
|
}, |
|
|
|
}; |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
@import "@/assets/scss/buttonstyle.scss"; |
|
|
|
|
|
|
@ -919,12 +918,12 @@ export default { |
|
|
|
overflow: visible; |
|
|
|
} |
|
|
|
|
|
|
|
.demo-form-inline .resi-cell2 { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
margin-bottom: 20px; |
|
|
|
.demo-form-inline { |
|
|
|
// display: flex; |
|
|
|
// align-items: center; |
|
|
|
// margin-bottom: 20px; |
|
|
|
|
|
|
|
.resi-cell2-label { |
|
|
|
.resi-cell-label { |
|
|
|
flex-shrink: 0; |
|
|
|
min-width: 0; |
|
|
|
box-sizing: border-box; |
|
|
@ -932,21 +931,21 @@ export default { |
|
|
|
// text-align: right; |
|
|
|
// line-height: 32; |
|
|
|
} |
|
|
|
.resi-cell2-label1 { |
|
|
|
.resi-cell-label1 { |
|
|
|
width: max-content; |
|
|
|
} |
|
|
|
.resi-cell2-value-radio { |
|
|
|
.resi-cell-value-radio { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
min-height: 32px; |
|
|
|
} |
|
|
|
.resi-cell2-input { |
|
|
|
.resi-cell-input { |
|
|
|
width: 200px; |
|
|
|
} |
|
|
|
.resi-cell2--daterange { |
|
|
|
.resi-cell--daterange { |
|
|
|
max-width: 260px; |
|
|
|
} |
|
|
|
.resi-cell2-select { |
|
|
|
.resi-cell-select { |
|
|
|
width: 200px; |
|
|
|
box-sizing: border-box; |
|
|
|
margin-right: 10px; |
|
|
@ -957,8 +956,12 @@ export default { |
|
|
|
width: 88px; |
|
|
|
} |
|
|
|
} |
|
|
|
.resi-cell2-select:last-child { |
|
|
|
.resi-cell-select:last-child { |
|
|
|
margin-right: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.mt10 { |
|
|
|
margin-top: 10px; |
|
|
|
} |
|
|
|
</style> |
|
|
|