|
|
|
@ -1,366 +1,265 @@ |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<div class="dialog-h-content scroll-h"> |
|
|
|
<el-form |
|
|
|
ref="ref_form" |
|
|
|
:inline="true" |
|
|
|
:model="fmData" |
|
|
|
:rules="dataRule" |
|
|
|
:disabled="formType === 'detail'" |
|
|
|
class="form" |
|
|
|
> |
|
|
|
<el-form-item |
|
|
|
label="所属网格 " |
|
|
|
prop="gridId" |
|
|
|
label-width="150px" |
|
|
|
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" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
<el-form ref="ref_form" |
|
|
|
:inline="true" |
|
|
|
:model="fmData" |
|
|
|
:rules="dataRule" |
|
|
|
label-width="150px" |
|
|
|
class="edit_form"> |
|
|
|
<el-form-item label="所属网格 " |
|
|
|
prop="gridId" |
|
|
|
style="display: block"> |
|
|
|
<el-select v-model.trim="fmData.gridId" |
|
|
|
placeholder="请选择" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="edit_item_width_normal" |
|
|
|
:disabled="formType === 'edit'" |
|
|
|
@change="handleChangeGrid"> |
|
|
|
<el-option v-for="item in optionsG" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="所属房屋 " |
|
|
|
prop="homeId" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
v-if="formType == 'detail'" |
|
|
|
class="item_width_2" |
|
|
|
placeholder="请输入来源地" |
|
|
|
disabled |
|
|
|
v-model="fmData.allName" |
|
|
|
/> |
|
|
|
<template v-else> |
|
|
|
<el-select |
|
|
|
v-model.trim="fmData.villageId" |
|
|
|
placeholder="请选择小区" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="resi-cell-select" |
|
|
|
@clear="handleClearVillage" |
|
|
|
@change="handleChangeV" |
|
|
|
:disabled="formType === 'edit'" |
|
|
|
style="margin-right: 8px; width: 120px" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsV" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
<el-form-item label="所属房屋 " |
|
|
|
prop="homeId" |
|
|
|
style="display: block"> |
|
|
|
|
|
|
|
<div> |
|
|
|
<el-select v-model.trim="fmData.villageId" |
|
|
|
placeholder="请选择小区" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="edit_item_width_normal" |
|
|
|
@clear="handleClearVillage" |
|
|
|
@change="handleChangeV" |
|
|
|
:disabled="formType === 'edit'"> |
|
|
|
<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="margin-right: 8px; width: 120px" |
|
|
|
class="resi-cell-select" |
|
|
|
:disabled="changeVDisabled || formType === 'edit'" |
|
|
|
@clear="handleClearBuild" |
|
|
|
@change="handleChangeB" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsB" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<el-select v-model.trim="fmData.buildId" |
|
|
|
placeholder="楼号" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="edit_item_width_build" |
|
|
|
:disabled="changeVDisabled || formType === 'edit'" |
|
|
|
@clear="handleClearBuild" |
|
|
|
@change="handleChangeB"> |
|
|
|
<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 || formType === 'edit'" |
|
|
|
placeholder="单元" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
style="margin-right: 8px; 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-select v-model.trim="fmData.unitId" |
|
|
|
:disabled="changeBDisabled || formType === 'edit'" |
|
|
|
placeholder="单元" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
style="margin-left: 10px;" |
|
|
|
class="edit_item_width_build" |
|
|
|
@click="handleClearDan" |
|
|
|
@change="handleChangeD"> |
|
|
|
<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 || formType === 'edit'" |
|
|
|
placeholder="房号" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
@change="handleChangeH" |
|
|
|
style="width: 120px" |
|
|
|
class="resi-cell-select" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsH" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
<el-select v-model.trim="fmData.homeId" |
|
|
|
:disabled="changeDDisabled || formType === 'edit'" |
|
|
|
placeholder="房号" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
@change="handleChangeH" |
|
|
|
style="margin-left: 10px;" |
|
|
|
class="edit_item_width_build"> |
|
|
|
<el-option v-for="item in optionsH" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</template> |
|
|
|
</div> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="姓名" |
|
|
|
prop="name" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
class="item_width_1" |
|
|
|
style="margin-right: 20px" |
|
|
|
placeholder="请输入姓名 " |
|
|
|
v-model="fmData.name" |
|
|
|
:disabled="formType === 'edit'" |
|
|
|
maxlength="30" |
|
|
|
> |
|
|
|
<el-form-item label="姓名" |
|
|
|
prop="name" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="edit_item_width_normal" |
|
|
|
style="margin-right: 20px" |
|
|
|
placeholder="请输入姓名 " |
|
|
|
v-model="fmData.name" |
|
|
|
:disabled="formType === 'edit'" |
|
|
|
maxlength="30"> |
|
|
|
</el-input> |
|
|
|
|
|
|
|
<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" |
|
|
|
true-label="1" |
|
|
|
false-label="0" |
|
|
|
:disabled="initCheck == 1" |
|
|
|
@change="checkResiAvailable" |
|
|
|
>补充居民信息</el-checkbox |
|
|
|
> |
|
|
|
</template> |
|
|
|
|
|
|
|
<el-checkbox |
|
|
|
v-else |
|
|
|
v-model="fmData.isCheck" |
|
|
|
true-label="1" |
|
|
|
false-label="0" |
|
|
|
@change="checkResiAvailable" |
|
|
|
>补充居民信息</el-checkbox |
|
|
|
> |
|
|
|
<div> |
|
|
|
<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" |
|
|
|
true-label="1" |
|
|
|
false-label="0" |
|
|
|
:disabled="initCheck == 1" |
|
|
|
@change="checkResiAvailable">补充居民信息</el-checkbox> |
|
|
|
</template> |
|
|
|
|
|
|
|
<el-checkbox v-else |
|
|
|
v-model="fmData.isCheck" |
|
|
|
true-label="1" |
|
|
|
false-label="0" |
|
|
|
@change="checkResiAvailable">补充居民信息</el-checkbox> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="手机号" |
|
|
|
prop="mobile" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
class="item_width_1" |
|
|
|
type="number" |
|
|
|
maxlength="11" |
|
|
|
show-word-limit |
|
|
|
placeholder="请输入手机号 " |
|
|
|
:disabled="formType === 'edit'" |
|
|
|
v-model="fmData.mobile" |
|
|
|
> |
|
|
|
<el-form-item label="手机号" |
|
|
|
prop="mobile" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="edit_item_width_normal" |
|
|
|
type="number" |
|
|
|
maxlength="11" |
|
|
|
show-word-limit |
|
|
|
placeholder="请输入手机号 " |
|
|
|
:disabled="formType === 'edit'" |
|
|
|
v-model="fmData.mobile"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="证件号" |
|
|
|
prop="idCard" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
class="item_width_1" |
|
|
|
placeholder="请输入身份证号或护照号" |
|
|
|
v-model="fmData.idCard" |
|
|
|
:disabled="formType === 'edit'" |
|
|
|
@blur="handleBlurId" |
|
|
|
></el-input> |
|
|
|
<el-form-item label="证件号" |
|
|
|
prop="idCard" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="edit_item_width_normal" |
|
|
|
placeholder="请输入身份证号或护照号" |
|
|
|
v-model="fmData.idCard" |
|
|
|
:disabled="formType === 'edit'" |
|
|
|
@blur="handleBlurId"></el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="性别" |
|
|
|
prop="principalName" |
|
|
|
label-width="150px" |
|
|
|
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" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
<el-form-item label="性别" |
|
|
|
prop="principalName" |
|
|
|
style="display: block"> |
|
|
|
<el-select v-model.trim="fmData.gender" |
|
|
|
placeholder="性别" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="edit_item_width_normal" |
|
|
|
:disabled="true"> |
|
|
|
<el-option v-for="item in optionsGender" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item |
|
|
|
label="年龄" |
|
|
|
prop="age" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
class="item_width_1" |
|
|
|
type="number" |
|
|
|
show-word-limit |
|
|
|
placeholder="请输入" |
|
|
|
v-model="fmData.age" |
|
|
|
:disabled="true" |
|
|
|
> |
|
|
|
<el-form-item label="年龄" |
|
|
|
prop="age" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="edit_item_width_normal" |
|
|
|
type="number" |
|
|
|
show-word-limit |
|
|
|
placeholder="请输入" |
|
|
|
v-model="fmData.age" |
|
|
|
:disabled="true"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="迁入日期" |
|
|
|
prop="inTime" |
|
|
|
label-width="150px" |
|
|
|
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'" |
|
|
|
> |
|
|
|
<el-form-item label="迁入日期" |
|
|
|
prop="inTime" |
|
|
|
style="display: block"> |
|
|
|
<el-date-picker v-model="fmData.inTime" |
|
|
|
type="date" |
|
|
|
placeholder="迁入时间" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
class="edit_item_width_normal" |
|
|
|
:disabled="formType === 'edit'"> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="迁入原因" |
|
|
|
prop="inReason" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
type="textarea" |
|
|
|
class="item_width_2" |
|
|
|
placeholder="请输入迁入原因" |
|
|
|
v-model="fmData.inReason" |
|
|
|
> |
|
|
|
<el-form-item label="迁入原因" |
|
|
|
prop="inReason" |
|
|
|
style="display: block"> |
|
|
|
<el-input type="textarea" |
|
|
|
class="edit_item_width_normal" |
|
|
|
placeholder="请输入迁入原因" |
|
|
|
v-model="fmData.inReason"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="来源地" |
|
|
|
prop="sourceAddress" |
|
|
|
label-width="150px" |
|
|
|
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> |
|
|
|
<el-form-item label="来源地" |
|
|
|
prop="sourceAddress" |
|
|
|
style="display: block"> |
|
|
|
|
|
|
|
<el-cascader ref="nowArea" |
|
|
|
class="edit_item_width_normal" |
|
|
|
:props="areaProps" |
|
|
|
v-model="nowAllCode" |
|
|
|
clearable |
|
|
|
@change="handleNowArea"></el-cascader> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
<el-form-item |
|
|
|
label="详细地址" |
|
|
|
prop="address" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
class="item_width_1" |
|
|
|
placeholder="请输入详细地址" |
|
|
|
v-model="fmData.address" |
|
|
|
> |
|
|
|
<el-form-item label="详细地址" |
|
|
|
prop="address" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="edit_item_width_normal" |
|
|
|
placeholder="请输入详细地址" |
|
|
|
v-model="fmData.address"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item |
|
|
|
label="迁移证号码" |
|
|
|
prop="moveNumber" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
class="item_width_1" |
|
|
|
placeholder="请输入迁移证号码" |
|
|
|
v-model="fmData.moveNumber" |
|
|
|
> |
|
|
|
<el-form-item label="迁移证号码" |
|
|
|
prop="moveNumber" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="edit_item_width_normal" |
|
|
|
placeholder="请输入迁移证号码" |
|
|
|
v-model="fmData.moveNumber"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="户主姓名" |
|
|
|
prop="householderName" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
class="item_width_1" |
|
|
|
placeholder="请输入户主姓名" |
|
|
|
v-model="fmData.householderName" |
|
|
|
> |
|
|
|
<el-form-item label="户主姓名" |
|
|
|
prop="householderName" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="edit_item_width_normal" |
|
|
|
placeholder="请输入户主姓名" |
|
|
|
v-model="fmData.householderName"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="与户主关系" |
|
|
|
prop="householderRelation" |
|
|
|
label-width="150px" |
|
|
|
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" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
<el-form-item label="与户主关系" |
|
|
|
prop="householderRelation" |
|
|
|
style="display: block"> |
|
|
|
<el-select v-model.trim="fmData.householderRelation" |
|
|
|
placeholder="与户主关系" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="edit_item_width_normal"> |
|
|
|
<el-option v-for="item in optionsRelation" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
: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'" |
|
|
|
type="primary" |
|
|
|
size="small" |
|
|
|
:disabled="btnDisable" |
|
|
|
@click="handleComfirm" |
|
|
|
>确 定</el-button |
|
|
|
> |
|
|
|
<div class="div_btn"> |
|
|
|
<el-button size="small" |
|
|
|
@click="handleCancle">取 消</el-button> |
|
|
|
<el-button type="primary" |
|
|
|
size="small" |
|
|
|
class="diy-button--blue" |
|
|
|
:disabled="btnDisable" |
|
|
|
@click="handleComfirm">保 存</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
@ -371,7 +270,7 @@ import formVltHelper from 'dai-js/tools/formVltHelper' |
|
|
|
import { computedCard } from '@/utils/index' |
|
|
|
import { isCard, isMobile } from '@/utils/validate' |
|
|
|
|
|
|
|
function iniFmData() { |
|
|
|
function iniFmData () { |
|
|
|
return { |
|
|
|
gridId: '', |
|
|
|
villageId: '', |
|
|
|
@ -400,7 +299,7 @@ function iniFmData() { |
|
|
|
} |
|
|
|
|
|
|
|
export default { |
|
|
|
data() { |
|
|
|
data () { |
|
|
|
return { |
|
|
|
formType: 'add', //表单操作类型 add新增，edit编辑，detail详情 |
|
|
|
|
|
|
|
@ -436,7 +335,7 @@ export default { |
|
|
|
}, |
|
|
|
components: {}, |
|
|
|
computed: { |
|
|
|
dataRule() { |
|
|
|
dataRule () { |
|
|
|
let checkIdCard = (rule, value, callback) => { |
|
|
|
if (value === '') { |
|
|
|
callback(new Error('请输入证件号')) |
|
|
|
@ -475,20 +374,20 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
changeVDisabled() { |
|
|
|
changeVDisabled () { |
|
|
|
return !this.fmData.villageId |
|
|
|
}, |
|
|
|
changeBDisabled() { |
|
|
|
changeBDisabled () { |
|
|
|
return !this.fmData.buildId |
|
|
|
}, |
|
|
|
changeDDisabled() { |
|
|
|
changeDDisabled () { |
|
|
|
return !this.fmData.unitId |
|
|
|
} |
|
|
|
}, |
|
|
|
props: {}, |
|
|
|
watch: {}, |
|
|
|
|
|
|
|
async mounted() { |
|
|
|
async mounted () { |
|
|
|
console.log('mounted-----我执行了') |
|
|
|
await this.getGridList() |
|
|
|
|
|
|
|
@ -496,13 +395,13 @@ export default { |
|
|
|
}, |
|
|
|
|
|
|
|
methods: { |
|
|
|
lzayLoadArea(node, resolve) { |
|
|
|
lzayLoadArea (node, resolve) { |
|
|
|
// this.getArea(node, resolve) |
|
|
|
setTimeout(() => { |
|
|
|
this.getArea(node, resolve) |
|
|
|
}, 200) |
|
|
|
}, |
|
|
|
async checkResiAvailable() { |
|
|
|
async checkResiAvailable () { |
|
|
|
const { |
|
|
|
fmData: { idCard, isResiUser } |
|
|
|
} = this |
|
|
|
@ -528,7 +427,7 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
handleNowArea(val) { |
|
|
|
handleNowArea (val) { |
|
|
|
console.log('val-----', val) |
|
|
|
console.log('label-----', this.$refs.nowArea.getCheckedNodes()) |
|
|
|
if (val.length > 0) { |
|
|
|
@ -544,7 +443,7 @@ export default { |
|
|
|
this.fmData.sourceAddressPathCode = '' |
|
|
|
} |
|
|
|
}, |
|
|
|
handleBlurId(val) { |
|
|
|
handleBlurId (val) { |
|
|
|
const { sex, age } = computedCard(this.fmData.idCard) |
|
|
|
if (val) { |
|
|
|
this.fmData.age = age |
|
|
|
@ -553,20 +452,20 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
handleClearVillage() { |
|
|
|
handleClearVillage () { |
|
|
|
this.fmData.buildId = '' |
|
|
|
this.fmData.homeId = '' |
|
|
|
}, |
|
|
|
handleClearBuild() { |
|
|
|
handleClearBuild () { |
|
|
|
this.fmData.buildId = '' |
|
|
|
this.fmData.unitId = '' |
|
|
|
this.fmData.homeId = '' |
|
|
|
}, |
|
|
|
handleClearDan() { |
|
|
|
handleClearDan () { |
|
|
|
this.fmData.unitId = '' |
|
|
|
this.fmData.homeId = '' |
|
|
|
}, |
|
|
|
handleChangeGrid(val) { |
|
|
|
handleChangeGrid (val) { |
|
|
|
console.log('val', val) |
|
|
|
this.fmData.villageId = '' |
|
|
|
this.fmData.buildId = '' |
|
|
|
@ -576,7 +475,7 @@ export default { |
|
|
|
this.fmData.householderRelation = '' |
|
|
|
this.getValiheList() |
|
|
|
}, |
|
|
|
handleChangeV(val) { |
|
|
|
handleChangeV (val) { |
|
|
|
console.log('val', val) |
|
|
|
this.fmData.buildId = '' |
|
|
|
this.fmData.unitId = '' |
|
|
|
@ -585,7 +484,7 @@ export default { |
|
|
|
this.fmData.householderRelation = '' |
|
|
|
this.getBuildList() |
|
|
|
}, |
|
|
|
handleChangeB(val) { |
|
|
|
handleChangeB (val) { |
|
|
|
console.log('val', val) |
|
|
|
this.fmData.unitId = '' |
|
|
|
this.fmData.homeId = '' |
|
|
|
@ -593,14 +492,14 @@ export default { |
|
|
|
this.fmData.householderRelation = '' |
|
|
|
this.getUniList() |
|
|
|
}, |
|
|
|
handleChangeD(val) { |
|
|
|
handleChangeD (val) { |
|
|
|
console.log('val', val) |
|
|
|
this.fmData.homeId = '' |
|
|
|
this.fmData.householderName = '' |
|
|
|
this.fmData.householderRelation = '' |
|
|
|
this.getHouseList() |
|
|
|
}, |
|
|
|
handleChangeH(val) { |
|
|
|
handleChangeH (val) { |
|
|
|
console.log('val', val) |
|
|
|
this.getHouseMaster() |
|
|
|
}, |
|
|
|
@ -629,7 +528,7 @@ export default { |
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
|
getRelationList() { |
|
|
|
getRelationList () { |
|
|
|
const { user } = this.$store.state |
|
|
|
this.$http |
|
|
|
.post('/sys/dict/data/relationship', { |
|
|
|
@ -648,7 +547,7 @@ export default { |
|
|
|
}) |
|
|
|
}, |
|
|
|
|
|
|
|
getGridList() { |
|
|
|
getGridList () { |
|
|
|
const { user } = this.$store.state |
|
|
|
this.$http |
|
|
|
.post('/gov/org/customergrid/gridoption', { |
|
|
|
@ -667,7 +566,7 @@ export default { |
|
|
|
return this.$message.error('网络错误') |
|
|
|
}) |
|
|
|
}, |
|
|
|
getValiheList() { |
|
|
|
getValiheList () { |
|
|
|
const { user } = this.$store.state |
|
|
|
this.$http |
|
|
|
.post('/gov/org/icneighborhood/neighborhoodoption', { |
|
|
|
@ -687,7 +586,7 @@ export default { |
|
|
|
return this.$message.error('网络错误') |
|
|
|
}) |
|
|
|
}, |
|
|
|
getBuildList() { |
|
|
|
getBuildList () { |
|
|
|
this.$http |
|
|
|
.post('/gov/org/icbuilding/buildingoption', { |
|
|
|
neighborHoodId: this.fmData.villageId |
|
|
|
@ -704,7 +603,7 @@ export default { |
|
|
|
return this.$message.error('网络错误') |
|
|
|
}) |
|
|
|
}, |
|
|
|
getUniList() { |
|
|
|
getUniList () { |
|
|
|
this.$http |
|
|
|
.post('/gov/org/icbuildingunit/unitoption', { |
|
|
|
buildingId: this.fmData.buildId |
|
|
|
@ -721,7 +620,7 @@ export default { |
|
|
|
return this.$message.error('网络错误') |
|
|
|
}) |
|
|
|
}, |
|
|
|
getHouseList() { |
|
|
|
getHouseList () { |
|
|
|
this.$http |
|
|
|
.post('/gov/org/ichouse/houseoption', { unitId: this.fmData.unitId }) |
|
|
|
.then(({ data: res }) => { |
|
|
|
@ -737,7 +636,7 @@ export default { |
|
|
|
}) |
|
|
|
}, |
|
|
|
|
|
|
|
getHouseMaster() { |
|
|
|
getHouseMaster () { |
|
|
|
const { homeId } = this.fmData |
|
|
|
if (!homeId) return (this.alreadyHaveMaster = false) |
|
|
|
|
|
|
|
@ -763,7 +662,7 @@ export default { |
|
|
|
}) |
|
|
|
}, |
|
|
|
|
|
|
|
async initForm(type, id) { |
|
|
|
async initForm (type, id) { |
|
|
|
this.$refs.ref_form.resetFields() |
|
|
|
|
|
|
|
this.formType = type |
|
|
|
@ -778,7 +677,7 @@ export default { |
|
|
|
this.getHouseList() |
|
|
|
} |
|
|
|
}, |
|
|
|
async getDatail(moveInId) { |
|
|
|
async getDatail (moveInId) { |
|
|
|
let url = '/epmetuser/icMoveIn/detail' |
|
|
|
|
|
|
|
const params = { |
|
|
|
@ -792,7 +691,7 @@ export default { |
|
|
|
} else this.$message.error(msg) |
|
|
|
}, |
|
|
|
|
|
|
|
async handleComfirm() { |
|
|
|
async handleComfirm () { |
|
|
|
|
|
|
|
// setTimeout(() => { |
|
|
|
// this.btnDisable = false |
|
|
|
@ -834,7 +733,7 @@ export default { |
|
|
|
}) |
|
|
|
}, |
|
|
|
|
|
|
|
async submit() { |
|
|
|
async submit () { |
|
|
|
|
|
|
|
let url = '' |
|
|
|
if (this.formType === 'add') { |
|
|
|
@ -861,11 +760,11 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
handleCancle() { |
|
|
|
handleCancle () { |
|
|
|
this.resetData() |
|
|
|
this.$emit('dialogCancle') |
|
|
|
}, |
|
|
|
resetData() { |
|
|
|
resetData () { |
|
|
|
this.orgId = '' |
|
|
|
this.nowAllCode = [] |
|
|
|
this.btnDisable = false |
|
|
|
@ -877,53 +776,7 @@ export default { |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
.item_width_1 { |
|
|
|
width: 220px; |
|
|
|
} |
|
|
|
.item_width_2 { |
|
|
|
width: 400px; |
|
|
|
} |
|
|
|
.item_width_3 { |
|
|
|
margin-left: 10px; |
|
|
|
width: 200px; |
|
|
|
} |
|
|
|
.item_width_4 { |
|
|
|
width: 200px; |
|
|
|
} |
|
|
|
|
|
|
|
.div_map { |
|
|
|
margin-top: 10px; |
|
|
|
} |
|
|
|
|
|
|
|
.div_btn { |
|
|
|
// display: flex; |
|
|
|
// justify-content: flex-end; |
|
|
|
} |
|
|
|
.el-tabs { |
|
|
|
margin: 0 20px; |
|
|
|
} |
|
|
|
.el-upload__tip { |
|
|
|
color: rgb(155, 155, 155); |
|
|
|
margin: 0; |
|
|
|
} |
|
|
|
.form { |
|
|
|
margin-top: 30px; |
|
|
|
} |
|
|
|
|
|
|
|
.m-staffs { |
|
|
|
width: 468px; |
|
|
|
.item { |
|
|
|
display: flex; |
|
|
|
justify-content: space-around; |
|
|
|
margin-bottom: 7px; |
|
|
|
} |
|
|
|
.item-add { |
|
|
|
} |
|
|
|
} |
|
|
|
@import "@/assets/scss/modules/management/edit-main.scss"; |
|
|
|
</style> |
|
|
|
|
|
|
|
<style> |
|
|
|
.el-dialog__body { |
|
|
|
padding: 0 10px 20px !important; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
|
|
|
|
jiangyy
3 years ago