From 61d9b0ebab3151769d79973711862772e494f691 Mon Sep 17 00:00:00 2001
From: zhang1106 <849185023@qq.com>
Date: Thu, 5 Mar 2026 10:22:44 +0800
Subject: [PATCH] =?UTF-8?q?feat(ConsumableLogs):=20=E6=B7=BB=E5=8A=A0SN?=
 =?UTF-8?q?=E5=BA=8F=E5=88=97=E5=8F=B7=E5=B1=95=E7=A4=BA=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/ConsumableLogs.jsx | 42 +++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)

diff --git a/frontend/src/pages/ConsumableLogs.jsx b/frontend/src/pages/ConsumableLogs.jsx
index b752e7f..7dd2af1 100644
--- a/frontend/src/pages/ConsumableLogs.jsx
+++ b/frontend/src/pages/ConsumableLogs.jsx
@@ -21,6 +21,7 @@ import {
   Col,
   Statistic,
   Divider,
+  Popover,
 } from 'antd';
 import {
   HistoryOutlined,
@@ -228,6 +229,47 @@ function ConsumableLogs() {
       width: 150,
       render: value => value || '-',
     },
+    {
+      title: 'SN序列号',
+      dataIndex: 'snList',
+      key: 'snList',
+      width: 150,
+      render: (snList, record) => {
+        if (!snList || snList.length === 0) {
+          return '-';
+        }
+        if (record.operationType !== 'in' && record.operationType !== 'out') {
+          return '-';
+        }
+        if (snList.length <= 3) {
+          return (
+            <Space size={2} wrap>
+              {snList.map((sn, index) => (
+                <Tag key={index} color="purple" style={{ fontSize: '11px' }}>
+                  {sn}
+                </Tag>
+              ))}
+            </Space>
+          );
+        }
+        const content = (
+          <div style={{ maxHeight: '200px', overflowY: 'auto', maxWidth: '300px' }}>
+            {snList.map((sn, index) => (
+              <Tag key={index} color="purple" style={{ marginBottom: '4px', fontSize: '11px' }}>
+                {sn}
+              </Tag>
+            ))}
+          </div>
+        );
+        return (
+          <Popover content={content} title={`SN列表 (${snList.length}个)`} trigger="click">
+            <Tag color="purple" style={{ cursor: 'pointer' }}>
+              {snList.length} 个SN 🔍
+            </Tag>
+          </Popover>
+        );
+      },
+    },
     {
       title: '备注',
       dataIndex: 'notes',