dq-osi/src/pages/inspectiontasks/InspectionTasks.js

import InspectionTaskPlan from "@/pages/inspectiontasks/components/Inspectiontaskplan/InspectionTaskPlan";
import {ConfigProvider, Tabs} from "antd";
import styles from './InspectionTask.less'
import InspectionRecords from "@/pages/inspectiontasks/components/Inspectionrecords/inspectionRecords";
const items=[
    {
        key:1,
        label:'巡检任务计划',
        children: <InspectionTaskPlan></InspectionTaskPlan>
    },
    {
        key:2,
        label:'巡检任务执行',
        children: <InspectionTaskPlan></InspectionTaskPlan>
    },
    {
        key:3,
        label:'巡检记录',
        children: <InspectionRecords></InspectionRecords>
    },
]
export const Title=(props)=>{
    return (
        <div style={{fontSize:'20px',fontWeight:'400'}}>
            <span style={{borderRight:'3px solid rgba(0,102,101,1)',marginRight:'20px'}}></span>
            {props.title}
        </div>
    )
}
const InspectionTasks = () => {
    const customTheme = {
        token: {
            // 核心主题色（修改这里，Input 等组件的激活态会自动同步）
            primaryColor: '#00b42a', // 例如修改为蓝色（默认），可改为 #f50、#00b42a 等
            // 可选：补充其他相关变量（如聚焦时的边框色，默认继承 primaryColor）
            colorPrimaryHover: '#39c574', // hover 时的颜色
            colorPrimaryActive: '#008743', // 点击时的颜色
        },
        components: {
            Switch: {
                colorPrimary: '#008743', // 开启状态颜色
                colorBg: '#333', // 关闭状态颜色（默认灰色）
            },
            Pagination:{
                colorPrimary:'#39c574',
            },
            Tree:{
                colorPrimary:'#006665',
                lineColor:'#006665',
                checkboxBorderColor:'#006665'
            },
            Table:{
                headerBg:'#F0F7F7',
                // bodyBg:'#F0F7F7',
            },
            Menu:{
                activeBarHeight:0
            },
            Select:{
                activeBorderColor:'#2C9E9D'
            }
        },
    };
    const onChange=()=>{

    }
    return <>
        <ConfigProvider theme={customTheme}>
        <Tabs className={styles['tabs']} defaultActiveKey={'1'} items={items} onChange={onChange}> </Tabs>
        </ConfigProvider>
    </>
}
export default InspectionTasks;