dq-osi/src/pages/smartinspection/SmartInspection.js

import InspectionTaskPlan from "@/pages/smartinspection/components/Inspectiontaskplan/SmartInspectionPlan";
import { ConfigProvider, Tabs } from "antd";
import styles from './SmartInspection.less'
import InspectionRecords from "@/pages/smartinspection/components/Inspectionrecords/SmartInspectionRecords";
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',
                colorBorder: '#2C9E9D'
            },
            Input: {
                colorBorder: '#2C9E9D'
            },
            DatePicker: {
                colorBorder: '#2C9E9D'
            },
        },
    };
    const onChange = () => {

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