|
|
|
@ -42,7 +42,7 @@ const Analysis: FC<AnalysisProps> = () => {
|
|
|
|
|
getTimeDistance('year'),
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
const { loading, data } = useRequest(fakeChartData);
|
|
|
|
|
// const { loading, data } = useRequest(fakeChartData);
|
|
|
|
|
|
|
|
|
|
const selectDate = (type: TimeType) => {
|
|
|
|
|
setRangePickerValue(getTimeDistance(type));
|
|
|
|
@ -73,46 +73,55 @@ const Analysis: FC<AnalysisProps> = () => {
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
let salesPieData;
|
|
|
|
|
if (salesType === 'all') {
|
|
|
|
|
salesPieData = data?.salesTypeData;
|
|
|
|
|
} else {
|
|
|
|
|
salesPieData = salesType === 'online' ? data?.salesTypeDataOnline : data?.salesTypeDataOffline;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const handleChangeSalesType = (e: RadioChangeEvent) => {
|
|
|
|
|
setSalesType(e.target.value);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const handleTabChange = (key: string) => {
|
|
|
|
|
setCurrentTabKey(key);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const activeKey = currentTabKey || (data?.offlineData[0] && data?.offlineData[0].name) || '';
|
|
|
|
|
// if (salesType === 'all') {
|
|
|
|
|
// salesPieData = data?.salesTypeData;
|
|
|
|
|
// } else {
|
|
|
|
|
// salesPieData = salesType === 'online' ? data?.salesTypeDataOnline : data?.salesTypeDataOffline;
|
|
|
|
|
// }
|
|
|
|
|
//
|
|
|
|
|
// const handleChangeSalesType = (e: RadioChangeEvent) => {
|
|
|
|
|
// setSalesType(e.target.value);
|
|
|
|
|
// };
|
|
|
|
|
//
|
|
|
|
|
// const handleTabChange = (key: string) => {
|
|
|
|
|
// setCurrentTabKey(key);
|
|
|
|
|
// };
|
|
|
|
|
//
|
|
|
|
|
// const activeKey = currentTabKey || (data?.offlineData[0] && data?.offlineData[0].name) || '';
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<GridContent>
|
|
|
|
|
<>
|
|
|
|
|
<Suspense fallback={<PageLoading />}>
|
|
|
|
|
<IntroduceRow loading={loading} visitData={data?.visitData || []} />
|
|
|
|
|
<IntroduceRow
|
|
|
|
|
// loading={loading}
|
|
|
|
|
// visitData={data?.visitData || []}
|
|
|
|
|
/>
|
|
|
|
|
</Suspense>
|
|
|
|
|
|
|
|
|
|
<Suspense fallback={null}>
|
|
|
|
|
<TrainCard
|
|
|
|
|
rangePickerValue={rangePickerValue}
|
|
|
|
|
salesData={data?.salesData || []}
|
|
|
|
|
// salesData={data?.salesData || []}
|
|
|
|
|
isActive={isActive}
|
|
|
|
|
handleRangePickerChange={handleRangePickerChange}
|
|
|
|
|
loading={loading}
|
|
|
|
|
// loading={loading}
|
|
|
|
|
selectDate={selectDate}
|
|
|
|
|
/>
|
|
|
|
|
</Suspense>
|
|
|
|
|
|
|
|
|
|
<Suspense fallback={null}>
|
|
|
|
|
<CertificateRow loading={loading} visitData={data?.visitData || []} />
|
|
|
|
|
<CertificateRow
|
|
|
|
|
// loading={loading}
|
|
|
|
|
// visitData={data?.visitData || []}
|
|
|
|
|
/>
|
|
|
|
|
</Suspense>
|
|
|
|
|
|
|
|
|
|
<Suspense fallback={null}>
|
|
|
|
|
<AchievementRow loading={loading} visitData={data?.visitData || []} />
|
|
|
|
|
<AchievementRow
|
|
|
|
|
// loading={loading}
|
|
|
|
|
// visitData={data?.visitData || []}
|
|
|
|
|
/>
|
|
|
|
|
</Suspense>
|
|
|
|
|
|
|
|
|
|
</>
|
|
|
|
|