From 953b38c28a8f5c43204796cbfb78f08081cecdb7 Mon Sep 17 00:00:00 2001
From: GhubCy <96762949+GhubCy@users.noreply.github.com>
Date: Thu, 29 May 2025 00:20:06 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=A4=E8=AF=81=E7=8A=B6=E6=80=81=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/business/userVerification/index.vue | 279 +++++++++++-------
 1 file changed, 175 insertions(+), 104 deletions(-)

diff --git a/src/views/business/userVerification/index.vue b/src/views/business/userVerification/index.vue
index cabb7ef..03694b3 100644
--- a/src/views/business/userVerification/index.vue
+++ b/src/views/business/userVerification/index.vue
@@ -26,7 +26,10 @@
         />
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">{{ $t('common.button.search') }}</el-button>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">{{
+            $t('common.button.search')
+          }}
+        </el-button>
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">{{ $t('common.button.reset') }}</el-button>
       </el-form-item>
     </el-form>
@@ -40,54 +43,75 @@
           size="mini"
           @click="handleExport"
           v-hasPermi="['business:userVerification:export']"
-        >{{ $t('common.button.export') }}</el-button>
+        >{{ $t('common.button.export') }}
+        </el-button>
       </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
     <el-table v-loading="loading" :data="userVerificationList" @selection-change="handleSelectionChange">
-      <el-table-column type="selection" width="55" align="center" />
-      <el-table-column :label="$t('business.userManager.userVerification.account')" align="center" prop="userAccount" />
-      <el-table-column :label="$t('business.userManager.userVerification.name')" align="center" prop="userInfoName" />
-      <el-table-column :label="$t('business.userManager.userVerification.idCard')" align="center" prop="idCard" />
-      <el-table-column :label="$t('business.userManager.userVerification.nationality')" align="center" prop="nationality" />
-      <el-table-column :label="$t('business.userManager.userVerification.biometrics')" align="center" prop="status" >
+      <el-table-column type="selection" width="55" align="center"/>
+      <el-table-column :label="$t('business.userManager.userVerification.account')" align="center" prop="userAccount"/>
+      <el-table-column :label="$t('business.userManager.userVerification.name')" align="center" prop="userInfoName"/>
+      <el-table-column :label="$t('business.userManager.userVerification.idCard')" align="center" prop="idCard"/>
+      <el-table-column :label="$t('business.userManager.userVerification.nationality')" align="center"
+                       prop="nationality"/>
+      <el-table-column :label="$t('business.userManager.userVerification.biometrics')" align="center" prop="status">
         <template slot-scope="scope">
-          <el-tag type="danger" v-if="scope.row.biometrics == '0'">{{ $t('business.userManager.userVerification.biometricsUnverified') }}</el-tag>
-          <el-tag type="success" v-if="scope.row.biometrics == '1'">{{ $t('business.userManager.userVerification.biometricsVerified') }}</el-tag>
+          <el-tag type="danger" v-if="scope.row.biometrics == '0'">
+            {{ $t('business.userManager.userVerification.biometricsUnverified') }}
+          </el-tag>
+          <el-tag type="success" v-if="scope.row.biometrics == '1'">
+            {{ $t('business.userManager.userVerification.biometricsVerified') }}
+          </el-tag>
         </template>
       </el-table-column>
-      <el-table-column :label="$t('business.userManager.userVerification.idCardVerification')" align="center" prop="status" >
+      <el-table-column :label="$t('business.userManager.userVerification.idCardVerification')" align="center"
+                       prop="status">
         <template slot-scope="scope">
