From 854893709d97cd97e9f792e82cb4db51ec7550aa Mon Sep 17 00:00:00 2001
From: zhangyuan <zhangyuan@sarnasea.com>
Date: Thu, 30 Jun 2022 13:59:15 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=A1=E6=A0=B8=E7=8A=B6=E6=80=81=E5=8C=BA?=
 =?UTF-8?q?=E5=88=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../epidemicuserinfoaudit-add-or-update.vue   | 204 +++++++++++++-----
 .../epidemic/epidemicuserinfoaudit.vue        |   8 +-
 2 files changed, 160 insertions(+), 52 deletions(-)

diff --git a/src/views/modules/epidemic/epidemicuserinfoaudit-add-or-update.vue b/src/views/modules/epidemic/epidemicuserinfoaudit-add-or-update.vue
index 5b3e5d3..0fcf644 100644
--- a/src/views/modules/epidemic/epidemicuserinfoaudit-add-or-update.vue
+++ b/src/views/modules/epidemic/epidemicuserinfoaudit-add-or-update.vue
@@ -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>
diff --git a/src/views/modules/epidemic/epidemicuserinfoaudit.vue b/src/views/modules/epidemic/epidemicuserinfoaudit.vue
index 8964c62..c0e5546 100644
--- a/src/views/modules/epidemic/epidemicuserinfoaudit.vue
+++ b/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 :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
           <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>
         </el-table-column>
       </el-table>