Browse Source

Merge branch 'dev-身份验证1114'

feature/welfareImport
jiangyy 3 years ago
parent
commit
6f7960c784
  1. 283
      src/views/modules/base/huji/immigration/edit.vue

283
src/views/modules/base/huji/immigration/edit.vue

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

Loading…
Cancel
Save