/*
 * @Author: cclu
 * @Date: 2022-01-09 15:46:57
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2022-04-28 18:54:02
 * @FilePath: \cloud-platform\src\pages\busniess\analysis\components\BottomCompletion.tsx
 * @Description: 年度/月度应收总额完成度 组件
 * 
 * Copyright (c) 2022 by cclu/杭州驿商科技, All Rights Reserved. 
 */
import { Col } from "antd";
import ContactCompletion from "./ContactCompletion";

import { Suspense, useState } from "react";

import ContactYearCompletion from "./ContactYearCompletion";


const BottomCompletion: React.FC = () => {
    
    const [selectDate, setSelectDate] = useState<number>(2022); // 当前 “月度应收总额完成度图例” 选择的年份
   
    return (
        <>
            <Col xl={8} lg={24} md={24} sm={24} xs={24}>
                <Suspense fallback={null}>
                    {/* 年度应收总额完成度 */}
                    <ContactYearCompletion
                   
                        setSelectDate={setSelectDate}
                        
                    />
                </Suspense>
            </Col>

                    {/* 月度应收总额完成度 */}
                    <ContactCompletion
                        selectDate={selectDate}
                    />
             
        </>
    )
}

export default BottomCompletion;