import React, { useState , useEffect} from "react"
import { Card, Row, Col, Tag, Button, Table, Badge , Modal} from "antd";
import { MacCommandOutlined } from "@ant-design/icons"
import { connect , history} from 'umi'

import { dispatchHandle } from '@/utils/publicHandle'
import PageFirstLine from './components/PageFirstLine'
import PendingThings from './components/PendingThings'
import PendingAlarmInfo from './components/PendingAlarmInfo'
import PendingOrders from './components/PendingOrders'

import style from "./index.less"

const DispatchCenter = (props) => {
    const {
        dispatch,
    } = props;
    /**
     * @页面初始化
     */
    useEffect(() => {
        
    }, [])
    return <>
        {/* 发起报修一行 */}
        <PageFirstLine />
        {/* 待处理待验收 */}
        <PendingThings />
        <Row gutter={[{ md: 0, xxl: 16 }]}>
            <PendingAlarmInfo />
            <PendingOrders />
        </Row>
    </>
}

export default connect(({ dispatching, user, loading }) => ({
    dispatching,
    user,
}))(DispatchCenter);