fix: pivot页面的key

feature/year-over-year
Lei OT 2 years ago
parent bfc953a211
commit 7a0b38c8d0

@ -1,6 +1,6 @@
import { useContext, useEffect, useState } from 'react'; import { useContext, useEffect, useState } from 'react';
import { observer } from 'mobx-react'; import { observer } from 'mobx-react';
import { useParams } from 'react-router-dom'; import { useParams, useLocation } from 'react-router-dom';
import { stores_Context } from '../config'; import { stores_Context } from '../config';
import { Row, Col, Spin, Table, Select, Typography, Card, Button, Space, Divider } from 'antd'; import { Row, Col, Spin, Table, Select, Typography, Card, Button, Space, Divider } from 'antd';
import { cloneDeep, groupBy, isEmpty, omit, pick, sortBy, unique, cartesianProductArray } from '../utils/commons'; import { cloneDeep, groupBy, isEmpty, omit, pick, sortBy, unique, cartesianProductArray } from '../utils/commons';
@ -66,6 +66,7 @@ const pageSetting = {
export default observer((props) => { export default observer((props) => {
const { page } = useParams(); const { page } = useParams();
const { pathname } = useLocation();
const { date_picker_store: searchFormStore, orders_store, DataPivotStore } = useContext(stores_Context); const { date_picker_store: searchFormStore, orders_store, DataPivotStore } = useContext(stores_Context);
const { formValues, formValuesToSub } = searchFormStore; const { formValues, formValuesToSub } = searchFormStore;
const { originData } = DataPivotStore.detailData[page]; const { originData } = DataPivotStore.detailData[page];
@ -339,7 +340,7 @@ export default observer((props) => {
}; };
return ( return (
<> <div key={pathname}>
<Row gutter={16} className="sticky-top"> <Row gutter={16} className="sticky-top">
<Col className="gutter-row" span={24}> <Col className="gutter-row" span={24}>
<SearchForm <SearchForm
@ -550,6 +551,6 @@ export default observer((props) => {
<Table {...targetTableProps} dataSource={pivotTableDataSource} components={{ body: { cell: TdCell } }} /> <Table {...targetTableProps} dataSource={pivotTableDataSource} components={{ body: { cell: TdCell } }} />
</Spin> </Spin>
</section> </section>
</> </div>
); );
}); });

Loading…
Cancel
Save