From 5b976ae793a2a068427fdb9c7d80fdf4ea6a96a5 Mon Sep 17 00:00:00 2001
From: skyouc
Date: 星期五, 22 八月 2025 15:12:14 +0800
Subject: [PATCH] 盘点功能优化，bug修复
---
rsf-admin/src/page/dashboard/NbChart.jsx | 70 +++++++++++++++++++----------------
1 files changed, 38 insertions(+), 32 deletions(-)
diff --git a/rsf-admin/src/page/dashboard/NbChart.jsx b/rsf-admin/src/page/dashboard/NbChart.jsx
index 2ed9df8..5b4fce4 100644
--- a/rsf-admin/src/page/dashboard/NbChart.jsx
+++ b/rsf-admin/src/page/dashboard/NbChart.jsx
@@ -19,28 +19,28 @@
const dateFormatter = (date) =>
new Date(date).toLocaleDateString();
-const aggregateOrdersByDay = (orders) =>
- orders
- .filter((order) => order.status !== 'cancelled')
- .reduce(
- (acc, curr) => {
- const day = format(curr.date, 'yyyy-MM-dd');
- if (!acc[day]) {
- acc[day] = 0;
- }
- acc[day] += curr.total;
- return acc;
- },
- {}
- );
+// const aggregateOrdersByDay = (orders) =>
+// orders
+// .filter((order) => order.status !== 'cancelled')
+// .reduce(
+// (acc, curr) => {
+// const day = format(curr.date, 'yyyy-MM-dd');
+// if (!acc[day]) {
+// acc[day] = 0;
+// }
+// acc[day] += curr.total;
+// return acc;
+// },
+// {}
+// );
-const getRevenuePerDay = (orders) => {
- const daysWithRevenue = aggregateOrdersByDay(orders);
- return lastMonthDays.map(date => ({
- date: date.getTime(),
- total: daysWithRevenue[format(date, 'yyyy-MM-dd')] || 0,
- }));
-};
+// const getRevenuePerDay = (orders) => {
+// const daysWithRevenue = aggregateOrdersByDay(orders);
+// return lastMonthDays.map(date => ({
+// date: date.getTime(),
+// total: daysWithRevenue[format(date, 'yyyy-MM-dd')] || 0,
+// }));
+// };
const NbChart = (props) => {
const { orders } = props;
@@ -49,11 +49,12 @@
return (
<Card>
- <CardHeader title={translate('pos.dashboard.month_history')} />
+ <CardHeader title={translate('page.dashboard.chart.histories')} />
<CardContent>
<div style={{ width: '100%', height: 300 }}>
<ResponsiveContainer>
- <AreaChart data={getRevenuePerDay(orders)}>
+ <AreaChart data={orders?.trandItem
+ }>
<defs>
<linearGradient
id="colorUv"
@@ -64,28 +65,26 @@
>
<stop
offset="5%"
- stopColor="#8884d8"
+ stopColor="#5091abff"
stopOpacity={0.8}
/>
<stop
offset="95%"
- stopColor="#8884d8"
+ stopColor="#5091abff"
stopOpacity={0}
/>
</linearGradient>
</defs>
<XAxis
- dataKey="date"
- name="Date"
- type="number"
- scale="time"
+ dataKey="orderTime"
+
domain={[
addDays(aMonthAgo, 1).getTime(),
new Date().getTime(),
]}
tickFormatter={dateFormatter}
/>
- <YAxis dataKey="total" name="Revenue" unit="鈧�" />
+ <YAxis dataKey="inQty" name="Revenue" unit="" />
<CartesianGrid strokeDasharray="3 3" />
<Tooltip
cursor={{ strokeDasharray: '3 3' }}
@@ -101,8 +100,15 @@
/>
<Area
type="monotone"
- dataKey="total"
- stroke="#8884d8"
+ dataKey="inQty"
+ stroke="#50911aff"
+ strokeWidth={2}
+ fill="url(#colorUv)"
+ />
+ <Area
+ type="monotone"
+ dataKey="outQty"
+ stroke="#5091abff"
strokeWidth={2}
fill="url(#colorUv)"
/>
--
Gitblit v1.9.1