|
@ -1,107 +1,52 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div> |
|
|
<div> |
|
|
<div class="dialog-h-content scroll-h"> |
|
|
<div class="dialog-h-content scroll-h"> |
|
|
<el-form ref="ref_form" |
|
|
<el-form ref="ref_form" :inline="true" :model="fmData" :rules="dataRule" label-width="150px" |
|
|
:inline="true" |
|
|
|
|
|
:model="fmData" |
|
|
|
|
|
:rules="dataRule" |
|
|
|
|
|
label-width="150px" |
|
|
|
|
|
class="g-edit-form"> |
|
|
class="g-edit-form"> |
|
|
<el-form-item label="所属网格 " |
|
|
<el-form-item label="所属网格 " prop="gridId" style="display: block"> |
|
|
prop="gridId" |
|
|
<el-select v-model.trim="fmData.gridId" placeholder="请选择" size="small" clearable |
|
|
style="display: block"> |
|
|
class="u-edit-width-normal" :disabled="formType === 'edit'" @change="handleChangeGrid"> |
|
|
<el-select v-model.trim="fmData.gridId" |
|
|
<el-option v-for="item in optionsG" :key="item.value" :label="item.label" :value="item.value"> |
|
|
placeholder="请选择" |
|
|
|
|
|
size="small" |
|
|
|
|
|
clearable |
|
|
|
|
|
class="u-edit-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-option> |
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
<el-form-item label="所属房屋 " |
|
|
<el-form-item label="所属房屋 " prop="homeId" style="display: block"> |
|
|
prop="homeId" |
|
|
|
|
|
style="display: block"> |
|
|
|
|
|
|
|
|
|
|
|
<div> |
|
|
<div> |
|
|
<el-select v-model.trim="fmData.villageId" |
|
|
<el-select v-model.trim="fmData.villageId" placeholder="请选择小区" size="small" clearable |
|
|
placeholder="请选择小区" |
|
|
class="u-edit-width-normal" @clear="handleClearVillage" @change="handleChangeV" |
|
|
size="small" |
|
|
|
|
|
clearable |
|
|
|
|
|
class="u-edit-width-normal" |
|
|
|
|
|
@clear="handleClearVillage" |
|
|
|
|
|
@change="handleChangeV" |
|
|
|
|
|
:disabled="formType === 'edit'"> |
|
|
:disabled="formType === 'edit'"> |
|
|
<el-option v-for="item in optionsV" |
|
|
<el-option v-for="item in optionsV" :key="item.value" :label="item.label" :value="item.value"> |
|
|
:key="item.value" |
|
|
|
|
|
:label="item.label" |
|
|
|
|
|
:value="item.value"> |
|
|
|
|
|
</el-option> |
|
|
</el-option> |
|
|
</el-select> |
|
|
</el-select> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<div> |
|
|
<el-select v-model.trim="fmData.buildId" |
|
|
<el-select v-model.trim="fmData.buildId" placeholder="楼号" size="small" clearable |
|
|
placeholder="楼号" |
|
|
class="u-edit-width-build" :disabled="changeVDisabled || formType === 'edit'" |
|
|
size="small" |
|
|
@clear="handleClearBuild" @change="handleChangeB"> |
|
|
clearable |
|
|
<el-option v-for="item in optionsB" :key="item.value" :label="item.label" :value="item.value"> |
|
|
class="u-edit-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-option> |
|
|
</el-select> |
|
|
</el-select> |
|
|
<el-select v-model.trim="fmData.unitId" |
|
|
<el-select v-model.trim="fmData.unitId" :disabled="changeBDisabled || formType === 'edit'" |
|
|
:disabled="changeBDisabled || formType === 'edit'" |
|
|
placeholder="单元" size="small" clearable style="margin-left: 10px;" class="u-edit-width-build" |
|
|
placeholder="单元" |
|
|
@click="handleClearDan" @change="handleChangeD"> |
|
|
size="small" |
|
|
<el-option v-for="item in optionsD" :key="item.value" :label="item.label" :value="item.value"> |
|
|
clearable |
|
|
|
|
|
style="margin-left: 10px;" |
|
|
|
|
|
class="u-edit-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-option> |
|
|
</el-select> |
|
|
</el-select> |
|
|
<el-select v-model.trim="fmData.homeId" |
|
|
<el-select v-model.trim="fmData.homeId" :disabled="changeDDisabled || formType === 'edit'" |
|
|
:disabled="changeDDisabled || formType === 'edit'" |
|
|
placeholder="房号" size="small" clearable @change="handleChangeH" style="margin-left: 10px;" |
|
|
placeholder="房号" |
|
|
|
|
|
size="small" |
|
|
|
|
|
clearable |
|
|
|
|
|
@change="handleChangeH" |
|
|
|
|
|
style="margin-left: 10px;" |
|
|
|
|
|
class="u-edit-width-build"> |
|
|
class="u-edit-width-build"> |
|
|
<el-option v-for="item in optionsH" |
|
|
<el-option v-for="item in optionsH" :key="item.value" :label="item.label" :value="item.value"> |
|
|
:key="item.value" |
|
|
|
|
|
:label="item.label" |
|
|
|
|
|
:value="item.value"> |
|
|
|
|
|
</el-option> |
|
|
</el-option> |
|
|
</el-select> |
|
|
</el-select> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
<el-form-item label="姓名" |
|
|
<el-form-item label="姓名" prop="name" style="display: block"> |
|
|
prop="name" |
|
|
<el-input class="u-edit-width-normal" style="margin-right: 20px" placeholder="请输入姓名 " |
|
|
style="display: block"> |
|
|
v-model="fmData.name" :disabled="formType === 'edit'" maxlength="30"> |
|
|
<el-input class="u-edit-width-normal" |
|
|
|
|
|
style="margin-right: 20px" |
|
|
|
|
|
placeholder="请输入姓名 " |
|
|
|
|
|
v-model="fmData.name" |
|
|
|
|
|
:disabled="formType === 'edit'" |
|
|
|
|
|
maxlength="30"> |
|
|
|
|
|
</el-input> |
|
|
</el-input> |
|
|
<div> |
|
|
<div> |
|
|
<!-- <el-checkbox v-model="fmData.isWelfare" |
|
|
<!-- <el-checkbox v-model="fmData.isWelfare" |
|
@ -109,143 +54,74 @@ |
|
|
false-label="0">享受福利</el-checkbox> --> |
|
|
false-label="0">享受福利</el-checkbox> --> |
|
|
|
|
|
|
|
|
<template v-if="formType === 'edit'"> |
|
|
<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" |
|
|
true-label="1" |
|
|
|
|
|
false-label="0" |
|
|
|
|
|
:disabled="initCheck == 1" |
|
|
|
|
|
@change="checkResiAvailable">补充居民信息</el-checkbox> |
|
|
@change="checkResiAvailable">补充居民信息</el-checkbox> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<el-checkbox v-else |
|
|
<el-checkbox v-else v-model="fmData.isCheck" true-label="1" false-label="0" |
|
|
v-model="fmData.isCheck" |
|
|
|
|
|
true-label="1" |
|
|
|
|
|
false-label="0" |
|
|
|
|
|
@change="checkResiAvailable">补充居民信息</el-checkbox> |
|
|
@change="checkResiAvailable">补充居民信息</el-checkbox> |
|
|
</div> |
|
|
</div> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
<el-form-item label="联系电话" |
|
|
<el-form-item label="联系电话" prop="mobile" style="display: block"> |
|
|
prop="mobile" |
|
|
<el-input class="u-edit-width-normal" type="number" maxlength="11" show-word-limit |
|
|
style="display: block"> |
|
|
placeholder="请输入联系电话 " :disabled="formType === 'edit'" v-model="fmData.mobile"> |
|
|
<el-input class="u-edit-width-normal" |
|
|
|
|
|
type="number" |
|
|
|
|
|
maxlength="11" |
|
|
|
|
|
show-word-limit |
|
|
|
|
|
placeholder="请输入联系电话 " |
|
|
|
|
|
:disabled="formType === 'edit'" |
|
|
|
|
|
v-model="fmData.mobile"> |
|
|
|
|
|
</el-input> |
|
|
</el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
<el-form-item label="证件号" |
|
|
<el-form-item label="证件号" prop="idCard" style="display: block"> |
|
|
prop="idCard" |
|
|
<el-input class="u-edit-width-normal" placeholder="请输入证件号或护照号" v-model="fmData.idCard" |
|
|
style="display: block"> |
|
|
:disabled="formType === 'edit'" @blur="handleBlurId"></el-input> |
|
|
<el-input class="u-edit-width-normal" |
|
|
|
|
|
placeholder="请输入证件号或护照号" |
|
|
|
|
|
v-model="fmData.idCard" |
|
|
|
|
|
:disabled="formType === 'edit'" |
|
|
|
|
|
@blur="handleBlurId"></el-input> |
|
|
|
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
<el-form-item label="性别" |
|
|
<el-form-item label="性别" prop="principalName" style="display: block"> |
|
|
prop="principalName" |
|
|
<el-select v-model.trim="fmData.gender" placeholder="性别" size="small" clearable |
|
|
style="display: block"> |
|
|
class="u-edit-width-normal" :disabled="true"> |
|
|
<el-select v-model.trim="fmData.gender" |
|
|
<el-option v-for="item in optionsGender" :key="item.value" :label="item.label" :value="item.value"> |
|
|
placeholder="性别" |
|
|
|
|
|
size="small" |
|
|
|
|
|
clearable |
|
|
|
|
|
class="u-edit-width-normal" |
|
|
|
|
|
:disabled="true"> |
|
|
|
|
|
<el-option v-for="item in optionsGender" |
|
|
|
|
|
:key="item.value" |
|
|
|
|
|
:label="item.label" |
|
|
|
|
|
:value="item.value"> |
|
|
|
|
|
</el-option> |
|
|
</el-option> |
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="年龄" |
|
|
<el-form-item label="年龄" prop="age" style="display: block"> |
|
|
prop="age" |
|
|
<el-input class="u-edit-width-normal" type="number" show-word-limit placeholder="请输入" |
|
|
style="display: block"> |
|
|
v-model="fmData.age" :disabled="true"> |
|
|
<el-input class="u-edit-width-normal" |
|
|
|
|
|
type="number" |
|
|
|
|
|
show-word-limit |
|
|
|
|
|
placeholder="请输入" |
|
|
|
|
|
v-model="fmData.age" |
|
|
|
|
|
:disabled="true"> |
|
|
|
|
|
</el-input> |
|
|
</el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
<el-form-item label="迁入日期" |
|
|
<el-form-item label="迁入日期" prop="inTime" style="display: block"> |
|
|
prop="inTime" |
|
|
<el-date-picker v-model="fmData.inTime" type="date" placeholder="迁入时间" value-format="yyyy-MM-dd" |
|
|
style="display: block"> |
|
|
class="u-edit-width-normal" :disabled="formType === 'edit'"> |
|
|
<el-date-picker v-model="fmData.inTime" |
|
|
|
|
|
type="date" |
|
|
|
|
|
placeholder="迁入时间" |
|
|
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
|
|
class="u-edit-width-normal" |
|
|
|
|
|
:disabled="formType === 'edit'"> |
|
|
|
|
|
</el-date-picker> |
|
|
</el-date-picker> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
<el-form-item label="迁入原因" |
|
|
<el-form-item label="迁入原因" prop="inReason" style="display: block"> |
|
|
prop="inReason" |
|
|
<el-input type="textarea" class="u-edit-width-normal" placeholder="请输入迁入原因" v-model="fmData.inReason"> |
|
|
style="display: block"> |
|
|
|
|
|
<el-input type="textarea" |
|
|
|
|
|
class="u-edit-width-normal" |
|
|
|
|
|
placeholder="请输入迁入原因" |
|
|
|
|
|
v-model="fmData.inReason"> |
|
|
|
|
|
</el-input> |
|
|
</el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
<el-form-item label="来源地" |
|
|
<el-form-item label="来源地" prop="sourceAddress" style="display: block"> |
|
|
prop="sourceAddress" |
|
|
|
|
|
style="display: block"> |
|
|
|
|
|
|
|
|
|
|
|
<el-cascader ref="nowArea" |
|
|
<el-cascader ref="nowArea" class="u-edit-width-normal" :props="areaProps" v-model="nowAllCode" clearable |
|
|
class="u-edit-width-normal" |
|
|
|
|
|
:props="areaProps" |
|
|
|
|
|
v-model="nowAllCode" |
|
|
|
|
|
clearable |
|
|
|
|
|
@change="handleNowArea"></el-cascader> |
|
|
@change="handleNowArea"></el-cascader> |
|
|
|
|
|
|
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="详细地址" |
|
|
<el-form-item label="详细地址" prop="address" style="display: block"> |
|
|
prop="address" |
|
|
<el-input class="u-edit-width-normal" placeholder="请输入详细地址" v-model="fmData.address"> |
|
|
style="display: block"> |
|
|
|
|
|
<el-input class="u-edit-width-normal" |
|
|
|
|
|
placeholder="请输入详细地址" |
|
|
|
|
|
v-model="fmData.address"> |
|
|
|
|
|
</el-input> |
|
|
</el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="迁移证号码" |
|
|
<el-form-item label="迁移证号码" prop="moveNumber" style="display: block"> |
|
|
prop="moveNumber" |
|
|
<el-input class="u-edit-width-normal" placeholder="请输入迁移证号码" v-model="fmData.moveNumber"> |
|
|
style="display: block"> |
|
|
|
|
|
<el-input class="u-edit-width-normal" |
|
|
|
|
|
placeholder="请输入迁移证号码" |
|
|
|
|
|
v-model="fmData.moveNumber"> |
|
|
|
|
|
</el-input> |
|
|
</el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
<el-form-item label="户主姓名" |
|
|
<el-form-item label="户主姓名" prop="householderName" style="display: block"> |
|
|
prop="householderName" |
|
|
<el-input class="u-edit-width-normal" placeholder="请输入户主姓名" v-model="fmData.householderName"> |
|
|
style="display: block"> |
|
|
|
|
|
<el-input class="u-edit-width-normal" |
|
|
|
|
|
placeholder="请输入户主姓名" |
|
|
|
|
|
v-model="fmData.householderName"> |
|
|
|
|
|
</el-input> |
|
|
</el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
<el-form-item label="与户主关系" |
|
|
<el-form-item label="与户主关系" prop="householderRelation" style="display: block"> |
|
|
prop="householderRelation" |
|
|
<el-select v-model.trim="fmData.householderRelation" placeholder="与户主关系" size="small" clearable |
|
|
style="display: block"> |
|
|
|
|
|
<el-select v-model.trim="fmData.householderRelation" |
|
|
|
|
|
placeholder="与户主关系" |
|
|
|
|
|
size="small" |
|
|
|
|
|
clearable |
|
|
|
|
|
class="u-edit-width-normal"> |
|
|
class="u-edit-width-normal"> |
|
|
<el-option v-for="item in optionsRelation" |
|
|
<el-option v-for="item in optionsRelation" :key="item.value" :label="item.label" |
|
|
:key="item.value" |
|
|
|
|
|
:label="item.label" |
|
|
|
|
|
:value="item.value"> |
|
|
:value="item.value"> |
|
|
</el-option> |
|
|
</el-option> |
|
|
</el-select> |
|
|
</el-select> |
|
@ -253,13 +129,9 @@ |
|
|
</el-form> |
|
|
</el-form> |
|
|
</div> |
|
|
</div> |
|
|
<div class="m-edit-btn"> |
|
|
<div class="m-edit-btn"> |
|
|
<el-button size="small" |
|
|
<el-button size="small" @click="handleCancle">取 消</el-button> |
|
|
@click="handleCancle">取 消</el-button> |
|
|
<el-button type="primary" size="small" class="diy-button--blue" :disabled="btnDisable" @click="handleComfirm">保 |
|
|
<el-button type="primary" |
|
|
存</el-button> |
|
|
size="small" |
|
|
|
|
|
class="diy-button--blue" |
|
|
|
|
|
:disabled="btnDisable" |
|
|
|
|
|
@click="handleComfirm">保 存</el-button> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
@ -407,9 +279,9 @@ export default { |
|
|
} = this |
|
|
} = this |
|
|
if (isCard(idCard)) { |
|
|
if (isCard(idCard)) { |
|
|
const { data, code, msg } = await requestPost( |
|
|
const { data, code, msg } = await requestPost( |
|
|
'/epmetuser/icresiuser/checkuser', |
|
|
'/actual/base/residentBaseInfo/getresicount', |
|
|
{ |
|
|
{ |
|
|
idCard, |
|
|
idNum: idCard, |
|
|
agencyId: this.$store.state.user.agencyId |
|
|
agencyId: this.$store.state.user.agencyId |
|
|
} |
|
|
} |
|
|
) |
|
|
) |
|
@ -636,12 +508,13 @@ export default { |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
//咨询了文蕾,这个位置好像不需要查询居民 |
|
|
getHouseMaster() { |
|
|
getHouseMaster() { |
|
|
const { homeId } = this.fmData |
|
|
const { homeId } = this.fmData |
|
|
if (!homeId) return (this.alreadyHaveMaster = false) |
|
|
if (!homeId) return (this.alreadyHaveMaster = false) |
|
|
|
|
|
const params = this.fmData |
|
|
this.$http |
|
|
this.$http |
|
|
.post('/epmetuser/icresiuser/queryhousehold/' + homeId, {}) |
|
|
.post('/actual/base/residentBaseInfo/getResiUserInfoListByHouseInfo' , params) |
|
|
.then(({ data: res }) => { |
|
|
.then(({ data: res }) => { |
|
|
if (res.code !== 0) { |
|
|
if (res.code !== 0) { |
|
|
return this.$message.error(res.msg) |
|
|
return this.$message.error(res.msg) |
|
|