Skip to content

GitLab

P
pro-blocks
Commit 9c3225d1 authored by 陈帅's avatar 陈帅
Browse files
Options

add GridContent

parent 34418ae2
Hide whitespace changes
Inline Side-by-side
Showing with 51 additions and 48 deletions
Analysis/src/index.tsx
View file @ 9c3225d1
...@@ -8,6 +8,7 @@ import PageLoading from './components/PageLoading'; ...@@ -8,6 +8,7 @@ import PageLoading from './components/PageLoading';
import { Dispatch } from 'redux'; import { Dispatch } from 'redux';
import { IAnalysisData } from './data.d'; import { IAnalysisData } from './data.d';
import { RadioChangeEvent } from 'antd/lib/radio'; import { RadioChangeEvent } from 'antd/lib/radio';
import { GridContent } from '@ant-design/pro-layout';
const IntroduceRow = React.lazy(() => import('./components/IntroduceRow')); const IntroduceRow = React.lazy(() => import('./components/IntroduceRow'));
const SalesCard = React.lazy(() => import('./components/SalesCard')); const SalesCard = React.lazy(() => import('./components/SalesCard'));
...@@ -156,53 +157,55 @@ class PAGE_NAME_UPPER_CAMEL_CASE extends Component< ...@@ -156,53 +157,55 @@ class PAGE_NAME_UPPER_CAMEL_CASE extends Component<
const activeKey = currentTabKey || (offlineData[0] && offlineData[0].name); const activeKey = currentTabKey || (offlineData[0] && offlineData[0].name);
return ( return (
<React.Fragment> <GridContent>
<Suspense fallback={<PageLoading />}> <React.Fragment>
<IntroduceRow loading={loading} visitData={visitData} /> <Suspense fallback={<PageLoading />}>
</Suspense> <IntroduceRow loading={loading} visitData={visitData} />
<Suspense fallback={null}> </Suspense>
<SalesCard <Suspense fallback={null}>
rangePickerValue={rangePickerValue} <SalesCard
salesData={salesData} rangePickerValue={rangePickerValue}
isActive={this.isActive} salesData={salesData}
handleRangePickerChange={this.handleRangePickerChange} isActive={this.isActive}
loading={loading} handleRangePickerChange={this.handleRangePickerChange}
selectDate={this.selectDate} loading={loading}
/> selectDate={this.selectDate}
</Suspense> />
<Row gutter={24}> </Suspense>
<Col xl={12} lg={24} md={24} sm={24} xs={24}> <Row gutter={24}>
<Suspense fallback={null}> <Col xl={12} lg={24} md={24} sm={24} xs={24}>
<TopSearch <Suspense fallback={null}>
loading={loading} <TopSearch
visitData2={visitData2} loading={loading}
searchData={searchData} visitData2={visitData2}
dropdownGroup={dropdownGroup} searchData={searchData}
/> dropdownGroup={dropdownGroup}
</Suspense> />
</Col> </Suspense>
<Col xl={12} lg={24} md={24} sm={24} xs={24}> </Col>
<Suspense fallback={null}> <Col xl={12} lg={24} md={24} sm={24} xs={24}>
<ProportionSales <Suspense fallback={null}>
dropdownGroup={dropdownGroup} <ProportionSales
salesType={salesType} dropdownGroup={dropdownGroup}
loading={loading} salesType={salesType}
salesPieData={salesPieData} loading={loading}
handleChangeSalesType={this.handleChangeSalesType} salesPieData={salesPieData}
/> handleChangeSalesType={this.handleChangeSalesType}
</Suspense> />
</Col> </Suspense>
</Row> </Col>
<Suspense fallback={null}> </Row>
<OfflineData <Suspense fallback={null}>
activeKey={activeKey} <OfflineData
loading={loading} activeKey={activeKey}
offlineData={offlineData} loading={loading}
offlineChartData={offlineChartData} offlineData={offlineData}
handleTabChange={this.handleTabChange} offlineChartData={offlineChartData}
/> handleTabChange={this.handleTabChange}
</Suspense> />
</React.Fragment> </Suspense>
</React.Fragment>
</GridContent>
); );
} }
} }
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment