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>
<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' }
// ]
}
},

Loading…
Cancel
Save