-          <el-tag type="primary" v-if="scope.row.status == '0'  || scope.row.status == null">{{ $t('business.userManager.userVerification.statusUnverified') }}</el-tag>
-          <el-tag type="success" v-if="scope.row.status == '1'">{{ $t('business.userManager.userVerification.statusVerified') }}</el-tag>
-          <el-tag type="danger" v-if="scope.row.status == '2'">{{ $t('business.userManager.userVerification.statusFailed') }}</el-tag>
-          <el-tag type="warning" v-if="scope.row.status == '3'">{{ $t('business.userManager.userVerification.statusPending') }}</el-tag>
+          <el-tag type="primary" v-if="scope.row.status == '0'  || scope.row.status == null">
+            {{ $t('business.userManager.userVerification.statusUnverified') }}
+          </el-tag>
+          <el-tag type="success" v-if="scope.row.status == '1'">
+            {{ $t('business.userManager.userVerification.statusPending') }}
+          </el-tag>
+          <el-tag type="danger" v-if="scope.row.status == '2'">
+            {{ $t('business.userManager.userVerification.statusVerified') }}
+          </el-tag>
+          <el-tag type="warning" v-if="scope.row.status == '3'">
+            {{ $t('business.userManager.userVerification.statusFailed') }}
+          </el-tag>
         </template>
       </el-table-column>
-      <el-table-column :label="$t('business.userManager.userVerification.verificationTime')" align="center" prop="authenticationDate" width="180">
+      <el-table-column :label="$t('business.userManager.userVerification.verificationTime')" align="center"
+                       prop="authenticationDate" width="180">
       </el-table-column>
-      <el-table-column :label="$t('business.userManager.userVerification.failureReason')" align="center" prop="failureReason" />
-      <el-table-column :label="$t('common.tableMsg.operation')" align="center" width="200" class-name="small-padding fixed-width">
+      <el-table-column :label="$t('business.userManager.userVerification.failureReason')" align="center"
+                       prop="failureReason"/>
+      <el-table-column :label="$t('common.tableMsg.operation')" align="center" width="200"
+                       class-name="small-padding fixed-width">
         <template slot-scope="scope">
-          <el-button v-if="(scope.row.status == null || scope.row.status == '2')"
+          <el-button v-if="(scope.row.status == null || scope.row.status == 0)"
                      size="mini"
                      type="text"
                      icon="el-icon-document-add"
                      @click="handleAdd(scope.row)"
-          >{{ $t('business.userManager.userVerification.verify') }}</el-button>
+          >{{ $t('business.userManager.userVerification.verify') }}
+          </el-button>
+          <el-button v-if="(scope.row.status == 2)"
+                     size="mini"
+                     type="text"
+                     icon="el-icon-view"
+                     @click="handleDetail(scope.row)"
+          >{{ $t('common.button.detail') }}
+          </el-button>
           <el-button v-if="(scope.row.status == 1)"
-            size="mini"
-            type="text"
-            icon="el-icon-view"
-            @click="handleDetail(scope.row)"
-            >{{ $t('common.button.detail') }}</el-button>
-          <el-button v-if="(scope.row.status == 3)"
                      size="mini"
                      type="text"
                      icon="el-icon-view"
                      @click="handleAudit(scope.row)"
-          >{{ $t('business.userManager.userVerification.audit') }}</el-button>
+          >{{ $t('business.userManager.userVerification.audit') }}
+          </el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -104,20 +128,22 @@
     <el-dialog :title="title" :visible.sync="open" width="700px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="auto">
         <el-form-item :label="$t('business.userManager.userVerification.name')" prop="fullName">
-          <el-input v-model="form.fullName" :placeholder="$t('business.userManager.userVerification.namePlaceholder')" />
+          <el-input v-model="form.fullName" :placeholder="$t('business.userManager.userVerification.namePlaceholder')"/>
         </el-form-item>
         <el-form-item :label="$t('business.userManager.userVerification.idCard')" prop="idCardNumber">
-          <el-input v-model="form.idCardNumber" :placeholder="$t('business.userManager.userVerification.idCardPlaceholder')" />
+          <el-input v-model="form.idCardNumber"
+                    :placeholder="$t('business.userManager.userVerification.idCardPlaceholder')"/>
         </el-form-item>
         <el-form-item :label="$t('business.userManager.userVerification.nationality')" prop="nationality">
-          <el-input v-model="form.nationality" :placeholder="$t('business.userManager.userVerification.nationalityPlaceholder')" />
+          <el-input v-model="form.nationality"
+                    :placeholder="$t('business.userManager.userVerification.nationalityPlaceholder')"/>
         </el-form-item>
         <el-form-item :label="$t('business.userManager.userVerification.birthDate')" prop="birthDate">
           <el-date-picker clearable
