diff --git a/src/pages/ProductTracePublic.tsx b/src/pages/ProductTracePublic.tsx
index 48bb66e..6ed1b5d 100644
--- a/src/pages/ProductTracePublic.tsx
+++ b/src/pages/ProductTracePublic.tsx
@@ -133,9 +133,11 @@ function ProductTracePublicPage() {
)}
{trace.wechatQrCode && (
-
+
)}
diff --git a/src/pages/ProductTraces.tsx b/src/pages/ProductTraces.tsx
index b358c99..789aac6 100644
--- a/src/pages/ProductTraces.tsx
+++ b/src/pages/ProductTraces.tsx
@@ -3,6 +3,7 @@ import {
Button,
Card,
DatePicker,
+ Dropdown,
Form,
Image,
Input,
@@ -18,6 +19,7 @@ import {
DeleteOutlined,
EyeOutlined,
LinkOutlined,
+ MoreOutlined,
PlusOutlined,
QrcodeOutlined,
StopOutlined,
@@ -258,30 +260,61 @@ function ProductTracesPage() {
{
title: '操作',
key: 'actions',
- width: 260,
- render: (_: unknown, record: ProductTrace) => (
-
- } onClick={() => openEdit(record)}>
- 详情
-
- }
- onClick={() => handleGenerateQrCode(record)}
- >
- 二维码
-
- {record.isActive && (
- } onClick={() => handleRevoke(record)}>
- 停用
+ width: 210,
+ render: (_: unknown, record: ProductTrace) => {
+ const moreItems = [
+ ...(record.isActive
+ ? [
+ {
+ key: 'revoke',
+ label: '停用',
+ danger: true,
+ icon: ,
+ },
+ ]
+ : []),
+ {
+ key: 'delete',
+ label: '删除',
+ danger: true,
+ icon: ,
+ },
+ ];
+
+ return (
+
+ } onClick={() => openEdit(record)}>
+ 详情
- )}
- } onClick={() => handleDelete(record)}>
- 删除
-
-
- ),
+ }
+ onClick={() => handleGenerateQrCode(record)}
+ >
+ 二维码
+
+ {
+ if (key === 'revoke') {
+ handleRevoke(record);
+ }
+ if (key === 'delete') {
+ handleDelete(record);
+ }
+ },
+ }}
+ trigger={['click']}
+ >
+ }>
+ 更多
+
+
+
+ );
+ },
},
];
diff --git a/src/pages/styles/PublicQuery.css b/src/pages/styles/PublicQuery.css
index 2337dd9..94ee05f 100644
--- a/src/pages/styles/PublicQuery.css
+++ b/src/pages/styles/PublicQuery.css
@@ -132,6 +132,16 @@
font-weight: bold;
}
+.product-trace-wechat-qr {
+ align-items: stretch;
+}
+
+.product-trace-wechat-qr-stage {
+ width: 100%;
+ display: flex;
+ justify-content: center;
+}
+
.copyright {
margin-top: 32px;
text-align: center;