This commit is contained in:
yanran200730
2022-06-16 14:53:11 +08:00

View File

@@ -1,7 +1,7 @@
<template>
<div class="add">
<div class="item">
<span class="tips">*</span>
<span class="tips"></span>
<div class="border">
<span class="label">居民类型</span>
<span class="value" @click="clickSelect('residentType', 'residentType')">
@@ -11,7 +11,7 @@
</span>
</div>
</div>
<div class="item">
<!-- <div class="item">
<span class="tips">*</span>
<div class="border">
<span class="label">是否户主</span>
@@ -41,7 +41,7 @@
<img src="./components/img/right-icon.png" alt="">
</span>
</div>
</div>
</div> -->
<div class="item">
<span class="tips">*</span>
<div class="border">
@@ -56,15 +56,15 @@
<div class="border">
<span class="label">身份证号</span>
<span class="value">
<input type="idcard" placeholder="请输入" v-model="form.idNumber" maxlength="18" @input="changeIdNumber" :disabled="this.form.id ? true : false">
<input type="idcard" placeholder="请输入" v-model="form.idNumber" maxlength="18" :disabled="this.form.id ? true : false">
</span>
</div>
</div>
<div class="item">
<span class="tips">*</span>
<span class="tips"></span>
<div class="border">
<span class="label">性别</span>
<span class="value">
<span class="value" @click="clickSelect('sex', 'sex')">
<span v-if="form.sex === ''" class="color-999">请选择</span>
<span v-else>{{$dict.getLabel('sex', form.sex)}}</span>
<img src="./components/img/right-icon.png" alt="">
@@ -72,15 +72,24 @@
</div>
</div>
<div class="item">
<span class="tips">*</span>
<span class="tips"></span>
<div class="border">
<span class="label">出生日期</span>
<span class="value">
<span class="value" @click="dateShow=true">
<span :class="form.birthDate == '' ? 'color-999' : ''">{{form.birthDate || '请选择'}}</span>
<img src="./components/img/right-icon.png" alt="">
</span>
</div>
</div>
<div class="item">
<span class="tips"></span>
<div class="border">
<span class="label">年龄</span>
<span class="value">
<input type="number" placeholder="请输入" v-model="form.age" maxlength="4">
</span>
</div>
</div>
<div class="item">
<span class="tips"></span>
<div class="border">
@@ -91,7 +100,7 @@
</div>
</div>
<div class="item">
<span class="tips">*</span>
<span class="tips"></span>
<div class="border">
<span class="label">现住址</span>
<span class="value">
@@ -106,7 +115,7 @@
</div>
</div>
<div class="item">
<span class="tips">*</span>
<span class="tips"></span>
<div class="border">
<span class="label"></span>
<span class="value">
@@ -115,7 +124,7 @@
</div>
</div>
<div class="item">
<span class="tips">*</span>
<span class="tips"></span>
<div class="border">
<span class="label"></span>
<span class="value">
@@ -132,7 +141,7 @@
<div class="text-area">
<textarea placeholder="请输入" maxlength="30" v-model="form.currentAddress"></textarea>
</div> -->
<div class="item">
<!-- <div class="item">
<span class="tips"></span>
<div class="border">
<span class="label">户籍地址</span>
@@ -155,12 +164,13 @@
</div>
<div class="text-area">
<textarea placeholder="请输入" maxlength="30" v-model="form.householdAddress"></textarea>
</div>
</div> -->
<div class="pad-b152"></div>
<div class="add-btn" @click="submit">
<div>保存</div>
</div>
<u-select v-model="showSelect" :list="selectList" label-name="dictName" value-name="dictValue" @confirm="confirmSelect"/>
<u-picker mode="time" v-model="dateShow" @confirm="confirmTime" ></u-picker>
</div>
</template>
@@ -192,6 +202,7 @@ export default {
currentAddressNo: ''
},
showSelect: false,
dateShow: false,
formName: '',
selectList: []
}
@@ -214,45 +225,46 @@ export default {
methods: {
submit() {
if(this.form.residentType === '') {
return this.$u.toast('请选择居民类型')
}
if(this.form.householdName === '') {
return this.$u.toast('请选择是否户主')
}
if(this.form.householdName != 1 && !this.form.householdIdNumber) {
return this.$u.toast('请输入户主身份证')
}
if(this.form.householdName != 1 && this.form.householdRelation === '') {
return this.$u.toast('请选择与户主关系')
// return this.$u.toast('请选择居民类型')
this.form.residentType ='0'
}
// if(this.form.householdName === '') {
// return this.$u.toast('请选择是否户主')
// }
// if(this.form.householdName != 1 && !this.form.householdIdNumber) {
// return this.$u.toast('请输入户主身份证')
// }
// if(this.form.householdName != 1 && this.form.householdRelation === '') {
// return this.$u.toast('请选择与户主关系')
// }
if(!this.form.name) {
return this.$u.toast('请输入姓名')
}
if(!this.form.idNumber) {
return this.$u.toast('请输入身份证号')
}
if(!this.form.sex) {
return this.$u.toast('请选择性别')
}
if(!this.form.birthDate) {
return this.$u.toast('请选择出生日期')
}
if(!this.form.currentAreaId) {
return this.$u.toast('请选择现住址')
}
if(!/[^0]0{0,2}$/.test(this.form.currentAreaId)) {
return this.$u.toast('现住址必须选到村级')
}
if(!this.form.currentAddressGroup) {
return this.$u.toast('请输入组')
}
if(!this.form.currentAddressNo) {
return this.$u.toast('请输入户')
}
if(this.form.householdAreaId && !/[^0]0{0,2}$/.test(this.form.householdAreaId)) {
return this.$u.toast('户籍地必须选到村级')
}
this.form.age = this.$calcAge(this.form.idNumber)
// if(!this.form.sex) {
// return this.$u.toast('请选择性别')
// }
// if(!this.form.birthDate) {
// return this.$u.toast('请选择出生日期')
// }
// if(!this.form.currentAreaId) {
// return this.$u.toast('请选择现住址')
// }
// if(!/[^0]0{0,2}$/.test(this.form.currentAreaId)) {
// return this.$u.toast('现住址必须选到村级')
// }
// if(!this.form.currentAddressGroup) {
// return this.$u.toast('请输入组')
// }
// if(!this.form.currentAddressNo) {
// return this.$u.toast('请输入户')
// }
// if(this.form.householdAreaId && !/[^0]0{0,2}$/.test(this.form.householdAreaId)) {
// return this.$u.toast('户籍地必须选到村级')
// }
// this.form.age = this.$calcAge(this.form.idNumber)
this.$http.post('/app/appresident/addOrUpdate', this.form).then(res => {
if (res.code === 0) {
this.$u.toast('新增成功')
@@ -276,6 +288,9 @@ export default {
this.formName = formName
this.showSelect = true
},
confirmTime(e) {
this.form.birthDate = `${e.year}-${e.month}-${e.day}`
},
changeIdNumber() {
let reg = /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
if (this.form.idNumber.length == 18 && !reg.test(this.form.idNumber)) {