-            v-model="form.birthDate"
-            type="date"
-            value-format="yyyy-MM-dd HH:mm:ss"
-            :placeholder="$t('business.userManager.userVerification.birthDatePlaceholder')">
+                          v-model="form.birthDate"
+                          type="date"
+                          value-format="yyyy-MM-dd HH:mm:ss"
+                          :placeholder="$t('business.userManager.userVerification.birthDatePlaceholder')">
           </el-date-picker>
         </el-form-item>
         <el-form-item :label="$t('business.userManager.userVerification.idCardFront')" prop="idCardFrontImagePath">
@@ -165,7 +191,10 @@
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button :loading="buttonLoading" type="primary" @click="submitForm">{{ $t('common.button.confirm') }}</el-button>
+        <el-button :loading="buttonLoading" type="primary" @click="submitForm">{{
+            $t('common.button.confirm')
+          }}
+        </el-button>
         <el-button @click="cancel">{{ $t('common.button.cancel') }}</el-button>
       </div>
     </el-dialog>
@@ -174,87 +203,99 @@
     <el-dialog :title="title" :visible.sync="auditOpen" width="700px" append-to-body>
       <el-form ref="auditForm" :model="auditForm" :rules="rules" label-width="auto">
         <el-form-item :label="$t('business.userManager.userVerification.registerName')">
-          {{auditForm.userInfoName}}
+          {{ auditForm.userInfoName }}
         </el-form-item>
         <el-form-item :label="$t('business.userManager.userVerification.verifyName')">
-          {{auditForm.fullName}}
+          {{ auditForm.fullName }}
         </el-form-item>
         <el-form-item :label="$t('business.userManager.userVerification.registerIdCard')">
-          {{auditForm.idCardShow}}
+          {{ auditForm.idCardShow }}
         </el-form-item>
         <el-form-item :label="$t('business.userManager.userVerification.verifyIdCard')">
-          {{auditForm.idCardNumber}}
+          {{ auditForm.idCardNumber }}
         </el-form-item>
         <el-form-item :label="$t('business.userManager.userVerification.nationality')">
-          {{auditForm.nationality}}
+          {{ auditForm.nationality }}
         </el-form-item>
         <el-form-item :label="$t('business.userManager.userVerification.birthDate')">
-          <template slot-scope="scope">
-            <span>{{ parseTime(auditForm.birthDate, '{y}-{m}-{d}') }}</span>
-          </template>
+          {{ auditForm.birthDate }}
         </el-form-item>
         <el-form-item :label="$t('business.userManager.userVerification.idCardFront')">
-          {{auditForm.idCardFrontImagePath}}
+          {{ auditForm.idCardFrontImagePath }}
         </el-form-item>
         <el-form-item :label="$t('business.userManager.userVerification.idCardBack')">
-          {{auditForm.idCardBackImagePath}}
+          {{ auditForm.idCardBackImagePath }}
         </el-form-item>
         <el-form-item :label="$t('business.userManager.userVerification.idCardHolding')">
-          {{auditForm.userWithIdCardImagePath}}
+          {{ auditForm.userWithIdCardImagePath }}
         </el-form-item>
         <el-form-item :label="$t('business.userManager.userVerification.failureReason')" prop="failureReason">
-          <el-input v-model="auditForm.failureReason" :placeholder="$t('business.userManager.userVerification.failureReasonPlaceholder')" />
+          <el-input v-model="auditForm.failureReason"
+                    :placeholder="$t('business.userManager.userVerification.failureReasonPlaceholder')"/>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button :loading="buttonLoading" type="success" @click="submitPass">{{ $t('business.userManager.userVerification.pass') }}</el-button>
-        <el-button :loading="buttonLoading" type="danger" @click="submitRefuse">{{ $t('business.userManager.userVerification.refuse') }}</el-button>
+        <el-button :loading="buttonLoading" type="success" @click="submitPass">
+          {{ $t('business.userManager.userVerification.pass') }}
+        </el-button>
+        <el-button :loading="buttonLoading" type="danger" @click="submitRefuse">
+          {{ $t('business.userManager.userVerification.refuse') }}
+        </el-button>
         <el-button @click="cancel">{{ $t('common.button.cancel') }}</el-button>
       </div>
     </el-dialog>
     <!-- 实名认证详情 -->
     <el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body>
