|
|
@ -1,51 +1,142 @@ |
|
|
|
<template> |
|
|
|
<el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false"> |
|
|
|
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '140px' : '100px'"> |
|
|
|
<el-form-item label="姓名" prop="userName"> |
|
|
|
<el-input disabled v-model="dataForm.userName" placeholder="姓名"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="身份证号" prop="idCard"> |
|
|
|
<el-input disabled v-model="dataForm.idCard" placeholder="身份证号"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="性别" |
|
|
|
prop="gender"> |
|
|
|
<el-select v-model="dataForm.gender" |
|
|
|
placeholder="性别" |
|
|
|
disabled |
|
|
|
clearable> |
|
|
|
<el-option v-for="item in options" |
|
|
|
:key="item.dictValue" |
|
|
|
:label="item.dictName" |
|
|
|
:value="item.dictValue"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="联系电话" prop="mobile"> |
|
|
|
<el-input disabled v-model="dataForm.mobile" placeholder="手机号或座机号"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="民族" prop="nation"> |
|
|
|
<el-input disabled v-model="dataForm.nation" placeholder="民族"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="户籍地名称" prop="householdRegisterName"> |
|
|
|
<el-input disabled v-model="dataForm.householdRegisterName" placeholder="户籍地名称"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="详细地址" prop="householdRegisterDetail"> |
|
|
|
<el-input disabled v-model="dataForm.householdRegisterDetail" placeholder="户籍地详细地址"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="与户主关系" prop="relation"> |
|
|
|
<el-input disabled v-model="dataForm.relation" placeholder="与户主关系"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="年龄" prop="age"> |
|
|
|
<el-input disabled v-model="dataForm.age" placeholder="年龄"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="现居住地名称" prop="outLiveAddressName"> |
|
|
|
<el-input disabled v-model="dataForm.outLiveAddressName" placeholder="现居住地名称"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="详细地址" prop="outLiveAddressDetail"> |
|
|
|
<el-input disabled v-model="dataForm.outLiveAddressDetail" placeholder="现居住地详细地址"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '160px' : '120px'"> |
|
|
|
<div v-if="dataForm.auditType === '0' || (dataForm.auditType === '1' && dataForm.auditState !== '0')"> |
|
|
|
<el-form-item label="姓名" prop="userName"> |
|
|
|
<el-input disabled v-model="dataForm.userName" placeholder="姓名"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="身份证号" prop="idCard"> |
|
|
|
<el-input disabled v-model="dataForm.idCard" placeholder="身份证号"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="性别" |
|
|
|
prop="gender"> |
|
|
|
<el-select v-model="dataForm.gender" |
|
|
|
placeholder="性别" |
|
|
|
disabled |
|
|
|
clearable> |
|
|
|
<el-option v-for="item in options" |
|
|
|
:key="item.dictValue" |
|
|
|
:label="item.dictName" |
|
|
|
:value="item.dictValue"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="联系电话" prop="mobile"> |
|
|
|
<el-input disabled v-model="dataForm.mobile" placeholder="手机号或座机号"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="民族" prop="nation"> |
|
|
|
<el-input disabled v-model="dataForm.nation" placeholder="民族"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="户籍地名称" prop="householdRegisterName"> |
|
|
|
<el-input disabled v-model="dataForm.householdRegisterName" placeholder="户籍地名称"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="详细地址" prop="householdRegisterDetail"> |
|
|
|
<el-input disabled v-model="dataForm.householdRegisterDetail" placeholder="户籍地详细地址"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="与户主关系" prop="relation"> |
|
|
|
<el-input disabled v-model="dataForm.relation" placeholder="与户主关系"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="年龄" prop="age"> |
|
|
|
<el-input disabled v-model="dataForm.age" placeholder="年龄"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="现居住地名称" prop="outLiveAddressName"> |
|
|
|
<el-input disabled v-model="dataForm.outLiveAddressName" placeholder="现居住地名称"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="详细地址" prop="outLiveAddressDetail"> |
|
|
|
<el-input disabled v-model="dataForm.outLiveAddressDetail" placeholder="现居住地详细地址"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
<div v-if="dataForm.auditType === '1' && dataForm.auditState === '0'"> |
|
|
|
<el-form-item label="姓名" prop="userName"> |
|
|
|
<el-input disabled v-model="dataForm.userName" placeholder="姓名"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item class="red-item" v-if="dataForm.userName !== dataForm.lastUserName" label="姓名(变更前)" prop="lastUserName"> |
|
|
|
<el-input disabled v-model="dataForm.lastUserName" placeholder="姓名"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="身份证号" prop="idCard"> |
|
|
|
<el-input disabled v-model="dataForm.idCard" placeholder="身份证号"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item class="red-item" v-if="dataForm.idCard !== dataForm.lastIdCard" label="身份证号(变更前)" prop="lastIdCard"> |
|
|
|
<el-input disabled v-model="dataForm.lastIdCard" placeholder="身份证号"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="性别" |
|
|
|
prop="gender"> |
|
|
|
<el-select v-model="dataForm.gender" |
|
|
|
placeholder="性别" |
|
|
|
disabled |
|
|
|
clearable> |
|
|
|
<el-option v-for="item in options" |
|
|
|
:key="item.dictValue" |
|
|
|
:label="item.dictName" |
|
|
|
:value="item.dictValue"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="性别(变更前)" |
|
|
|
class="red-item" v-if="dataForm.gender !== dataForm.lastGender" |
|
|
|
prop="lastGender"> |
|
|
|
<el-select v-model="dataForm.lastGender" |
|
|
|
placeholder="性别" |
|
|
|
disabled |
|
|
|
clearable> |
|
|
|
<el-option v-for="item in options" |
|
|
|
:key="item.dictValue" |
|
|
|
:label="item.dictName" |
|
|
|
:value="item.dictValue"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="联系电话" prop="mobile"> |
|
|
|
<el-input disabled v-model="dataForm.mobile" placeholder="手机号或座机号"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item class="red-item" v-if="dataForm.mobile !== dataForm.lastMobile" label="联系电话(变更前)" prop="lastMobile"> |
|
|
|
<el-input disabled v-model="dataForm.lastMobile" placeholder="手机号或座机号"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="民族" prop="nation"> |
|
|
|
<el-input disabled v-model="dataForm.nation" placeholder="民族"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item class="red-item" v-if="dataForm.nation !== dataForm.lastNation" label="民族(变更前)" prop="lastNation"> |
|
|
|
<el-input disabled v-model="dataForm.lastNation" placeholder="民族"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="户籍地名称" prop="householdRegisterName"> |
|
|
|
<el-input disabled v-model="dataForm.householdRegisterName" placeholder="户籍地名称"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item class="red-item" v-if="dataForm.householdRegisterName !== dataForm.lastHouseholdRegisterName" label="户籍地名称(变更前)" prop="lastHouseholdRegisterName"> |
|
|
|
<el-input disabled v-model="dataForm.lastHouseholdRegisterName" placeholder="户籍地名称"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="详细地址" prop="householdRegisterDetail"> |
|
|
|
<el-input disabled v-model="dataForm.householdRegisterDetail" placeholder="户籍地详细地址"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item class="red-item" v-if="dataForm.householdRegisterDetail !== dataForm.lastHouseholdRegisterDetail" label="详细地址(变更前)" prop="lastHouseholdRegisterDetail"> |
|
|
|
<el-input disabled v-model="dataForm.lastHouseholdRegisterDetail" placeholder="户籍地详细地址"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="与户主关系" prop="relation"> |
|
|
|
<el-input disabled v-model="dataForm.relation" placeholder="与户主关系"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item class="red-item" v-if="dataForm.relation !== dataForm.lastRelation" label="与户主关系(变更前)" prop="lastRelation"> |
|
|
|
<el-input disabled v-model="dataForm.lastRelation" placeholder="与户主关系"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="年龄" prop="age"> |
|
|
|
<el-input disabled v-model="dataForm.age" placeholder="年龄"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item class="red-item" v-if="dataForm.age !== dataForm.lastAge" label="年龄(变更前)" prop="lastAge"> |
|
|
|
<el-input disabled v-model="dataForm.lastAge" placeholder="年龄"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="现居住地名称" prop="outLiveAddressName"> |
|
|
|
<el-input disabled v-model="dataForm.outLiveAddressName" placeholder="现居住地名称"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item class="red-item" v-if="dataForm.outLiveAddressName !== dataForm.lastOutLiveAddressName" label="现居住地名称(变更前)" prop="lastOutLiveAddressName"> |
|
|
|
<el-input disabled v-model="dataForm.lastOutLiveAddressName" placeholder="现居住地名称"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="详细地址" prop="outLiveAddressDetail"> |
|
|
|
<el-input disabled v-model="dataForm.outLiveAddressDetail" placeholder="现居住地详细地址"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item class="red-item" v-if="dataForm.outLiveAddressDetail !== dataForm.lastOutLiveAddressDetail" label="详细地址(变更前)" prop="lastOutLiveAddressDetail"> |
|
|
|
<el-input disabled v-model="dataForm.lastOutLiveAddressDetail" placeholder="现居住地详细地址"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
<el-form-item label="审核原因" prop="auditReason"> |
|
|
|
<el-input type="textarea" v-model="dataForm.auditReason" placeholder="审核原因"></el-input> |
|
|
|
<el-input :disabled="dataForm.auditState !=='0'" type="textarea" v-model="dataForm.auditReason" placeholder="审核原因"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<template slot="footer"> |
|
|
@ -69,25 +160,28 @@ export default { |
|
|
|
dataForm: { |
|
|
|
id: '', |
|
|
|
userName: '', |
|
|
|
lastUserName: '', |
|
|
|
idCard: '', |
|
|
|
lastIdCard: '', |
|
|
|
householdRegisterCode: '', |
|
|
|
householdRegisterName: '', |
|
|
|
lastHouseholdRegisterName: '', |
|
|
|
householdRegisterDetail: '', |
|
|
|
revision: '', |
|
|
|
createdBy: '', |
|
|
|
createdTime: '', |
|
|
|
updatedBy: '', |
|
|
|
updatedTime: '', |
|
|
|
delFlag: '', |
|
|
|
lastHouseholdRegisterDetail: '', |
|
|
|
gender: '', |
|
|
|
lastGender: '', |
|
|
|
nation: '', |
|
|
|
lastNation: '', |
|
|
|
relation: '', |
|
|
|
lastRelation: '', |
|
|
|
age: '', |
|
|
|
lastAge: '', |
|
|
|
liveAddressCode: '', |
|
|
|
liveAddressName: '', |
|
|
|
community: '', |
|
|
|
gridName: '', |
|
|
|
mobile: '', |
|
|
|
lastMobile: '', |
|
|
|
deptId: '', |
|
|
|
deptName: '', |
|
|
|
parentDeptIds: '', |
|
|
@ -99,8 +193,10 @@ export default { |
|
|
|
unit: '', |
|
|
|
roomNo: '', |
|
|
|
outLiveAddressDetail: '', |
|
|
|
lastOutLiveAddressDetail: '', |
|
|
|
outLiveAddressCode: '', |
|
|
|
outLiveAddressName: '', |
|
|
|
lastOutLiveAddressName: '', |
|
|
|
userId: '', |
|
|
|
recordId: '', |
|
|
|
unitId: '', |
|
|
@ -183,3 +279,9 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<style> |
|
|
|
.red-item .el-form-item__label { |
|
|
|
color: red; |
|
|
|
} |
|
|
|
</style> |
|
|
|