|
|
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;
|
