From 23e65c61dfe8686c2372aca83da2d8f31fc9a213 Mon Sep 17 00:00:00 2001
From: admin <344137771@qq.com>
Date: Sun, 11 Jan 2026 14:42:25 +0800
Subject: [PATCH] 1
---
src/views/userlist/components/audituserdialog.vue | 37 +++++++++++++++++++++++++++++++++----
1 files changed, 33 insertions(+), 4 deletions(-)
diff --git a/src/views/userlist/components/audituserdialog.vue b/src/views/userlist/components/audituserdialog.vue
index d927be4..966782e 100644
--- a/src/views/userlist/components/audituserdialog.vue
+++ b/src/views/userlist/components/audituserdialog.vue
@@ -30,14 +30,24 @@
{{ currentDetails.regTime | moment }}
</a-descriptions-item>
<a-descriptions-item label="身份证正面">
- <img :src="currentDetails.img2Key" alt="" style="width:140px;height: 70px;">
+ <img
+ :src="currentDetails.img2Key"
+ alt="身份证正面"
+ style="width:140px;height: 70px;cursor: pointer;object-fit: cover;"
+ @click="previewImage(currentDetails.img2Key, '身份证正面')"
+ />
</a-descriptions-item>
<a-descriptions-item label="身份证背面">
- <img :src="currentDetails.img1Key" alt="" style="width:140px;height: 70px;">
+ <img
+ :src="currentDetails.img1Key"
+ alt="身份证背面"
+ style="width:140px;height: 70px;cursor: pointer;object-fit: cover;"
+ @click="previewImage(currentDetails.img1Key, '身份证背面')"
+ />
</a-descriptions-item>
- <a-descriptions-item label="手持身份证">
+ <!-- <a-descriptions-item label="手持身份证">
<img :src="currentDetails.img3Key" alt="" style="width:140px;height: 70px;">
- </a-descriptions-item>
+ </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">
@@ -56,6 +66,17 @@
v-decorator="['authMsg', { rules: [{ required: true, message: '请输入驳回原因', }] }]" />
</a-form-item>
</a-form>
+ </a-modal>
+ <a-modal
+ :title="previewTitle"
+ :width="800"
+ :visible="previewVisible"
+ :footer="null"
+ @cancel="previewVisible = false"
+ >
+ <div style="text-align: center;">
+ <img :src="previewImageUrl" alt="" style="max-width: 100%;max-height: 70vh;min-width: 500px;" />
+ </div>
</a-modal>
</div>
</template>
@@ -79,6 +100,9 @@
bohuidialog: false,
bohuidialogloading: false,
bohuiform: this.$form.createForm(this),
+ previewVisible: false,
+ previewImageUrl: '',
+ previewTitle: '',
}
},
methods: {
@@ -122,6 +146,11 @@
}
this.userDialog = false
})
+ },
+ previewImage(url, title) {
+ this.previewImageUrl = url
+ this.previewTitle = title
+ this.previewVisible = true
}
}
}
--
Gitblit v1.9.3