import InspectionTaskPlan from '@/pages/inspectionmanagement/components/Inspectiontaskplan/InspectionTaskPlan';
import { ConfigProvider, Tabs } from 'antd';
import styles from './InspectionManagement.less';
import InspectionRecords from '@/pages/inspectionmanagement/components/Inspectionrecords/inspectionRecords';

const items = [
  {
    key: '1',
    label: '巡检管理类型',
    children: <InspectionTaskPlan />
  },
  {
    key: '3',
    label: '巡检点管理',
    children: <InspectionRecords />
  }
];

const InspectionManagement = () => {
  const customTheme = {
    token: {
      primaryColor: '#00b42a',
      colorPrimaryHover: '#39c574',
      colorPrimaryActive: '#008743'
    },
    components: {
      Switch: {
        colorPrimary: '#008743',
        colorBg: '#333'
      },
      Pagination: {
        colorPrimary: '#39c574'
      },
      Tree: {
        colorPrimary: '#006665',
        lineColor: '#006665',
        checkboxBorderColor: '#006665'
      },
      Table: {
        headerBg: '#F0F7F7'
      },
      Menu: {
        activeBarHeight: 0
      },
      Select: {
        activeBorderColor: '#2C9E9D'
      }
    }
  };

  const onChange = () => {};

  return (
    <ConfigProvider theme={customTheme}>
      <Tabs className={styles.tabs} defaultActiveKey="1" items={items} onChange={onChange} />
    </ConfigProvider>
  );
};

export default InspectionManagement;