From e28f6aedb72195e7b590f488bbbae276f0e73b52 Mon Sep 17 00:00:00 2001
From: gerson <1405270578@qq.com>
Date: 星期二, 18 二月 2025 21:37:32 +0800
Subject: [PATCH] 修改
---
src/views/EecLabel.vue | 54 +++++++++++++++++++++++++++++++++++++++++++-----------
1 files changed, 43 insertions(+), 11 deletions(-)
diff --git a/src/views/EecLabel.vue b/src/views/EecLabel.vue
index fdf15b9..47c8d00 100644
--- a/src/views/EecLabel.vue
+++ b/src/views/EecLabel.vue
@@ -6,11 +6,11 @@
<div class="flag-search-content">
<el-card class="w100 h100" shadow="never">
<el-form
- style="height: 56px; flex-shrink: 0"
+ style="height: 56px; flex-shrink: 0; display: flex"
:model="state.m_formData"
ref="ruleFormRef"
:inline="true"
- label-width="100px"
+ label-width="80px"
class="demo-ruleForm"
>
<el-form-item label="浜у搧绫诲瀷" prop="ProductType">
@@ -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">
@@ -201,7 +204,6 @@
import { ElMessage, ElTable, ElTableColumn, ElPagination, ElForm, ElFormItem, ElDialog } from 'element-plus';
import { useRoute, useRouter } from 'vue-router';
import axios from 'axios';
-import { el } from 'element-plus/es/locale';
const route = useRoute();
const router = useRouter();
const dialogVisible = ref(false);
@@ -218,7 +220,7 @@
m_paginationConfig: {
currentPage: 1,
- pageSize: 10,
+ pageSize: 20,
},
m_detailDialogInfo: {
PhysicalPicturePath: '',
@@ -325,11 +327,18 @@
initData();
};
const clickDetail = (row: any) => {
- dialogVisible.value = true;
state.m_detailDialogInfo = row;
+ // 鎵惧埌褰撳墠鐐瑰嚮鐨勪骇鍝�
+ const currentProduct = state.m_dispTableData.find((item) => item.id === row.id);
+ if (currentProduct) {
+ // 淇濆瓨浜у搧淇℃伅鍒發ocalStorage
+ localStorage.setItem('currentProduct', JSON.stringify(currentProduct));
+ }
+ router.push(`/product/${currentProduct.Id}`);
+
};
const clickDetailCertifcate = (row: any) => {
- state.m_detailDialogInfo = row;
+ state.m_detailDialogInfo = row;
dialogVisibleCertifcate.value = true;
};
const resertForm = () => {
@@ -394,7 +403,7 @@
}
.w-180-px {
- width: 180px;
+ width: 10rem;
}
.table-detail-span {
@@ -414,6 +423,29 @@
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-form--inline .el-form-item) {
+ margin-right: 0.75rem;
+}
:deep(.el-card) {
width: 100%;
}
--
Gitblit v1.9.3