-        <el-form ref="form" :model="form" label-width="auto">
-                <el-form-item :label="$t('business.userManager.userVerification.name')">
-                  {{form.fullName}}
-                </el-form-item>
-                <el-form-item :label="$t('business.userManager.userVerification.idCard')">
-                  {{form.idCard}}
-                </el-form-item>
-                <el-form-item :label="$t('business.userManager.userVerification.nationality')">
-                  {{form.nationality}}
-                </el-form-item>
-                <el-form-item :label="$t('business.userManager.userVerification.birthDate')">
-                  <template slot-scope="scope">
-                    <span>{{ parseTime(form.birthDate, '{y}-{m}-{d}') }}</span>
-                  </template>
-                </el-form-item>
-                <el-form-item :label="$t('business.userManager.userVerification.idCardFront')">
-                  {{form.idCardFrontImagePath}}
-                </el-form-item>
-                <el-form-item :label="$t('business.userManager.userVerification.idCardBack')">
-                  {{form.idCardBackImagePath}}
-                </el-form-item>
-                <el-form-item :label="$t('business.userManager.userVerification.idCardHolding')">
-                  {{form.userWithIdCardImagePath}}
-                </el-form-item>
-                <el-form-item :label="$t('business.userManager.userVerification.biometrics')">
-                  <el-tag type="danger" v-if="form.biometrics == '0'">{{ $t('business.userManager.userVerification.biometricsUnverified') }}</el-tag>
-                  <el-tag type="success" v-if="form.biometrics == '1'">{{ $t('business.userManager.userVerification.biometricsVerified') }}</el-tag>
-                </el-form-item>
-                <el-form-item :label="$t('business.userManager.userVerification.verificationTime')">
-                  {{ form.authenticationDate}}
-                </el-form-item>
-              </el-form>
-              <div slot="footer" class="dialog-footer">
-                <el-button @click="cancel">{{ $t('common.button.close') }}</el-button>
-              </div>
+      <el-form ref="form" :model="form" label-width="auto">
+        <el-form-item :label="$t('business.userManager.userVerification.name')">
+          {{ form.fullName }}
+        </el-form-item>
+        <el-form-item :label="$t('business.userManager.userVerification.idCard')">
+          {{ form.idCard }}
+        </el-form-item>
+        <el-form-item :label="$t('business.userManager.userVerification.nationality')">
+          {{ form.nationality }}
+        </el-form-item>
+        <el-form-item :label="$t('business.userManager.userVerification.birthDate')">
+          {{ form.birthDate }}
+        </el-form-item>
+        <el-form-item :label="$t('business.userManager.userVerification.idCardFront')">
+          {{ form.idCardFrontImagePath }}
+        </el-form-item>
+        <el-form-item :label="$t('business.userManager.userVerification.idCardBack')">
+          {{ form.idCardBackImagePath }}
+        </el-form-item>
+        <el-form-item :label="$t('business.userManager.userVerification.idCardHolding')">
+          {{ form.userWithIdCardImagePath }}
+        </el-form-item>
+        <el-form-item :label="$t('business.userManager.userVerification.biometrics')">
+          <el-tag type="danger" v-if="form.biometrics == '0'">
+            {{ $t('business.userManager.userVerification.biometricsUnverified') }}
+          </el-tag>
+          <el-tag type="success" v-if="form.biometrics == '1'">
+            {{ $t('business.userManager.userVerification.biometricsVerified') }}
+          </el-tag>
+        </el-form-item>
+        <el-form-item :label="$t('business.userManager.userVerification.verificationTime')">
+          {{ form.authenticationDate }}
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="cancel">{{ $t('common.button.close') }}</el-button>
+      </div>
     </el-dialog>
   </div>
 </template>
 
 <script>
