商户、代理用户认证审核弹窗和详情弹窗，添加图片查看功能

src/views/business/agentVerification/index.vue

@@ -181,13 +181,13 @@
           {{auditForm.legalPersonIdCardShow}}
         </el-form-item>
         <el-form-item :label="$t('business.userManager.userVerification.idCardFront') + '：'">
-          {{auditForm.idCardFrontImagePath}}
+          <el-image style="width: 90px; height: 30px" :src="auditForm.idCardFrontImagePath" :preview-src-list="[form.idCardFrontImagePath]"/>
         </el-form-item>
         <el-form-item :label="$t('business.userManager.userVerification.idCardBack') + '：'">
-          {{auditForm.idCardBackImagePath}}
+          <el-image style="width: 90px; height: 30px" :src="auditForm.idCardBackImagePath" :preview-src-list="[form.idCardBackImagePath]"/>
         </el-form-item>
         <el-form-item :label="$t('business.userManager.userVerification.idCardHolding') + '：'">
-          {{auditForm.userWithIdCardImagePath}}
+          <el-image style="width: 90px; height: 30px" :src="auditForm.userWithIdCardImagePath" :preview-src-list="[form.userWithIdCardImagePath]"/>
         </el-form-item>
         <el-form-item :label="$t('business.agent.agentVerification.businessLicense') + '：'">
           {{auditForm.businessLicenseNumber}}
@@ -219,13 +219,13 @@
           {{ form.legalPersonIdCard }}
         </el-form-item>
         <el-form-item :label="$t('business.userManager.userVerification.idCardFront') + '：'">
-          {{form.idCardFrontImagePath}}
+          <el-image style="width: 90px; height: 30px" :src="form.idCardFrontImagePath" :preview-src-list="[form.idCardFrontImagePath]"/>
         </el-form-item>
         <el-form-item :label="$t('business.userManager.userVerification.idCardBack') + '：'">
-          {{form.idCardBackImagePath}}
+          <el-image style="width: 90px; height: 30px" :src="form.idCardBackImagePath" :preview-src-list="[form.idCardBackImagePath]"/>
         </el-form-item>
         <el-form-item :label="$t('business.userManager.userVerification.idCardHolding') + '：'">
-          {{form.userWithIdCardImagePath}}
+          <el-image style="width: 90px; height: 30px" :src="form.userWithIdCardImagePath" :preview-src-list="[form.userWithIdCardImagePath]"/>
         </el-form-item>
         <el-form-item :label="$t('business.agent.agentVerification.electronicContract') + '：'">
           {{ form.electronicContract }}

src/views/business/merchantVerification/index.vue

@@ -177,14 +177,14 @@
         <el-form-item :label="$t('business.merchant.merchantVerification.businessLicense') + '：'">
           {{auditForm.businessLicenseNumber}}
         </el-form-item>
-        <el-form-item :label="$t('business.userManager.userVerification.idCardFront') + '：'">
-          {{auditForm.idCardFrontImagePath}}
+        <el-form-item :label="$t('business.userManager.userVerification.idCardFront')">
+          <el-image style="width: 90px; height: 30px" :src="auditForm.idCardFrontImagePath" :preview-src-list="[form.idCardFrontImagePath]"/>
         </el-form-item>
-        <el-form-item :label="$t('business.userManager.userVerification.idCardBack') + '：'">
-          {{auditForm.idCardBackImagePath}}
+        <el-form-item :label="$t('business.userManager.userVerification.idCardBack')">
+          <el-image style="width: 90px; height: 30px" :src="auditForm.idCardBackImagePath" :preview-src-list="[form.idCardBackImagePath]"/>
         </el-form-item>
-        <el-form-item :label="$t('business.userManager.userVerification.idCardHolding') + '：'">
-          {{auditForm.userWithIdCardImagePath}}
+        <el-form-item :label="$t('business.userManager.userVerification.idCardHolding')">
+          <el-image style="width: 90px; height: 30px" :src="auditForm.userWithIdCardImagePath" :preview-src-list="[form.userWithIdCardImagePath]"/>
         </el-form-item>
         <el-form-item :label="$t('business.merchant.merchantVerification.authenticationFailureReason') + '：'" prop="failureReason">
           <el-input v-model="auditForm.failureReason" :placeholder="$t('business.merchant.merchantVerification.authenticationFailureReasonPlaceholder')" />
@@ -213,13 +213,13 @@
           {{ form.legalPersonIdCard }}
         </el-form-item>
         <el-form-item :label="$t('business.userManager.userVerification.idCardFront') + '：'">
-          {{form.idCardFrontImagePath}}
+          <el-image style="width: 90px; height: 30px" :src="form.idCardFrontImagePath" :preview-src-list="[form.idCardFrontImagePath]"/>
         </el-form-item>
         <el-form-item :label="$t('business.userManager.userVerification.idCardBack') + '：'">
-          {{form.idCardBackImagePath}}
+          <el-image style="width: 90px; height: 30px" :src="form.idCardBackImagePath" :preview-src-list="[form.idCardBackImagePath]"/>
         </el-form-item>
         <el-form-item :label="$t('business.userManager.userVerification.idCardHolding') + '：'">
-          {{form.userWithIdCardImagePath}}
+          <el-image style="width: 90px; height: 30px" :src="form.userWithIdCardImagePath" :preview-src-list="[form.userWithIdCardImagePath]"/>
         </el-form-item>
         <el-form-item :label="$t('business.merchant.merchantVerification.authenticationDate') + '：'" prop="authenticationDate">
           {{ form.authenticationDate }}