From b4062590fcbae550d3e6f9ad26c7c534ea910597 Mon Sep 17 00:00:00 2001
From: YONGYE <haoyong@qczlit.cn>
Date: Sat, 4 Apr 2026 10:18:27 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=BA=86=E8=AE=B8=E5=A4=9A?=
 =?UTF-8?q?=E6=B5=8B=E8=AF=95=E6=97=B6=E9=81=87=E5=88=B0=E7=9A=84=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.tsx                         |  2 ++
 src/components/Layout/index.css     | 10 +++++--
 src/pages/Dashboard/index.css       | 44 +++++++++++++++++++++++++----
 src/pages/Dashboard/index.tsx       |  2 +-
 src/pages/FileManagement/index.tsx  | 15 +++++++---
 src/pages/OrderManagement/index.tsx | 13 +++++++--
 src/pages/PriceManagement/index.tsx | 12 +++++++-
 src/pages/PrintSettings/index.tsx   |  1 +
 src/pages/Statistics/index.tsx      |  1 +
 src/pages/UserManagement/index.tsx  |  7 ++++-
 10 files changed, 89 insertions(+), 18 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index ea970434..1d5c3419 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -12,6 +12,8 @@ import './App.css'
 
 function App() {
   const isAuthenticated = () => {
+    // 临时免登录，方便预览
+    // return true
     return localStorage.getItem('admin_token') !== null
   }
 
diff --git a/src/components/Layout/index.css b/src/components/Layout/index.css
index 03282068..c54859ea 100644
--- a/src/components/Layout/index.css
+++ b/src/components/Layout/index.css
@@ -39,12 +39,16 @@
 }
 
 .admin-menu .ant-menu-item-selected {
-  background: linear-gradient(135deg, #1890ff 0%, #36cfc9 100%);
+  background: linear-gradient(135deg, #1890ff 0%, #36cfc9 100%) !important;
 }
 
-.admin-menu .ant-menu-item-selected a,
+.admin-menu .ant-menu-item-selected .ant-menu-title-content,
 .admin-menu .ant-menu-item-selected .anticon {
-  color: #fff;
+  color: #fff !important;
+}
+
+.admin-menu .ant-menu-item-selected:hover {
+  background: linear-gradient(135deg, #1890ff 0%, #36cfc9 100%) !important;
 }
 
 .admin-header {
diff --git a/src/pages/Dashboard/index.css b/src/pages/Dashboard/index.css
index 7ec88dcf..a3a3e051 100644
--- a/src/pages/Dashboard/index.css
+++ b/src/pages/Dashboard/index.css
@@ -25,6 +25,7 @@
   border-radius: 12px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
   transition: all 0.3s ease;
+  height: 100%;
 }
 
 .stat-card:hover {
@@ -32,30 +33,63 @@
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
 }
 
+.stat-card .ant-card-body {
+  padding: 20px;
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+
 .stat-content {
   display: flex;
   align-items: center;
   gap: 16px;
+  min-height: 72px;
+  padding: 8px 0;
 }
 
 .stat-icon {
-  width: 56px;
-  height: 56px;
-  border-radius: 12px;
+  width: 64px;
+  height: 64px;
+  border-radius: 16px;
   display: flex;
   align-items: center;
   justify-content: center;
-  font-size: 24px;
+  font-size: 28px;
+  flex-shrink: 0;
 }
 
 .stat-info {
   flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  min-width: 0;
 }
 
 .stat-title {
   font-size: 14px;
   display: block;
-  margin-bottom: 4px;
+  margin-bottom: 8px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.stat-card .ant-statistic-content {
+  font-size: 24px;
+  font-weight: 600;
+  line-height: 1.4;
+}
+
+.stat-card .ant-statistic-content-prefix {
+  font-size: 18px;
+  margin-right: 4px;
+}
+
+.stat-card .ant-statistic-content-suffix {
+  font-size: 14px;
+  margin-left: 4px;
 }
 
 .today-row {
diff --git a/src/pages/Dashboard/index.tsx b/src/pages/Dashboard/index.tsx
index 44b4e97b..0713ba6f 100644
--- a/src/pages/Dashboard/index.tsx
+++ b/src/pages/Dashboard/index.tsx
@@ -121,7 +121,7 @@ const Dashboard = () => {
                     value={card.value}
                     prefix={card.prefix}
                     precision={card.precision || 0}
-                    valueStyle={{ color: card.color, fontSize: '24px', fontWeight: 600 }}
+                    valueStyle={{ color: card.color }}
                   />
                 </div>
               </div>
diff --git a/src/pages/FileManagement/index.tsx b/src/pages/FileManagement/index.tsx
index 351dd9a3..2d658248 100644
--- a/src/pages/FileManagement/index.tsx
+++ b/src/pages/FileManagement/index.tsx
@@ -129,6 +129,7 @@ const FileManagement = () => {
       title: '文件名',
       dataIndex: 'name',
       key: 'name',
+      width: 280,
       render: (text: string, record: File) => (
         <Space>
           {getFileIcon(text)}
@@ -145,39 +146,45 @@ const FileManagement = () => {
       title: '类型',
       dataIndex: 'name',
       key: 'type',
-      width: 100,
+      width: 90,
+      align: 'center' as const,
       render: (text: string) => getFileTypeTag(text),
     },
     {
       title: '大小',
       dataIndex: 'size',
       key: 'size',
-      width: 120,
+      width: 100,
+      align: 'center' as const,
       render: (size: number) => formatFileSize(size),
     },
     {
       title: '页数',
       dataIndex: 'page_count',
       key: 'page_count',
-      width: 100,
+      width: 90,
+      align: 'center' as const,
       render: (count: number) => count ? `${count} 页` : '-',
     },
     {
       title: '用户ID',
       dataIndex: 'user_id',
       key: 'user_id',
+      width: 140,
       render: (text: string) => <Tag>{text?.substring(0, 8)}...</Tag>,
     },
     {
       title: '上传时间',
       dataIndex: 'created_at',
       key: 'created_at',
+      width: 180,
       render: (text: string) => new Date(text).toLocaleString('zh-CN'),
     },
     {
       title: '操作',
       key: 'action',
-      width: 180,
+      width: 160,
+      fixed: 'right' as const,
       render: (_: unknown, record: File) => (
         <Space>
           <Button
diff --git a/src/pages/OrderManagement/index.tsx b/src/pages/OrderManagement/index.tsx
index 8317f124..a56eaa56 100644
--- a/src/pages/OrderManagement/index.tsx
+++ b/src/pages/OrderManagement/index.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react'
+import React, { useEffect, useState } from 'react'
 import {
   Table,
   Card,
@@ -118,7 +118,7 @@ const OrderManagement = () => {
   }
 
   const getActionItems = (record: Order) => {
-    const items = []
+    const items: { key: string; label: string; icon: React.ReactNode; danger?: boolean; onClick: () => void }[] = []
     if (record.status === 'paid') {
       items.push({
         key: 'printing',
@@ -163,6 +163,7 @@ const OrderManagement = () => {
       title: '用户ID',
       dataIndex: 'user_id',
       key: 'user_id',
+      width: 140,
       ellipsis: true,
       render: (text: string) => <Tag>{text?.substring(0, 8)}...</Tag>,
     },
@@ -170,6 +171,8 @@ const OrderManagement = () => {
       title: '金额',
       dataIndex: 'amount',
       key: 'amount',
+      width: 120,
+      align: 'center' as const,
       render: (amount: number) => (
         <Text strong style={{ color: '#f5222d' }}>
           ¥{amount?.toFixed(2)}
@@ -180,18 +183,22 @@ const OrderManagement = () => {
       title: '状态',
       dataIndex: 'status',
       key: 'status',
+      width: 120,
+      align: 'center' as const,
       render: (status: string) => getStatusTag(status),
     },
     {
       title: '创建时间',
       dataIndex: 'created_at',
       key: 'created_at',
+      width: 180,
       render: (text: string) => new Date(text).toLocaleString('zh-CN'),
     },
     {
       title: '操作',
       key: 'action',
-      width: 150,
+      width: 140,
+      fixed: 'right' as const,
       render: (_: unknown, record: Order) => (
         <Space>
           <Button
diff --git a/src/pages/PriceManagement/index.tsx b/src/pages/PriceManagement/index.tsx
index 2eb08b5b..32b37112 100644
--- a/src/pages/PriceManagement/index.tsx
+++ b/src/pages/PriceManagement/index.tsx
@@ -112,18 +112,24 @@ const PriceManagement = () => {
       title: '纸张尺寸',
       dataIndex: 'paper_size',
       key: 'paper_size',
+      width: 120,
+      align: 'center' as const,
       render: (text: string) => <Tag color="purple">{text}</Tag>,
     },
     {
       title: '颜色类型',
       dataIndex: 'color_type',
       key: 'color_type',
+      width: 120,
+      align: 'center' as const,
       render: (type: string) => getColorTypeTag(type),
     },
     {
       title: '单面价格',
       dataIndex: 'single_sided_price',
       key: 'single_sided_price',
+      width: 140,
+      align: 'center' as const,
       render: (price: number) => (
         <Text strong style={{ color: '#f5222d' }}>
           ¥{price?.toFixed(2)}/页
@@ -134,6 +140,8 @@ const PriceManagement = () => {
       title: '双面价格',
       dataIndex: 'double_sided_price',
       key: 'double_sided_price',
+      width: 140,
+      align: 'center' as const,
       render: (price: number) => (
         <Text strong style={{ color: '#f5222d' }}>
           ¥{price?.toFixed(2)}/页
@@ -144,12 +152,14 @@ const PriceManagement = () => {
       title: '创建时间',
       dataIndex: 'created_at',
       key: 'created_at',
+      width: 180,
       render: (text: string) => new Date(text).toLocaleString('zh-CN'),
     },
     {
       title: '操作',
       key: 'action',
-      width: 180,
+      width: 160,
+      fixed: 'right' as const,
       render: (_: unknown, record: PriceItem) => (
         <Space>
           <Button
diff --git a/src/pages/PrintSettings/index.tsx b/src/pages/PrintSettings/index.tsx
index c14e4f54..43e21628 100644
--- a/src/pages/PrintSettings/index.tsx
+++ b/src/pages/PrintSettings/index.tsx
@@ -3,6 +3,7 @@ import {
   Card,
   Form,
   Input,
+  InputNumber,
   Select,
   Switch,
   Button,
diff --git a/src/pages/Statistics/index.tsx b/src/pages/Statistics/index.tsx
index efa1e0d5..4c8055ac 100644
--- a/src/pages/Statistics/index.tsx
+++ b/src/pages/Statistics/index.tsx
@@ -10,6 +10,7 @@ import {
   Table,
   Tag,
   Spin,
+  Space,
 } from 'antd'
 import {
   BarChartOutlined,
diff --git a/src/pages/UserManagement/index.tsx b/src/pages/UserManagement/index.tsx
index 24f08e3c..e1c09eb4 100644
--- a/src/pages/UserManagement/index.tsx
+++ b/src/pages/UserManagement/index.tsx
@@ -74,6 +74,7 @@ const UserManagement = () => {
       title: '用户',
       dataIndex: 'nickname',
       key: 'nickname',
+      width: 200,
       render: (text: string, record: User) => (
         <Space>
           <Avatar src={record.avatar} icon={<UserOutlined />} />
@@ -85,6 +86,7 @@ const UserManagement = () => {
       title: 'OpenID',
       dataIndex: 'openid',
       key: 'openid',
+      width: 220,
       ellipsis: true,
       render: (text: string) => (
         <Tag color="blue" style={{ fontFamily: 'monospace' }}>
@@ -96,18 +98,21 @@ const UserManagement = () => {
       title: '手机号',
       dataIndex: 'phone',
       key: 'phone',
+      width: 140,
       render: (text: string) => text || <Tag color="default">未绑定</Tag>,
     },
     {
       title: '注册时间',
       dataIndex: 'created_at',
       key: 'created_at',
+      width: 180,
       render: (text: string) => new Date(text).toLocaleString('zh-CN'),
     },
     {
       title: '操作',
       key: 'action',
-      width: 120,
+      width: 100,
+      fixed: 'right' as const,
       render: (_: unknown, record: User) => (
         <Button
           type="text"