From 8c3fe58c2e0afbd60cb8e197bbdf7a7ef295e77f Mon Sep 17 00:00:00 2001
From: dcc <dcc@163.com>
Date: Tue, 11 Jun 2024 16:24:56 +0800
Subject: [PATCH] 123

---
 src/views/userlist/components/audituserdialog.vue |  187 +++++++++++++++++++++++++++-------------------
 1 files changed, 109 insertions(+), 78 deletions(-)

diff --git a/src/views/userlist/components/audituserdialog.vue b/src/views/userlist/components/audituserdialog.vue
index 0a3914d..6deb6a7 100644
--- a/src/views/userlist/components/audituserdialog.vue
+++ b/src/views/userlist/components/audituserdialog.vue
@@ -4,15 +4,29 @@
       <a-descriptions
         bordered
         :title="currentDetails.realName ? currentDetails.realName : '未认证'"
-        :column="{ xxl: 3, xl: 3, lg: 3, md: 3, sm: 2, xs: 1 }">
+        :column="{ xxl: 3, xl: 3, lg: 3, md: 3, sm: 2, xs: 1 }"
+      >
         <a-descriptions-item label="真实姓名">
           {{ currentDetails.realName ? currentDetails.realName : '--' }}
         </a-descriptions-item>
         <a-descriptions-item label="认证状态">
           <a-tag
