Move employee QR action to operations column

src/pages/EmployeeSerials.tsx

@@ -222,24 +222,14 @@ function EmployeeSerialsPage() {
         title: '员工码',
         dataIndex: 'employeeSerials',
         key: 'employeeSerials',
-        width: 240,
+        width: 180,
         render: (serials?: EmployeeSerial[]) => {
           const serial = getDisplaySerial(serials);
           if (!serial) return '-';
 
           return (
             <Space direction="vertical" size={0}>
-              <Space size={8}>
-                <span style={{ fontFamily: 'monospace' }}>{serial.serialNumber}</span>
-                <Button
-                  type="link"
-                  size="small"
-                  icon={<QrcodeOutlined />}
-                  onClick={() => handleViewQRCode(serial.serialNumber)}
-                >
-                  查看二维码
-                </Button>
-              </Space>
+              <span style={{ fontFamily: 'monospace' }}>{serial.serialNumber}</span>
               <Tag color={serial.isActive ? 'green' : 'red'}>
                 {serial.isActive ? '有效' : '已吊销'}
               </Tag>
@@ -257,24 +247,38 @@ function EmployeeSerialsPage() {
       {
         title: '操作',
         key: 'actions',
-        width: 240,
-        render: (_: unknown, record: User) => (
-          <Space wrap>
-            <Button type="link" size="small" icon={<EditOutlined />} onClick={() => openEdit(record)}>
-              编辑
-            </Button>
-            {canLoginBackend(record.role) && (
-              <Button type="link" size="small" icon={<KeyOutlined />} onClick={() => setResetPasswordEmployee(record)}>
-                重置密码
+        width: 320,
+        render: (_: unknown, record: User) => {
+          const serial = getDisplaySerial(record.employeeSerials);
+
+          return (
+            <Space wrap>
+              {serial && (
+                <Button
+                  type="link"
+                  size="small"
+                  icon={<QrcodeOutlined />}
+                  onClick={() => handleViewQRCode(serial.serialNumber)}
+                >
+                  查看二维码
+                </Button>
+              )}
+              <Button type="link" size="small" icon={<EditOutlined />} onClick={() => openEdit(record)}>
+                编辑
               </Button>
-            )}
-            {record.id !== currentUser?.id && (
-              <Button type="link" size="small" danger icon={<DeleteOutlined />} onClick={() => handleDelete(record)}>
-                删除
-              </Button>
-            )}
-          </Space>
-        ),
+              {canLoginBackend(record.role) && (
+                <Button type="link" size="small" icon={<KeyOutlined />} onClick={() => setResetPasswordEmployee(record)}>
+                  重置密码
+                </Button>
+              )}
+              {record.id !== currentUser?.id && (
+                <Button type="link" size="small" danger icon={<DeleteOutlined />} onClick={() => handleDelete(record)}>
+                  删除
+                </Button>
+              )}
+            </Space>
+          );
+        },
       },
     ],
     [currentUser?.id]