|
|
@ -1,55 +1,42 @@ |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<div class="dialog-h-content scroll-h"> |
|
|
|
<el-form |
|
|
|
ref="ref_form" |
|
|
|
<el-form ref="ref_form" |
|
|
|
:inline="true" |
|
|
|
:model="fmData" |
|
|
|
:rules="dataRule" |
|
|
|
:disabled="formType === 'detail'" |
|
|
|
class="form" |
|
|
|
> |
|
|
|
<el-form-item |
|
|
|
label="所属网格 " |
|
|
|
class="form"> |
|
|
|
<el-form-item label="所属网格 " |
|
|
|
prop="gridId" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-select |
|
|
|
v-model.trim="fmData.gridId" |
|
|
|
style="display: block"> |
|
|
|
<el-select v-model.trim="fmData.gridId" |
|
|
|
placeholder="请选择" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="item_width_1" |
|
|
|
:disabled="formType === 'edit'" |
|
|
|
@change="handleChangeGrid" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsG" |
|
|
|
@change="handleChangeGrid"> |
|
|
|
<el-option v-for="item in optionsG" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="所属房屋 " |
|
|
|
<el-form-item label="所属房屋 " |
|
|
|
prop="homeId" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
v-if="formType == 'detail'" |
|
|
|
style="display: block"> |
|
|
|
<el-input v-if="formType == 'detail'" |
|
|
|
class="item_width_2" |
|
|
|
placeholder="请输入来源地" |
|
|
|
disabled |
|
|
|
v-model="fmData.allName" |
|
|
|
/> |
|
|
|
v-model="fmData.allName" /> |
|
|
|
<template v-else> |
|
|
|
<el-select |
|
|
|
v-model.trim="fmData.villageId" |
|
|
|
<el-select v-model.trim="fmData.villageId" |
|
|
|
placeholder="请选择小区" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
@ -57,18 +44,14 @@ |
|
|
|
@clear="handleClearVillage" |
|
|
|
@change="handleChangeV" |
|
|
|
:disabled="formType === 'edit'" |
|
|
|
style="margin-right: 8px; width: 120px" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsV" |
|
|
|
style="margin-right: 8px; width: 120px"> |
|
|
|
<el-option v-for="item in optionsV" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
<el-select |
|
|
|
v-model.trim="fmData.buildId" |
|
|
|
<el-select v-model.trim="fmData.buildId" |
|
|
|
placeholder="楼号" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
@ -76,18 +59,14 @@ |
|
|
|
class="resi-cell-select" |
|
|
|
:disabled="changeVDisabled || formType === 'edit'" |
|
|
|
@clear="handleClearBuild" |
|
|
|
@change="handleChangeB" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsB" |
|
|
|
@change="handleChangeB"> |
|
|
|
<el-option v-for="item in optionsB" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
<el-select |
|
|
|
v-model.trim="fmData.unitId" |
|
|
|
<el-select v-model.trim="fmData.unitId" |
|
|
|
:disabled="changeBDisabled || formType === 'edit'" |
|
|
|
placeholder="单元" |
|
|
|
size="small" |
|
|
@ -95,272 +74,212 @@ |
|
|
|
style="margin-right: 8px; width: 120px" |
|
|
|
class="resi-cell-select" |
|
|
|
@click="handleClearDan" |
|
|
|
@change="handleChangeD" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsD" |
|
|
|
@change="handleChangeD"> |
|
|
|
<el-option v-for="item in optionsD" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
<el-select |
|
|
|
v-model.trim="fmData.homeId" |
|
|
|
<el-select v-model.trim="fmData.homeId" |
|
|
|
:disabled="changeDDisabled || formType === 'edit'" |
|
|
|
placeholder="房号" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
@change="handleChangeH" |
|
|
|
style="width: 120px" |
|
|
|
class="resi-cell-select" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsH" |
|
|
|
class="resi-cell-select"> |
|
|
|
<el-option v-for="item in optionsH" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</template> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="姓名" |
|
|
|
<el-form-item label="姓名" |
|
|
|
prop="name" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
class="item_width_1" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="item_width_1" |
|
|
|
style="margin-right: 20px" |
|
|
|
placeholder="请输入姓名 " |
|
|
|
v-model="fmData.name" |
|
|
|
:disabled="formType === 'edit'" |
|
|
|
maxlength="30" |
|
|
|
> |
|
|
|
maxlength="30"> |
|
|
|
</el-input> |
|
|
|
|
|
|
|
<el-checkbox v-model="fmData.isWelfare" true-label="1" false-label="0">享受福利</el-checkbox> |
|
|
|
<el-checkbox v-model="fmData.isWelfare" |
|
|
|
true-label="1" |
|
|
|
false-label="0">享受福利</el-checkbox> |
|
|
|
<template v-if="formType === 'edit'"> |
|
|
|
<el-checkbox |
|
|
|
v-model="fmData.isCheck" |
|
|
|
<el-checkbox v-model="fmData.isCheck" |
|
|
|
true-label="1" |
|
|
|
false-label="0" |
|
|
|
:disabled="initCheck == 1" |
|
|
|
@change="checkResiAvailable" |
|
|
|
>补充居民信息</el-checkbox |
|
|
|
> |
|
|
|
@change="checkResiAvailable">补充居民信息</el-checkbox> |
|
|
|
</template> |
|
|
|
|
|
|
|
<el-checkbox |
|
|
|
v-else |
|
|
|
<el-checkbox v-else |
|
|
|
v-model="fmData.isCheck" |
|
|
|
true-label="1" |
|
|
|
false-label="0" |
|
|
|
@change="checkResiAvailable" |
|
|
|
>补充居民信息</el-checkbox |
|
|
|
> |
|
|
|
@change="checkResiAvailable">补充居民信息</el-checkbox> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="手机号" |
|
|
|
<el-form-item label="手机号" |
|
|
|
prop="mobile" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
class="item_width_1" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="item_width_1" |
|
|
|
type="number" |
|
|
|
maxlength="11" |
|
|
|
show-word-limit |
|
|
|
placeholder="请输入手机号 " |
|
|
|
:disabled="formType === 'edit'" |
|
|
|
v-model="fmData.mobile" |
|
|
|
> |
|
|
|
v-model="fmData.mobile"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="证件号" |
|
|
|
<el-form-item label="证件号" |
|
|
|
prop="idCard" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
class="item_width_1" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="item_width_1" |
|
|
|
placeholder="请输入身份证号或护照号" |
|
|
|
v-model="fmData.idCard" |
|
|
|
:disabled="formType === 'edit'" |
|
|
|
@blur="handleBlurId" |
|
|
|
></el-input> |
|
|
|
@blur="handleBlurId"></el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="性别" |
|
|
|
<el-form-item label="性别" |
|
|
|
prop="principalName" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-select |
|
|
|
v-model.trim="fmData.gender" |
|
|
|
style="display: block"> |
|
|
|
<el-select v-model.trim="fmData.gender" |
|
|
|
placeholder="性别" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="item_width_1" |
|
|
|
:disabled="true" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsGender" |
|
|
|
:disabled="true"> |
|
|
|
<el-option v-for="item in optionsGender" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item |
|
|
|
label="年龄" |
|
|
|
<el-form-item label="年龄" |
|
|
|
prop="age" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
class="item_width_1" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="item_width_1" |
|
|
|
type="number" |
|
|
|
show-word-limit |
|
|
|
placeholder="请输入" |
|
|
|
v-model="fmData.age" |
|
|
|
:disabled="true" |
|
|
|
> |
|
|
|
:disabled="true"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="迁入日期" |
|
|
|
<el-form-item label="迁入日期" |
|
|
|
prop="inTime" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-date-picker |
|
|
|
v-model="fmData.inTime" |
|
|
|
style="display: block"> |
|
|
|
<el-date-picker v-model="fmData.inTime" |
|
|
|
type="date" |
|
|
|
placeholder="迁入时间" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
class="item_width_1" |
|
|
|
:disabled="formType === 'edit'" |
|
|
|
> |
|
|
|
:disabled="formType === 'edit'"> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="迁入原因" |
|
|
|
<el-form-item label="迁入原因" |
|
|
|
prop="inReason" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
type="textarea" |
|
|
|
style="display: block"> |
|
|
|
<el-input type="textarea" |
|
|
|
class="item_width_2" |
|
|
|
placeholder="请输入迁入原因" |
|
|
|
v-model="fmData.inReason" |
|
|
|
> |
|
|
|
v-model="fmData.inReason"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="来源地" |
|
|
|
<el-form-item label="来源地" |
|
|
|
prop="sourceAddress" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
v-if="formType == 'detail'" |
|
|
|
style="display: block"> |
|
|
|
<el-input v-if="formType == 'detail'" |
|
|
|
class="item_width_2" |
|
|
|
placeholder="请输入来源地" |
|
|
|
disabled |
|
|
|
v-model="fmData.sourceAddress" |
|
|
|
/> |
|
|
|
<el-cascader v-else ref="nowArea" class="item_width_1" :props="areaProps" |
|
|
|
v-model="nowAllCode" clearable @change="handleNowArea"></el-cascader> |
|
|
|
v-model="fmData.sourceAddress" /> |
|
|
|
<el-cascader v-else |
|
|
|
ref="nowArea" |
|
|
|
class="item_width_1" |
|
|
|
:props="areaProps" |
|
|
|
v-model="nowAllCode" |
|
|
|
clearable |
|
|
|
@change="handleNowArea"></el-cascader> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
<el-form-item |
|
|
|
label="详细地址" |
|
|
|
<el-form-item label="详细地址" |
|
|
|
prop="address" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
class="item_width_1" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="item_width_1" |
|
|
|
placeholder="请输入详细地址" |
|
|
|
v-model="fmData.address" |
|
|
|
> |
|
|
|
v-model="fmData.address"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item |
|
|
|
label="迁移证号码" |
|
|
|
<el-form-item label="迁移证号码" |
|
|
|
prop="moveNumber" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
class="item_width_1" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="item_width_1" |
|
|
|
placeholder="请输入迁移证号码" |
|
|
|
v-model="fmData.moveNumber" |
|
|
|
> |
|
|
|
v-model="fmData.moveNumber"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="户主姓名" |
|
|
|
<el-form-item label="户主姓名" |
|
|
|
prop="householderName" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
class="item_width_1" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="item_width_1" |
|
|
|
placeholder="请输入户主姓名" |
|
|
|
v-model="fmData.householderName" |
|
|
|
> |
|
|
|
v-model="fmData.householderName"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="与户主关系" |
|
|
|
<el-form-item label="与户主关系" |
|
|
|
prop="householderRelation" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-select |
|
|
|
v-model.trim="fmData.householderRelation" |
|
|
|
style="display: block"> |
|
|
|
<el-select v-model.trim="fmData.householderRelation" |
|
|
|
placeholder="与户主关系" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="item_width_1" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsRelation" |
|
|
|
class="item_width_1"> |
|
|
|
<el-option v-for="item in optionsRelation" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
<div class="div_btn resi-btns"> |
|
|
|
<el-button size="small" @click="handleCancle">取 消</el-button> |
|
|
|
<el-button |
|
|
|
v-if="formType != 'detail'" |
|
|
|
<el-button size="small" |
|
|
|
@click="handleCancle">取 消</el-button> |
|
|
|
<el-button v-if="formType != 'detail'" |
|
|
|
type="primary" |
|
|
|
size="small" |
|
|
|
:disabled="btnDisable" |
|
|
|
@click="handleComfirm" |
|
|
|
>确 定</el-button |
|
|
|
> |
|
|
|
@click="handleComfirm">确 定</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
@ -469,9 +388,9 @@ export default { |
|
|
|
sourceAddress: [ |
|
|
|
{ required: true, message: '来源地不能为空', trigger: 'blur' } |
|
|
|
], |
|
|
|
address: [ |
|
|
|
{ required: true, message: '详细地址不能为空', trigger: 'blur' } |
|
|
|
] |
|
|
|
// address: [ |
|
|
|
// { required: true, message: '详细地址不能为空', trigger: 'blur' } |
|
|
|
// ] |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|