-import { listUserVerification, getUserVerification, delUserVerification, addUserVerification, updateUserVerification, userVerificationAudit } from "@/api/business/userVerification";
+import {
+  listUserVerification,
+  getUserVerification,
+  delUserVerification,
+  addUserVerification,
+  updateUserVerification,
+  userVerificationAudit
+} from "@/api/business/userVerification";
 import {merchantAudit} from "@/api/business/merchantVerification";
 
 export default {
@@ -311,28 +352,53 @@ export default {
       // 表单校验
       rules: {
         idCardNumber: [
-          { required: true, pattern: /^\d+$/, message: this.$t('business.userManager.userVerification.idCardDigitOnly'), trigger: "blur" }
+          {
+            required: true,
+            pattern: /^\d+$/,
+            message: this.$t('business.userManager.userVerification.idCardDigitOnly'),
+            trigger: "blur"
+          }
         ],
         fullName: [
-          { required: true, message: this.$t('business.userManager.userVerification.nameRequired'), trigger: "blur" }
+          {required: true, message: this.$t('business.userManager.userVerification.nameRequired'), trigger: "blur"}
         ],
         birthDate: [
-          { required: true, message: this.$t('business.userManager.userVerification.birthDateRequired'), trigger: "blur" }
+          {required: true, message: this.$t('business.userManager.userVerification.birthDateRequired'), trigger: "blur"}
         ],
         nationality: [
-          { required: true, message: this.$t('business.userManager.userVerification.nationalityRequired'), trigger: "blur" }
+          {
+            required: true,
+            message: this.$t('business.userManager.userVerification.nationalityRequired'),
+            trigger: "blur"
+          }
         ],
         idCardFrontImagePath: [
-          { required: true, message: this.$t('business.userManager.userVerification.idCardFrontRequired'), trigger: "blur" }
+          {
+            required: true,
+            message: this.$t('business.userManager.userVerification.idCardFrontRequired'),
+            trigger: "blur"
+          }
         ],
         idCardBackImagePath: [
-          { required: true, message: this.$t('business.userManager.userVerification.idCardBackRequired'), trigger: "blur" }
+          {
+            required: true,
+            message: this.$t('business.userManager.userVerification.idCardBackRequired'),
+            trigger: "blur"
+          }
         ],
         userWithIdCardImagePath: [
-          { required: true, message: this.$t('business.userManager.userVerification.idCardHoldingRequired'), trigger: "blur" }
+          {
+            required: true,
+            message: this.$t('business.userManager.userVerification.idCardHoldingRequired'),
+            trigger: "blur"
+          }
         ],
         failureReason: [
-          { required: true, message: this.$t('business.userManager.userVerification.failureReasonRequired'), trigger: "blur" }
+          {
+            required: true,
+            message: this.$t('business.userManager.userVerification.failureReasonRequired'),
+            trigger: "blur"
+          }
         ],
       }
     };
@@ -401,30 +467,31 @@ export default {
     // 多选框选中数据
     handleSelectionChange(selection) {
       this.ids = selection.map(item => item.id)
-      this.single = selection.length!==1
+      this.single = selection.length !== 1
       this.multiple = !selection.length
     },
     /** 新增按钮操作 */
     handleAdd(row) {
       this.reset();
-      if (row.id != null){
+      if (row.id != null) {
         this.form = row;
         this.open = true;
         this.title = this.$t("business.userManager.userVerification.verification");
-      }else {
+      } else {
         this.form.userId = row.userId;
         this.open = true;
         this.title = this.$t("business.userManager.userVerification.verification");
       }
     },
     /** 详情按钮操作 */
-    handleDetail(row){
-        this.reset();
-        this.form = row;
-        this.detailOpen = true;
-        audit    },
+    handleDetail(row) {
+      this.reset();
+      this.form = row;
+      this.detailOpen = true;
+      audit
+    },
     /** 审核按钮操作 */
-    handleAudit(row){
+    handleAudit(row) {
       this.reset();
       this.auditForm = row;
       this.auditOpen = true;
@@ -491,8 +558,12 @@ export default {
     /** 审核拒绝*/
     submitRefuse() {
       this.rules.failureReason = [
-              { required: true, message: this.$t('business.userManager.userVerification.failureReasonRequired'), trigger: 'blur' }
-            ];
+        {
+          required: true,
+          message: this.$t('business.userManager.userVerification.failureReasonRequired'),
+          trigger: 'blur'
+        }
+      ];
       this.$refs["auditForm"].validate(valid => {
         if (valid) {
           this.$modal.confirm(this.$t('business.userManager.userVerification.confirmRefuse')).then(() => {