import { MyPageContainer } from '@/common';
import { ProCard } from '@ant-design/pro-components';
import { Space } from 'antd';
import MyDemoLine from './charts/DemoLine';
import MyOverviewClient from './charts/OverviewClient';
import MyOverviewFinancialData from './components/OverviewFinancialData';
import MyRanking from './components/Ranking';
import './style.scss';
export default function Index({ title = '财务Bi' }) {
  
  return (
    <MyPageContainer
      title={title}
      enableTabs={true}
      tabKey="charge_bi"
      tabLabel={title}
    >
      <div
        style={{
          width: '100%',
          display: 'flex',
          alignItems: 'flex-start',
          justifyContent: 'space-between',
        }}
      >
        <Space
          direction="vertical"
          style={{ flex: 1, minWidth: '500px', marginRight: '20px' }}
          size="middle"
        >
          <MyOverviewFinancialData />
          <MyOverviewClient />
          <MyDemoLine />
        </Space>
        <ProCard style={{ maxWidth: '33vw' }} title="项目收款排名">
          <MyRanking />
        </ProCard>
      </div>
    </MyPageContainer>
  );
}
