Browse Source

审核状态区分

master
zhangyuan 3 years ago
parent
commit
854893709d
  1. 204
      src/views/modules/epidemic/epidemicuserinfoaudit-add-or-update.vue
  2. 8
      src/views/modules/epidemic/epidemicuserinfoaudit.vue

204
src/views/modules/epidemic/epidemicuserinfoaudit-add-or-update.vue

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

8
src/views/modules/epidemic/epidemicuserinfoaudit.vue

@ -64,7 +64,13 @@
<el-table-column prop="auditReason" label="审核信息" header-align="center" align="center"></el-table-column> <el-table-column prop="auditReason" label="审核信息" header-align="center" align="center"></el-table-column>
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150"> <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">审核</el-button> <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">
{{
scope.row.auditState === '0'
? "审核"
: "查看"
}}
</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>

Loading…
Cancel
Save