员工相关页面增加监护人身份证正面展示

src/views/elder/elderinfo/ElderInfo.data.ts

@@ -197,4 +197,5 @@ export const applyObj = {
   elderModifyStatus: '长者信息变更状态  1修改申请中 2通过 3驳回',
   elderModifyContent: '长者信息变更驳回原因',
   elderModifyId: '长者变更信息对应子表id nu_biz_elder_modify_info.id',
+  guardianIdCardPositive:'监护人身份证正面',
 };

src/views/elder/elderinfo/components/ElderInfoForm.vue

@@ -4,8 +4,8 @@
       <template #detail>
         <a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol"
           name="ElderInfoForm">
-          <a-row>
+          <a-row class="card-class">
-            <a-col :span="24">
+            <a-col :span="24" style="border-bottom: 2px solid #f7f7f7; margin-bottom: 14px;">
               <SectionDivider :title="'长者信息'" />
             </a-col>
             <a-col :span="12">
@@ -61,15 +61,18 @@
                 <span>{{ formData.houseAddress }}</span>
               </a-form-item>
             </a-col>
-            <a-col :span="24">
+          </a-row>
+          <a-row class="card-class">
+            <a-col :span="24" style="border-bottom: 2px solid #f7f7f7; margin-bottom: 14px;">
               <SectionDivider :title="'监护人信息'" />
             </a-col>
-            <a-col :span="12">
+            <a-col :span="24">
-              <a-form-item label="关系" v-bind="validateInfos.relationship" id="ElderInfoForm-relationship"
+              <a-col :span="12">
-                name="relationship">
+                <a-form-item label="身份证正面" v-bind="validateInfos.guardianIdCardPositive" id="ElderInfoForm-guardianIdCardPositive"
-                <!-- <a-input v-model:value="formData.relationship" placeholder="请输入关系" allow-clear></a-input> -->
+                  name="guardianIdCardPositive">
-                <span>{{ formData.relationship }}</span>
+                  <j-image-upload :fileMax="1" :value="opeMediaAddress + formData.guardianIdCardPositive"></j-image-upload>
-              </a-form-item>
+                </a-form-item>
+              </a-col>
             </a-col>
             <a-col :span="12">
               <a-form-item label="姓名" v-bind="validateInfos.guardianName" id="ElderInfoForm-guardianName"
@@ -78,6 +81,13 @@
                 <span>{{ formData.guardianName }}</span>
               </a-form-item>
             </a-col>
+            <a-col :span="12">
+              <a-form-item label="关系" v-bind="validateInfos.relationship" id="ElderInfoForm-relationship"
+                name="relationship">
+                <!-- <a-input v-model:value="formData.relationship" placeholder="请输入关系" allow-clear></a-input> -->
+                <span>{{ formData.relationship }}</span>
+              </a-form-item>
+            </a-col>
             <a-col :span="12">
               <a-form-item label="身份证号" v-bind="validateInfos.guardianIdCard" id="ElderInfoForm-guardianIdCard"
                 name="guardianIdCard">
@@ -106,7 +116,9 @@
                 <span>{{ formData.guardianWorkUnit }}</span>
               </a-form-item>
             </a-col>
-            <a-col :span="24">
+          </a-row>
+          <a-row class="card-class">
+            <a-col :span="24" style="border-bottom: 2px solid #f7f7f7; margin-bottom: 14px;">
               <SectionDivider :title="'长者身份证'" />
             </a-col>
             <a-col :span="12">
@@ -192,6 +204,11 @@ const formData = reactive<Record<string, any>>({
   issuingAuthority: '',
   startTime: '',
   endTime: '',
+  guardianBirthDate: '',
+  guardianSex: '',
+  guardianNational: '',
+  guardianCardHome: '',
+  guardianIdCardPositive: '',
 });
 const { createMessage } = useMessage();
 const labelCol = ref<any>({ xs: { span: 24 }, sm: { span: 8 } });
@@ -311,4 +328,17 @@ defineExpose({
 .antd-modal-form {
   // padding: 14px;
 }
+
+.card-class {
+  padding-top: 24px;
+  padding-bottom: 24px;
+  padding-left: 14px;
+  padding-right: 14px;
+  // background-color: rgba(255, 255, 255, 0.9);
+  background-color: #fcfdff;
+  border-radius: 10px;
+  // box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px;
+  margin-bottom: 14px;
+
+}
 </style>

src/views/elder/elderinfo/components/ElderUpInfoForm.vue

@@ -38,7 +38,8 @@
         </a-table>
       </a-col>
     </a-row>
-    <a-form style="margin-top: 14px;height: 100px;" ref="formRef" layout="horizontal" :model="formData" :label-col="labelCol" :wrapper-col="wrapperCol">
+    <a-form style="margin-top: 14px;height: 100px;" ref="formRef" layout="horizontal" :model="formData"
+      :label-col="labelCol" :wrapper-col="wrapperCol">
       <a-row :gutter="16">
         <a-col :span="12">
           <a-form-item label="审核结果" name="status" v-bind="validateInfos.status">
@@ -156,6 +157,11 @@ const filteredTableData = computed(() => {
     // && item.d1 !== 'elderModifyStatus'
     // && item.d1 !== 'elderModifyContent'
     // && item.d1 !== 'elderModifyId'
+    && item.d1 !== 'guardianBirthDate'
+    && item.d1 !== 'guardianSex'
+    && item.d1 !== 'guardianNational'
+    && item.d1 !== 'guardianCardHome'
+    && item.d1 !== 'guardianIdCardPositive'
   );
 });
 

src/views/elder/elderinfo/components/GuaUpInfoForm.vue

@@ -77,7 +77,7 @@ const { createMessage } = useMessage();
 const labelCol = { span: 4 };  // 标签宽度
 const wrapperCol = { span: 18 }; // 控件宽度
 const isImg = (v_) => {
-  return v_ == 'idCardPositive' || v_ == 'idCardNegative' || v_ == 'healthCertificatePositive' || v_ == 'bankPositive' || v_ == 'bankNegative' || v_ == 'qualification' || v_ == 'noCrimeCertificate'
+  return v_ == 'guardianIdCardPositive' || v_ == 'idCardNegative' || v_ == 'healthCertificatePositive' || v_ == 'bankPositive' || v_ == 'bankNegative' || v_ == 'qualification' || v_ == 'noCrimeCertificate'
 }
 const provinceOptions = ref({})
 const formData = reactive<Record<string, any>>({
@@ -155,6 +155,10 @@ const filteredTableData = computed(() => {
     && item.d1 !== 'elderModifyStatus'
     && item.d1 !== 'elderModifyContent'
     && item.d1 !== 'elderModifyId'
+    && item.d1 !== 'guardianBirthDate'
+    && item.d1 !== 'guardianSex'
+    && item.d1 !== 'guardianNational'
+    && item.d1 !== 'guardianCardHome'
   );
 });