refactor: 重构项目结构并优化代码
- 删除无用的文件和错误日志 - 创建统一的 imports 模块集中管理依赖 - 重构组件使用新的 imports 方式 - 修复文档路径大小写问题 - 优化类型定义和接口导出 - 更新依赖版本 - 改进错误处理和API配置 - 统一组件导出方式
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
import React, { useState, useEffect, useCallback, useMemo } from 'react';
|
||||
import { useState, useEffect, useCallback, useMemo, moment } from '@/imports';
|
||||
import {
|
||||
Card,
|
||||
Table,
|
||||
@@ -26,8 +26,18 @@ import {
|
||||
Typography,
|
||||
Image,
|
||||
Steps,
|
||||
} from 'antd';
|
||||
import {
|
||||
Line,
|
||||
LineChart,
|
||||
Pie,
|
||||
Bar,
|
||||
BarChart,
|
||||
ResponsiveContainer,
|
||||
Tooltip,
|
||||
Legend,
|
||||
XAxis,
|
||||
YAxis,
|
||||
CartesianGrid,
|
||||
Cell,
|
||||
EyeOutlined,
|
||||
SyncOutlined,
|
||||
CheckCircleOutlined,
|
||||
@@ -53,17 +63,18 @@ import {
|
||||
GlobalOutlined,
|
||||
ShopOutlined,
|
||||
AppstoreOutlined,
|
||||
} from '@ant-design/icons';
|
||||
import type { ColumnsType, TablePaginationConfig } from 'antd/es/table';
|
||||
import type { FilterValue, SorterResult, TableCurrentDataSource } from 'antd/es/table/interface';
|
||||
import moment from 'moment';
|
||||
import { Line, LineChart, Pie, Bar, BarChart, ResponsiveContainer, Tooltip, Legend, XAxis, YAxis, CartesianGrid, Cell } from 'recharts';
|
||||
|
||||
const { Title, Text } = Typography;
|
||||
const { Option } = Select;
|
||||
const { RangePicker } = DatePicker;
|
||||
const { Step } = Steps;
|
||||
const { Search } = Input;
|
||||
Title,
|
||||
Text,
|
||||
Option,
|
||||
RangePicker,
|
||||
Step,
|
||||
Search,
|
||||
ColumnsType,
|
||||
TablePaginationConfig,
|
||||
FilterValue,
|
||||
SorterResult,
|
||||
TableCurrentDataSource,
|
||||
} from '@/imports';
|
||||
|
||||
interface Order {
|
||||
id: string;
|
||||
@@ -404,7 +415,7 @@ const MOCK_ORDERS: Order[] = [
|
||||
},
|
||||
];
|
||||
|
||||
export const OrderList: React.FC = () => {
|
||||
const OrderList: React.FC = () => {
|
||||
const [orders, setOrders] = useState<Order[]>([]);
|
||||
const [loading, setLoading] = useState(false);
|
||||
const [selectedRows, setSelectedRows] = useState<Order[]>([]);
|
||||
@@ -1235,7 +1246,7 @@ export const OrderList: React.FC = () => {
|
||||
title="筛选条件"
|
||||
placement="right"
|
||||
onClose={() => setFilterVisible(false)}
|
||||
visible={filterVisible}
|
||||
open={filterVisible}
|
||||
width={400}
|
||||
>
|
||||
<Form layout="vertical">
|
||||
@@ -1313,7 +1324,7 @@ export const OrderList: React.FC = () => {
|
||||
title="排序设置"
|
||||
placement="right"
|
||||
onClose={() => setSortDrawerVisible(false)}
|
||||
visible={sortDrawerVisible}
|
||||
open={sortDrawerVisible}
|
||||
width={300}
|
||||
>
|
||||
<Space direction="vertical" style={{ width: '100%' }}>
|
||||
@@ -1353,7 +1364,7 @@ export const OrderList: React.FC = () => {
|
||||
title={`订单详情 - ${currentOrder?.orderId}`}
|
||||
placement="right"
|
||||
onClose={() => setDetailDrawerVisible(false)}
|
||||
visible={detailDrawerVisible}
|
||||
open={detailDrawerVisible}
|
||||
width={600}
|
||||
>
|
||||
{currentOrder && (
|
||||
@@ -1413,7 +1424,7 @@ export const OrderList: React.FC = () => {
|
||||
|
||||
<Modal
|
||||
title="确认订单"
|
||||
visible={confirmModalVisible}
|
||||
open={confirmModalVisible}
|
||||
onOk={handleConfirmSubmit}
|
||||
onCancel={() => setConfirmModalVisible(false)}
|
||||
>
|
||||
@@ -1424,7 +1435,7 @@ export const OrderList: React.FC = () => {
|
||||
|
||||
<Modal
|
||||
title="订单发货"
|
||||
visible={shipModalVisible}
|
||||
open={shipModalVisible}
|
||||
onOk={handleShipSubmit}
|
||||
onCancel={() => setShipModalVisible(false)}
|
||||
>
|
||||
@@ -1454,7 +1465,7 @@ export const OrderList: React.FC = () => {
|
||||
|
||||
<Modal
|
||||
title="取消订单"
|
||||
visible={cancelModalVisible}
|
||||
open={cancelModalVisible}
|
||||
onOk={handleCancelSubmit}
|
||||
onCancel={() => setCancelModalVisible(false)}
|
||||
>
|
||||
@@ -1471,7 +1482,7 @@ export const OrderList: React.FC = () => {
|
||||
|
||||
<Modal
|
||||
title="售后申请"
|
||||
visible={afterSalesModalVisible}
|
||||
open={afterSalesModalVisible}
|
||||
onOk={handleAfterSalesSubmit}
|
||||
onCancel={() => setAfterSalesModalVisible(false)}
|
||||
width={600}
|
||||
|
||||
Reference in New Issue
Block a user