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/IndustrialSoftware.vue | 32 ++++++++++++++--
src/views/EecLabel.vue | 35 ++++++++++++++---
2 files changed, 57 insertions(+), 10 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%;
}
diff --git a/src/views/IndustrialSoftware.vue b/src/views/IndustrialSoftware.vue
index 78a87ae..ecb0b68 100644
--- a/src/views/IndustrialSoftware.vue
+++ b/src/views/IndustrialSoftware.vue
@@ -167,7 +167,8 @@
fill="#1989FA"
p-id="34746"
class="icon-path"
- ></path></svg>璇佷功
+ ></path></svg
+ >璇佷功
</div>
</div>
</div>
@@ -192,9 +193,12 @@
</div>
</div>
- <el-dialog v-model="dialogVisibleCertifcate" title="" align-center fullscreen>
+ <el-dialog v-model="dialogVisibleCertifcate" title="" :show-close="false" align-center fullscreen>
<div class="h-full flex justify-center">
- <img :src="m_curCertificatePath" />
+ <div style="position: relative">
+ <img :src="m_curCertificatePath" />
+ <span @click="dialogVisibleCertifcate = false" class="close-icon-style"> 脳 </span>
+ </div>
</div>
<template #footer>
<div class="dialog-footer">
@@ -513,7 +517,7 @@
color: #fff;
cursor: pointer;
- .icon-path{
+ .icon-path {
fill: #fff;
}
}
@@ -642,6 +646,26 @@
width: 16px;
height: 16px;
}
+
+.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-button--default) {
--el-button-bg-color: transparent;
--el-button-border-color: transparent;
--
Gitblit v1.9.3