From db0da79142146cd3de6e7fcca92dceeceb6d2665 Mon Sep 17 00:00:00 2001 From: skyouc Date: 星期四, 04 九月 2025 13:42:27 +0800 Subject: [PATCH] 添加普通站点及下发任务站点管理功能 --- rsf-admin/src/page/dashboard/NbChart.jsx | 64 +++++++++++++++++-------------- 1 files changed, 35 insertions(+), 29 deletions(-) diff --git a/rsf-admin/src/page/dashboard/NbChart.jsx b/rsf-admin/src/page/dashboard/NbChart.jsx index a0b6373..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" @@ -75,17 +76,15 @@ </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,7 +100,14 @@ /> <Area type="monotone" - dataKey="total" + 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