elink-star
/
epmet-oper-gov
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Merge branch 'dev-身份验证1114'

feature/welfareImport
jiangyy 3 years ago
parent
902796e495 8309d0d100
commit
6f7960c784
1 changed files with 258 additions and 339 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 597
      src/views/modules/base/huji/immigration/edit.vue

597
src/views/modules/base/huji/immigration/edit.vue
View File

@ -1,366 +1,285 @@
<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="所属网格 "
> prop="gridId"
<el-form-item label-width="150px"
label="所属网格 " style="display: block">
prop="gridId" <el-select v-model.trim="fmData.gridId"
label-width="150px" placeholder="请选择"
style="display: block" size="small"
> clearable
<el-select class="item_width_1"
v-model.trim="fmData.gridId" :disabled="formType === 'edit'"
placeholder="请选择" @change="handleChangeGrid">
size="small" <el-option v-for="item in optionsG"
clearable :key="item.value"
class="item_width_1" :label="item.label"
:disabled="formType === 'edit'" :value="item.value">
@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 <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'"
> class="item_width_2"
<el-input placeholder="请输入来源地"
v-if="formType == 'detail'" disabled
class="item_width_2" v-model="fmData.allName" />
placeholder="请输入来源地"
disabled
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 class="resi-cell-select"
class="resi-cell-select" @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"
> :key="item.value"
<el-option :label="item.label"
v-for="item in optionsV" :value="item.value">
:key="item.value"
:label="item.label"
: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 style="margin-right: 8px; width: 120px"
style="margin-right: 8px; width: 120px" 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"
> :key="item.value"
<el-option :label="item.label"
v-for="item in optionsB" :value="item.value">
:key="item.value"
:label="item.label"
: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" clearable
clearable 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"
> :key="item.value"
<el-option :label="item.label"
v-for="item in optionsD" :value="item.value">
:key="item.value"
:label="item.label"
: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"
> :key="item.value"
<el-option :label="item.label"
v-for="item in optionsH" :value="item.value">
:key="item.value"
:label="item.label"
: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"
> style="margin-right: 20px"
<el-input placeholder="请输入姓名 "
class="item_width_1" v-model="fmData.name"
style="margin-right: 20px" :disabled="formType === 'edit'"
placeholder="请输入姓名 " maxlength="30">
v-model="fmData.name"
:disabled="formType === 'edit'"
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">补充居民信息</el-checkbox>
@change="checkResiAvailable"
>补充居民信息</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">补充居民信息</el-checkbox>
@change="checkResiAvailable"
>补充居民信息</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"
> type="number"
<el-input maxlength="11"
class="item_width_1" show-word-limit
type="number" placeholder="请输入手机号 "
maxlength="11" :disabled="formType === 'edit'"
show-word-limit v-model="fmData.mobile">
placeholder="请输入手机号 "
:disabled="formType === 'edit'"
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"
> placeholder="请输入身份证号或护照号"
<el-input v-model="fmData.idCard"
class="item_width_1" :disabled="formType === 'edit'"
placeholder="请输入身份证号或护照号" @blur="handleBlurId"></el-input>
v-model="fmData.idCard"
:disabled="formType === 'edit'"
@blur="handleBlurId"
></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"
> placeholder="性别"
<el-select size="small"
v-model.trim="fmData.gender" clearable
placeholder="性别" class="item_width_1"
size="small" :disabled="true">
clearable <el-option v-for="item in optionsGender"
class="item_width_1" :key="item.value"
:disabled="true" :label="item.label"
> :value="item.value">
<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 <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"
> type="number"
<el-input show-word-limit
class="item_width_1" placeholder="请输入"
type="number" v-model="fmData.age"
show-word-limit :disabled="true">
placeholder="请输入"
v-model="fmData.age"
: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"
> type="date"
<el-date-picker placeholder="迁入时间"
v-model="fmData.inTime" value-format="yyyy-MM-dd"
type="date" class="item_width_1"
placeholder="迁入时间" :disabled="formType === 'edit'">
value-format="yyyy-MM-dd"
class="item_width_1"
: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"
> class="item_width_2"
<el-input placeholder="请输入迁入原因"
type="textarea" v-model="fmData.inReason">
class="item_width_2"
placeholder="请输入迁入原因"
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'"
> class="item_width_2"
<el-input placeholder="请输入来源地"
v-if="formType == 'detail'" disabled
class="item_width_2" v-model="fmData.sourceAddress" />
placeholder="请输入来源地" <el-cascader v-else
disabled ref="nowArea"
v-model="fmData.sourceAddress" class="item_width_1"
/> :props="areaProps"
<el-cascader v-else ref="nowArea" class="item_width_1" :props="areaProps" v-model="nowAllCode"
v-model="nowAllCode" clearable @change="handleNowArea"></el-cascader> 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"
> placeholder="请输入详细地址"
<el-input v-model="fmData.address">
class="item_width_1"
placeholder="请输入详细地址"
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"
> placeholder="请输入迁移证号码"
<el-input v-model="fmData.moveNumber">
class="item_width_1"
placeholder="请输入迁移证号码"
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"
> placeholder="请输入户主姓名"
<el-input v-model="fmData.householderName">
class="item_width_1"
placeholder="请输入户主姓名"
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"
> placeholder="与户主关系"
<el-select size="small"
v-model.trim="fmData.householderRelation" clearable
placeholder="与户主关系" class="item_width_1">
size="small" <el-option v-for="item in optionsRelation"
clearable :key="item.value"
class="item_width_1" :label="item.label"
> :value="item.value">
<el-option
v-for="item in optionsRelation"
: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> </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>
@ -371,7 +290,7 @@ import formVltHelper from 'dai-js/tools/formVltHelper'
import { computedCard } from '@/utils/index' import { computedCard } from '@/utils/index'
import { isCard, isMobile } from '@/utils/validate' import { isCard, isMobile } from '@/utils/validate'
function iniFmData() { function iniFmData () {
return { return {
gridId: '', gridId: '',
villageId: '', villageId: '',
@ -400,7 +319,7 @@ function iniFmData() {
} }
export default { export default {
data() { data () {
return { return {
formType: 'add', //表单操作类型 add新增，edit编辑，detail详情 formType: 'add', //表单操作类型 add新增，edit编辑，detail详情
@ -436,7 +355,7 @@ export default {
}, },
components: {}, components: {},
computed: { computed: {
dataRule() { dataRule () {
let checkIdCard = (rule, value, callback) => { let checkIdCard = (rule, value, callback) => {
if (value === '') { if (value === '') {
callback(new Error('请输入证件号')) callback(new Error('请输入证件号'))
@ -469,26 +388,26 @@ 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' }
] // ]
} }
}, },
changeVDisabled() { changeVDisabled () {
return !this.fmData.villageId return !this.fmData.villageId
}, },
changeBDisabled() { changeBDisabled () {
return !this.fmData.buildId return !this.fmData.buildId
}, },
changeDDisabled() { changeDDisabled () {
return !this.fmData.unitId return !this.fmData.unitId
} }
}, },
props: {}, props: {},
watch: {}, watch: {},
async mounted() { async mounted () {
console.log('mounted-----我执行了') console.log('mounted-----我执行了')
await this.getGridList() await this.getGridList()
@ -496,13 +415,13 @@ export default {
}, },
methods: { methods: {
lzayLoadArea(node, resolve) { lzayLoadArea (node, resolve) {
// this.getArea(node, resolve) // this.getArea(node, resolve)
setTimeout(() => { setTimeout(() => {
this.getArea(node, resolve) this.getArea(node, resolve)
}, 200) }, 200)
}, },
async checkResiAvailable() { async checkResiAvailable () {
const { const {
fmData: { idCard, isResiUser } fmData: { idCard, isResiUser }
} = this } = this
@ -528,7 +447,7 @@ export default {
} }
} }
}, },
handleNowArea(val) { handleNowArea (val) {
console.log('val-----', val) console.log('val-----', val)
console.log('label-----', this.$refs.nowArea.getCheckedNodes()) console.log('label-----', this.$refs.nowArea.getCheckedNodes())
if (val.length > 0) { if (val.length > 0) {
@ -544,7 +463,7 @@ export default {
this.fmData.sourceAddressPathCode = '' this.fmData.sourceAddressPathCode = ''
} }
}, },
handleBlurId(val) { handleBlurId (val) {
const { sex, age } = computedCard(this.fmData.idCard) const { sex, age } = computedCard(this.fmData.idCard)
if (val) { if (val) {
this.fmData.age = age this.fmData.age = age
@ -553,20 +472,20 @@ export default {
} }
}, },
handleClearVillage() { handleClearVillage () {
this.fmData.buildId = '' this.fmData.buildId = ''
this.fmData.homeId = '' this.fmData.homeId = ''
}, },
handleClearBuild() { handleClearBuild () {
this.fmData.buildId = '' this.fmData.buildId = ''
this.fmData.unitId = '' this.fmData.unitId = ''
this.fmData.homeId = '' this.fmData.homeId = ''
}, },
handleClearDan() { handleClearDan () {
this.fmData.unitId = '' this.fmData.unitId = ''
this.fmData.homeId = '' this.fmData.homeId = ''
}, },
handleChangeGrid(val) { handleChangeGrid (val) {
console.log('val', val) console.log('val', val)
this.fmData.villageId = '' this.fmData.villageId = ''
this.fmData.buildId = '' this.fmData.buildId = ''
@ -576,7 +495,7 @@ export default {
this.fmData.householderRelation = '' this.fmData.householderRelation = ''
this.getValiheList() this.getValiheList()
}, },
handleChangeV(val) { handleChangeV (val) {
console.log('val', val) console.log('val', val)
this.fmData.buildId = '' this.fmData.buildId = ''
this.fmData.unitId = '' this.fmData.unitId = ''
@ -585,7 +504,7 @@ export default {
this.fmData.householderRelation = '' this.fmData.householderRelation = ''
this.getBuildList() this.getBuildList()
}, },
handleChangeB(val) { handleChangeB (val) {
console.log('val', val) console.log('val', val)
this.fmData.unitId = '' this.fmData.unitId = ''
this.fmData.homeId = '' this.fmData.homeId = ''
@ -593,14 +512,14 @@ export default {
this.fmData.householderRelation = '' this.fmData.householderRelation = ''
this.getUniList() this.getUniList()
}, },
handleChangeD(val) { handleChangeD (val) {
console.log('val', val) console.log('val', val)
this.fmData.homeId = '' this.fmData.homeId = ''
this.fmData.householderName = '' this.fmData.householderName = ''
this.fmData.householderRelation = '' this.fmData.householderRelation = ''
this.getHouseList() this.getHouseList()
}, },
handleChangeH(val) { handleChangeH (val) {
console.log('val', val) console.log('val', val)
this.getHouseMaster() this.getHouseMaster()
}, },
@ -629,7 +548,7 @@ export default {
} }
}, },
getRelationList() { getRelationList () {
const { user } = this.$store.state const { user } = this.$store.state
this.$http this.$http
.post('/sys/dict/data/relationship', { .post('/sys/dict/data/relationship', {
@ -648,7 +567,7 @@ export default {
}) })
}, },
getGridList() { getGridList () {
const { user } = this.$store.state const { user } = this.$store.state
this.$http this.$http
.post('/gov/org/customergrid/gridoption', { .post('/gov/org/customergrid/gridoption', {
@ -667,7 +586,7 @@ export default {
return this.$message.error('网络错误') return this.$message.error('网络错误')
}) })
}, },
getValiheList() { getValiheList () {
const { user } = this.$store.state const { user } = this.$store.state
this.$http this.$http
.post('/gov/org/icneighborhood/neighborhoodoption', { .post('/gov/org/icneighborhood/neighborhoodoption', {
@ -687,7 +606,7 @@ export default {
return this.$message.error('网络错误') return this.$message.error('网络错误')
}) })
}, },
getBuildList() { getBuildList () {
this.$http this.$http
.post('/gov/org/icbuilding/buildingoption', { .post('/gov/org/icbuilding/buildingoption', {
neighborHoodId: this.fmData.villageId neighborHoodId: this.fmData.villageId
@ -704,7 +623,7 @@ export default {
return this.$message.error('网络错误') return this.$message.error('网络错误')
}) })
}, },
getUniList() { getUniList () {
this.$http this.$http
.post('/gov/org/icbuildingunit/unitoption', { .post('/gov/org/icbuildingunit/unitoption', {
buildingId: this.fmData.buildId buildingId: this.fmData.buildId
@ -721,7 +640,7 @@ export default {
return this.$message.error('网络错误') return this.$message.error('网络错误')
}) })
}, },
getHouseList() { getHouseList () {
this.$http this.$http
.post('/gov/org/ichouse/houseoption', { unitId: this.fmData.unitId }) .post('/gov/org/ichouse/houseoption', { unitId: this.fmData.unitId })
.then(({ data: res }) => { .then(({ data: res }) => {
@ -737,7 +656,7 @@ export default {
}) })
}, },
getHouseMaster() { getHouseMaster () {
const { homeId } = this.fmData const { homeId } = this.fmData
if (!homeId) return (this.alreadyHaveMaster = false) if (!homeId) return (this.alreadyHaveMaster = false)
@ -763,7 +682,7 @@ export default {
}) })
}, },
async initForm(type, id) { async initForm (type, id) {
this.$refs.ref_form.resetFields() this.$refs.ref_form.resetFields()
this.formType = type this.formType = type
@ -778,7 +697,7 @@ export default {
this.getHouseList() this.getHouseList()
} }
}, },
async getDatail(moveInId) { async getDatail (moveInId) {
let url = '/epmetuser/icMoveIn/detail' let url = '/epmetuser/icMoveIn/detail'
const params = { const params = {
@ -792,7 +711,7 @@ export default {
} else this.$message.error(msg) } else this.$message.error(msg)
}, },
async handleComfirm() { async handleComfirm () {
// setTimeout(() => { // setTimeout(() => {
// this.btnDisable = false // this.btnDisable = false
@ -834,7 +753,7 @@ export default {
}) })
}, },
async submit() { async submit () {
let url = '' let url = ''
if (this.formType === 'add') { if (this.formType === 'add') {
@ -861,11 +780,11 @@ export default {
} }
}, },
handleCancle() { handleCancle () {
this.resetData() this.resetData()
this.$emit('dialogCancle') this.$emit('dialogCancle')
}, },
resetData() { resetData () {
this.orgId = '' this.orgId = ''
this.nowAllCode = [] this.nowAllCode = []
this.btnDisable = false this.btnDisable = false

Write Preview
Loading…
Cancel
Save