From 8775f9f881574e8cd22e9b44a14c30711097d1fe Mon Sep 17 00:00:00 2001
From: tanghaolin <1723298894@qq.com>
Date: 星期五, 14 二月 2025 14:00:56 +0800
Subject: [PATCH] 修改查看证书

---
 src/views/EecLabel.vue |   35 +++++++++++++++++++++++++++++------
 1 files changed, 29 insertions(+), 6 deletions(-)

diff --git a/src/views/EecLabel.vue b/src/views/EecLabel.vue
index fdf15b9..058566c 100644
--- a/src/views/EecLabel.vue
+++ b/src/views/EecLabel.vue
@@ -47,7 +47,7 @@
 						:data="state.m_dispTableData"
 						style="width: 100%"
 						border
-                        :height="470"
+						:height="910"
 						header-cell-class-name="table-header-cell-style"
 					>
 						<el-table-column prop="TableIndex" label="搴忓彿" align="center" width="60"> </el-table-column>
@@ -183,9 +183,12 @@
 			</template>
 		</el-dialog>
 
-		<el-dialog v-model="dialogVisibleCertifcate" title=""  align-center fullscreen>
-			<div class=" h-full flex justify-center">
-				<img :src="state.m_detailDialogInfo.CertificatePath" />
+		<el-dialog v-model="dialogVisibleCertifcate" title="" :show-close="false" align-center fullscreen>
+			<div class="h-full flex justify-center">
+				<div style="position: relative">
+					<img :src="state.m_detailDialogInfo.CertificatePath" />
+					<span @click="dialogVisibleCertifcate = false" class="close-icon-style"> 脳 </span>
+				</div>
 			</div>
 			<template #footer>
 				<div class="dialog-footer">
@@ -218,7 +221,7 @@
 
 	m_paginationConfig: {
 		currentPage: 1,
-		pageSize: 10,
+		pageSize: 20,
 	},
 	m_detailDialogInfo: {
 		PhysicalPicturePath: '',
@@ -329,7 +332,7 @@
 	state.m_detailDialogInfo = row;
 };
 const clickDetailCertifcate = (row: any) => {
-    state.m_detailDialogInfo = row;
+	state.m_detailDialogInfo = row;
 	dialogVisibleCertifcate.value = true;
 };
 const resertForm = () => {
@@ -414,6 +417,26 @@
 	width: 14px;
 	height: 14px;
 }
+
+.close-icon-style {
+	position: absolute;
+	right: -15px;
+	top: -15px;
+	font-size: 30px;
+	background-color: #196dd938;
+	width: 30px;
+	height: 30px;
+	border-radius: 50%;
+	display: inline-flex;
+	justify-content: center;
+	align-items: center;
+	cursor: pointer;
+	color: #196dd9;
+	&:hover {
+		color: #fff;
+		background-color: #196dd9;
+	}
+}
 :deep(.el-card) {
 	width: 100%;
 }

--
Gitblit v1.9.3