-            :color="(currentDetails.isActive == 0 || currentDetails.isActive == 1) ? 'blue' : currentDetails.isActive == 2 ? 'green' : 'red'">
-            {{ currentDetails.isActive == 0 ? '待认证' : currentDetails.isActive == 1 ? '待审核' :
-              currentDetails.isActive == 2 ? '认证成功' : '驳回'
+            :color="
+              currentDetails.isActive == 0 || currentDetails.isActive == 1
+                ? 'blue'
+                : currentDetails.isActive == 2
+                  ? 'green'
+                  : 'red'
+            "
+          >
+            {{
+              currentDetails.isActive == 0
+                ? '待认证'
+                : currentDetails.isActive == 1
+                  ? '待审核'
+                  : currentDetails.isActive == 2
+                    ? '认证成功'
+                    : '驳回'
             }}
           </a-tag>
         </a-descriptions-item>
@@ -22,9 +36,9 @@
         <a-descriptions-item label="身份证号码">
           {{ currentDetails.idCard ? currentDetails.idCard : '--' }}
         </a-descriptions-item>
-        <a-descriptions-item label="身份证号码1">
+        <!-- <a-descriptions-item label="身份证号码1">
           {{ currentDetails.vaildNumber ? currentDetails.vaildNumber : '--' }}
-        </a-descriptions-item>
+        </a-descriptions-item> -->
         <a-descriptions-item label="注册ip">
           {{ currentDetails.regIp ? currentDetails.regIp : '--' }}
         </a-descriptions-item>
@@ -34,23 +48,37 @@
         <a-descriptions-item label="注册时间">
           {{ currentDetails.regTime | moment }}
         </a-descriptions-item>
-   <!--     <a-descriptions-item label="身份证正面">
-          <img :src="currentDetails.img2Key" alt="" style="width:140px;height: 70px;">
+        <a-descriptions-item label="身份证正面1">
+          <el-image
+            style="width: 140px; height: 70px"
+            :src="currentDetails.img1Key"
+            :preview-src-list="[currentDetails.img1Key]"
+          >
+          </el-image>
         </a-descriptions-item>
         <a-descriptions-item label="身份证背面">
-          <img :src="currentDetails.img1Key" alt="" style="width:140px;height: 70px;">
+          <el-image
+            style="width: 140px; height: 70px"
+            :src="currentDetails.img2Key"
+            :preview-src-list="[currentDetails.img2Key]"
+          >
+          </el-image>
         </a-descriptions-item>
-        <a-descriptions-item label="手持身份证">
-          <img :src="currentDetails.img3Key" alt="" style="width:140px;height: 70px;">
+        <!-- <a-descriptions-item label="手持身份证">
+          <img :src="currentDetails.img3Key" alt="" style="width: 140px; height: 70px" />
         </a-descriptions-item> -->
       </a-descriptions>
-      <div style="margin-top:20px;display:flex;justify-content: center;" v-show="currentDetails.isActive == 0 || currentDetails.isActive == 1">
-        <a-button type="danger" @click="userDialog = false;bohuidialog = true">
+      <div style="margin-top: 20px; display: flex; justify-content: center">
+        <a-button
+          type="danger"
+          @click="
+            userDialog = false
+            bohuidialog = true
+          "
+        >
           驳回
         </a-button>
-        <a-button type="primary" style="margin-left:10px;" @click="gettongguo(2)">
-          通过
-        </a-button>
+        <a-button type="primary" style="margin-left: 10px" @click="gettongguo(2)"> 通过 </a-button>
       </div>
     </a-modal>
     <a-modal
@@ -59,12 +87,14 @@
       :visible="bohuidialog"
       :confirmLoading="bohuidialogloading"
       @ok="Okbohuidialog"
-      @cancel="Cancelbohuidialog">
+      @cancel="Cancelbohuidialog"
+    >
       <a-form :form="bohuiform" ref="bohuiform">
         <a-form-item>
           <a-input
             placeholder="请输入驳回原因"
-            v-decorator="['authMsg', { rules: [{ required: true, message: '请输入驳回原因', }] }]" />
+            v-decorator="['authMsg', { rules: [{ required: true, message: '请输入驳回原因' }] }]"
+          />
         </a-form-item>
       </a-form>
     </a-modal>
@@ -73,67 +103,68 @@
 <script>
 import { userauthByAdmin } from '@/api/home'
 export default {
-    components: {},
-    props: {
-        currentDetails: {
-            type: Object
-        },
-        getinit: {
-            type: Function,
-            default: function () {
-            }
-        }
+  components: {},
+  props: {
+    currentDetails: {
+      type: Object
     },
-    data () {
-        return {
-            userDialog: false,
-            bohuidialog: false,
-            bohuidialogloading: false,
-            bohuiform: this.$form.createForm(this)
-        }
-    },
-    methods: {
-        Okbohuidialog () {
-            const form = this.$refs.bohuiform.form
-            form.validateFields((errors, values) => {
-                if (!errors) {
-                    values.userId = this.currentDetails.id
-                    values.state = 3
-                    this.bohuidialogloading = true
-                    userauthByAdmin(values).then(res => {
-                        if (res.status == 0) {
-                            this.bohuidialog = false
-                            this.$message.success({ content: res.msg, duration: 2 })
-                            form.resetFields()
-                            this.getinit()
-                        } else {
-                            this.$message.error({ content: res.msg })
-                        }
-                        this.bohuidialogloading = false
-                    })
-                }
-            })
-        },
-        Cancelbohuidialog () {
-            this.bohuidialog = false
-            const form = this.$refs.bohuiform.form
-            form.resetFields()
-        },
-        gettongguo (val) {
-            var data = {
-                userId: this.currentDetails.id,
-                state: val
-            }
-            userauthByAdmin(data).then(res => {
-                if (res.status == 0) {
-                    this.userDialog = false
-                    this.getinit()
-                } else {
-                    this.$message.error({ content: res.msg })
-                }
-                this.userDialog = false
-            })
-        }
+    getinit: {
+      type: Function,
+      default: function () {}
     }
+  },
+  data () {
+    return {
+      userDialog: false,
+      bohuidialog: false,
+      bohuidialogloading: false,
+      bohuiform: this.$form.createForm(this),
+      srcList1: [this.currentDetails.img1Key],
+      srcList2: [this.currentDetails.img2Key]
+    }
+  },
+  methods: {
+    Okbohuidialog () {
+      const form = this.$refs.bohuiform.form
+      form.validateFields((errors, values) => {
+        if (!errors) {
+          values.userId = this.currentDetails.id
+          values.state = 3
+          this.bohuidialogloading = true
+          userauthByAdmin(values).then((res) => {
+            if (res.status == 0) {
+              this.bohuidialog = false
+              this.$message.success(res.msg)
+              form.resetFields()
+              this.getinit()
+            } else {
+              this.$message.error(res.msg)
+            }
+            this.bohuidialogloading = false
+          })
+        }
+      })
+    },
+    Cancelbohuidialog () {
+      this.bohuidialog = false
+      const form = this.$refs.bohuiform.form
+      form.resetFields()
+    },
+    gettongguo (val) {
+      var data = {
+        userId: this.currentDetails.id,
+        state: val
+      }
+      userauthByAdmin(data).then((res) => {
+        if (res.status == 0) {
+          this.userDialog = false
+          this.getinit()
+        } else {
+          this.$message.error(res.msg)
+        }
+        this.userDialog = false
+      })
+    }
+  }
 }
 </script>

--
Gitblit v1.9.3