release: v0.17.0

2026-08-19 22:09:49 +08:00
parent 9414048f9d
commit 84e9e7bff5
469 changed files with 19997 additions and 39561 deletions
@@ -0,0 +1,69 @@
+import React, { useState } from 'react';
+import { Button, Col, Row, Card } from 'tdesign-react';
+import ReactEcharts from 'echarts-for-react';
+import useDynamicChart from 'hooks/useDynamicChart';
+import Board, { ETrend } from 'components/Board';
+import LastWeekDatePicker from 'components/DatePicker';
+import { getBarChartOptions } from '../chart';
+import Style from './Overview.module.less';
+
+const options = getBarChartOptions();
+const Overview = (): React.ReactElement => {
+  const [customOptions, setCustomOptions] = useState(options);
+  const onTimeChange = (value: any) => {
+    // eslint-disable-next-line no-shadow
+    const options = getBarChartOptions(value);
+    setCustomOptions(options);
+  };
+
+  const dynamicChartOption = useDynamicChart(customOptions, {
+    placeholderColor: ['legend.textStyle.color', 'xAxis.axisLabel.color', 'yAxis.axisLabel.color'],
+  });
+
+  return (
+    <div className={Style.overviewPanel}>
+      <Row>
+        <Col xs={12} xl={9} span={12}>
+          <Card title=' 出入库概览 ' subtitle='(件)' actions={LastWeekDatePicker(onTimeChange)} bordered={false}>
+            <ReactEcharts
+              option={dynamicChartOption} // option：图表配置项
+              notMerge={true}
+              lazyUpdate={true}
+              style={{ height: 351 }}
+            />
+          </Card>
+        </Col>
+        <Col xs={12} xl={3} span={12}>
+          <Card actions={<Button>导出数据</Button>} bordered={false}>
+            <Row>
+              <Col xl={12} xs={6} span={12}>
+                <Board
+                  title='本月出库总计（件）'
+                  count='1726'
+                  trend={ETrend.down}
+                  trendNum='20.3%'
+                  desc='自从上周以来'
+                  border={false}
+                  style={{ height: '168px' }}
+                />
+              </Col>
+              <Col xl={12} xs={6} span={12}>
+                <Board
+                  title='活跃用户（个）'
+                  count='1126'
+                  trend={ETrend.down}
+                  trendNum='20.5%'
+                  desc='自从上周以来'
+                  border={false}
+                  style={{ height: '168px' }}
+                />
+              </Col>
+            </Row>
+          </Card>
+        </Col>
+      </Row>
+    </div>
+  );
+};
+
+export default React.memo(Overview);