PrintMiniProgram/adminpage
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改了许多测试时遇到的问题

Browse Source
This commit is contained in:
YONGYE
2026-04-04 10:18:27 +08:00
parent f685a8aeed
commit b4062590fc
10 changed files with 89 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.tsx
View File

@@ -12,6 +12,8 @@ import './App.css'
function App() {
const isAuthenticated = () => {
// 临时免登录，方便预览
// return true
return localStorage.getItem('admin_token') !== null
}

10
src/components/Layout/index.css
View File

@@ -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 {

44
src/pages/Dashboard/index.css
View File

@@ -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 {

2
src/pages/Dashboard/index.tsx
View File

@@ -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>

15
src/pages/FileManagement/index.tsx
View File

@@ -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

13
src/pages/OrderManagement/index.tsx
View File

@@ -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

12
src/pages/PriceManagement/index.tsx
View File

@@ -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

1
src/pages/PrintSettings/index.tsx
View File

@@ -3,6 +3,7 @@ import {
Card,
Form,
Input,
InputNumber,
Select,
Switch,
Button,

1
src/pages/Statistics/index.tsx
View File

@@ -10,6 +10,7 @@ import {
Table,
Tag,
Spin,
Space,
} from 'antd'
import {
BarChartOutlined,

7
src/pages/UserManagement/index.tsx
View File

@@ -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"