Haina
/
dashboard
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

perf: 优化导航

Browse Source
feature/hotel-cruise
Lei OT 2 years ago
parent 609b6761b3
commit d141e0fa7d
14 changed files with 30 additions and 25 deletions
Show Stats Download Patch File Download Diff File

14
src/App.jsx
Unescape Escape View File

@ -36,7 +36,7 @@ import Credit_card_bill from './views/Credit_card_bill';
import Sale from './views/Sale';
import Sale_sub from './views/Sale_sub';
import Sale_KPI from './views/Sale_KPI';
import Logo from './logo.png';
// import Logo from './logo.png';
import { observer } from 'mobx-react';
import ExchangeRate from './charts/ExchangeRate';
import KPI from './views/KPI';
@ -49,7 +49,7 @@ import { WaterMark } from '@ant-design/pro-components';
const App = () => {
const { Content, Footer, Sider, } = Layout;
const { auth_store } = useContext(stores_Context);
const { auth_store, date_picker_store } = useContext(stores_Context);
const [collapsed, setCollapsed] = useState(false);
@ -183,16 +183,16 @@ const App = () => {
bottom: 0,
zIndex: 999,
}}
zeroWidthTriggerStyle={collapsed ? { zIndex: 90, bottom: '64px', top: 'unset', left: 'unset', right: '-34px' } : { bottom: '64px', top: 'unset', left: 'unset', right: 0 }}
// onBreakpoint={(broken) => {
// console.log(broken);
// }}
zeroWidthTriggerStyle={collapsed ? { zIndex: 90, bottom: '64px', top: '3px', left: 'unset', right: '-34px' } : { bottom: '64px', top: '3px', left: 'unset', right: 0 }}
onBreakpoint={(broken) => {
date_picker_store.setSiderBroken(broken);
}}
onCollapse={(collapsed, type) => {
setCollapsed(collapsed);
}}
>
{/* <Image src={Logo} preview={false} /> */}
<Menu theme="dark" defaultSelectedKeys={['1']} defaultOpenKeys={[]} mode="inline" items={menu_items} onClick={() => setCollapsed(!collapsed)} />
<Menu theme="dark" defaultSelectedKeys={['1']} defaultOpenKeys={[]} mode="inline" items={menu_items} onClick={() => date_picker_store.siderBroken ? setCollapsed(!collapsed) : false} />
</Sider>
<Layout className="site-layout">

2
src/charts/Customer_care_inchina.jsx
Unescape Escape View File

@ -17,7 +17,7 @@ const Customer_care_inchina = () => {
return (
<div>
<Row gutter={16} className='sticky-top'>
<Row gutter={16} className={date_picker_store.siderBroken ? "" : "sticky-top"}>
<Col className="gutter-row" span={24}>
<SearchForm
defaultValue={{

4
src/charts/Customer_care_potential.jsx
Unescape Escape View File

@ -16,9 +16,9 @@ const Customer_care_potential = () => {
return (
<div>
<Row gutter={16} className='sticky-top'>
<Row gutter={16} className={date_picker_store.siderBroken ? "" : "sticky-top"}>
<Col className="gutter-row" span={24}>
<SearchForm className='sticky-top'
<SearchForm className={date_picker_store.siderBroken ? "" : "sticky-top"}
defaultValue={{
initialValue: {
...date_picker_store.formValues,

2
src/charts/Customer_care_regular.jsx
Unescape Escape View File

@ -13,7 +13,7 @@ const Customer_care_regular = () => {
return (
<div>
<Row gutter={16} className="sticky-top">
<Row gutter={16} className={date_picker_store.siderBroken ? "" : "sticky-top"}>
<Col className="gutter-row" span={24}>
<SearchForm
defaultValue={{

5
src/stores/DatePickerStore.js
Unescape Escape View File

@ -67,6 +67,11 @@ class DatePickerStore {
setFormValuesToSub(data){
this.formValuesToSub = data;
}
siderBroken = false;
setSiderBroken(broken){
this.siderBroken = broken;
}
}
export default DatePickerStore;

2
src/views/AgentGroupCount.jsx
Unescape Escape View File

@ -20,7 +20,7 @@ const AgentGroupCount = () => {
return (
<>
<Space direction="vertical" style={{ width: '100%' }}>
<Row gutter={16} className='sticky-top' >
<Row gutter={16} className={date_picker_store.siderBroken ? "" : "sticky-top"} >
<Col className="gutter-row" span={24}>
<SearchForm
defaultValue={{

4
src/views/DataPivot.jsx
Unescape Escape View File

@ -81,7 +81,7 @@ export default observer((props) => {
const { page } = useParams();
const { pathname } = useLocation();
const { date_picker_store: searchFormStore, orders_store, DataPivotStore } = useContext(stores_Context);
const { formValues, formValuesToSub } = searchFormStore;
const { formValues, formValuesToSub, siderBroken } = searchFormStore;
const { originData } = DataPivotStore.detailData[page];
const { xField: defaultDateType, yField: defaultValKey, yFieldAlias, tableColumns, childrenColumns, searchInitial } = pageSetting[page];
@ -355,7 +355,7 @@ export default observer((props) => {
return (
<div key={pathname}>
<Row gutter={16} className="sticky-top">
<Row gutter={16} className={siderBroken ? "" : "sticky-top"}>
<Col className="gutter-row" span={24}>
<SearchForm
defaultValue={{

2
src/views/DestinationGroupCount.jsx
Unescape Escape View File

@ -16,7 +16,7 @@ const DestinationGroupCount = () => {
return (
<>
<Space direction="vertical" style={{ width: '100%' }}>
<Row gutter={16} className='sticky-top'>
<Row gutter={16} className={date_picker_store.siderBroken ? "" : "sticky-top"}>
<Col className="gutter-row" span={24}>
<SearchForm
defaultValue={{

4
src/views/Distribution.jsx
Unescape Escape View File

@ -34,7 +34,7 @@ const TdCell = (tdprops) => {
export default observer(() => {
const { date_picker_store: searchFormStore, DistributionStore } = useContext(stores_Context);
const { formValues, formValuesToSub } = searchFormStore;
const { formValues, formValuesToSub, siderBroken } = searchFormStore;
const { curTab, dateStringQ, dateStringY } = DistributionStore;
const pageRefresh = (obj) => {
@ -206,7 +206,7 @@ export default observer(() => {
};
return (
<>
<Row gutter={16} className='sticky-top' >
<Row gutter={16} className={siderBroken ? "" : "sticky-top"} >
<Col className="gutter-row" span={24}>
<SearchForm
defaultValue={{

4
src/views/Home.jsx
Unescape Escape View File

@ -39,7 +39,7 @@ export default observer(() => {
// const navigate = useNavigate();
const { TradeStore, date_picker_store: searchFormStore } = useContext(stores_Context);
const { searchValues, sideData, summaryData, BuData, topData, timeData, timeLineKey, targetTableProps, timeDiffData, groupKey } = TradeStore;
const { formValues } = searchFormStore;
const { formValues, siderBroken } = searchFormStore;
useEffect(() => {
if (empty(summaryData.dataSource)) {
@ -182,7 +182,7 @@ export default observer(() => {
const [showDiff, setShowDiff] = useState(false);
return (
<>
<Row gutter={16} className="sticky-top">
<Row gutter={16} className={siderBroken ? "" : "sticky-top"}>
<Col className="gutter-row" span={24}>
<SearchForm
defaultValue={{

2
src/views/Orders.jsx
Unescape Escape View File

@ -324,7 +324,7 @@ class Orders extends Component {
return (
<div>
<Row gutter={16} className='sticky-top' >
<Row gutter={16} className={date_picker_store.siderBroken ? "" : "sticky-top"} >
<Col className="gutter-row" span={24}>
<SearchForm
defaultValue={{

2
src/views/Orders_sub.jsx
Unescape Escape View File

@ -262,7 +262,7 @@ const Orders_sub = () => {
};
return (
<div>
<Row gutter={{ sm: 16, lg: 32 }} className="sticky-top">
<Row gutter={{ sm: 16, lg: 32 }} className={date_picker_store.siderBroken ? "" : "sticky-top"}>
<Col md={24} lg={12} xxl={14}>
<NavLink to={`/orders`}>返回</NavLink>
</Col>

2
src/views/Sale.jsx
Unescape Escape View File

@ -206,7 +206,7 @@ const Sale = () => {
return (
<div>
<Row gutter={16} className='sticky-top' >
<Row gutter={16} className={date_picker_store.siderBroken ? "" : "sticky-top"} >
<Col className="gutter-row" span={24}>
<SearchForm
defaultValue={{

6
src/views/Sale_KPI.jsx
Unescape Escape View File

@ -14,7 +14,7 @@ const overviewGroupKeys = overviewGroup.map(item => item.key);
const Sale_KPI = () => {
const { sale_store, date_picker_store: searchFormStore } = useContext(stores_Context);
const { formValues } = searchFormStore;
const { formValues, siderBroken } = searchFormStore;
const { groupType, loading, operator, tableDataSource: dataSource } = sale_store.salesTrade;
const yearData = sale_store.salesTrade[groupType].reduce((r, ele) => r.concat(Object.values(ele.mData)), []);
@ -158,7 +158,7 @@ const Sale_KPI = () => {
const lineConfig = { appendPadding: 10, xField: 'groupDateVal', yField: 'SumML', seriesField: 'groupsLabel', isGroup: true, smooth: false, meta: comm.cloneDeep(dataFieldAlias), };
return (
<div>
<Row gutter={16} className="sticky-top">
<Row gutter={16} className={siderBroken ? "" : "sticky-top"}>
<Col md={24} lg={24} xxl={24}>
<SearchForm
defaultValue={{
@ -217,7 +217,7 @@ const Sale_KPI = () => {
</Col>
</Row>
</Col>
<Col className="gutter-row" md={24}>
<Col className="gutter-row" span={24}>
<LineWithKPI dataSource={sale_store.salesTrade.pickSalesData} showKPI={true} {...lineConfig} />
</Col>
</Row>

Write Preview
Loading…
Cancel
Save