巡检任务全局样式修改

src/pages/inspectiontasks/InspectionTasks.js

@@ -35,6 +35,15 @@ const InspectionTasks = () => {
             colorPrimaryHover: '#39c574', // hover 时的颜色
             colorPrimaryActive: '#008743', // 点击时的颜色
         },
+        components: {
+            Switch: {
+                colorPrimary: '#008743', // 开启状态颜色
+                colorBg: '#333', // 关闭状态颜色（默认灰色）
+            },
+            Pagination:{
+                colorPrimary:'#39c574',
+            }
+        },
     };
     const onChange=()=>{
 

src/pages/inspectiontasks/components/Inspectiontaskplan/InspectionTaskPlan.js

@@ -1,4 +1,4 @@
-import {Button, Col, Form, Input, Menu, Pagination, Row, Select, Space, Switch, Table} from "antd";
+import {Button, Col, Form, Input, Menu, Pagination, Row, Select, Space, Switch, Table, Tree} from "antd";
 import {useEffect, useRef, useState} from "react";
 import styles from './InspectionTaskPlan.less'
 import {Title} from "@/pages/inspectiontasks/InspectionTasks";
@@ -101,10 +101,10 @@ const EmployeeTable = () => {
             align:'center',
             render: (_, record) => (
                 <Space size="small">
-                    <a onClick={() => handleView(record)} style={{ color: '#1890ff' }}>
+                    <a onClick={() => handleView(record)} style={{ color: '#2C9E9D' }}>
                         <EyeOutlined /> 查看详情
                     </a>
-                    <a onClick={() => handleEdit(record)} style={{ color: '#1890ff' }}>
+                    <a onClick={() => handleEdit(record)} style={{ color: '#2C9E9D' }}>
                         <EditOutlined /> 编辑
                     </a>
                     <a onClick={() => handleDelete(record)} style={{ color: '#ff4d4f' }}>
@@ -335,10 +335,10 @@ const GroupTable=()=>{
             align:'center',
             render: (_, record) => (
                 <Space size="small">
-                    <a onClick={() => handleView(record)} style={{ color: '#1890ff' }}>
+                    <a onClick={() => handleView(record)} style={{ color: '#2C9E9D' }}>
                         <EyeOutlined /> 查看详情
                     </a>
-                    <a onClick={() => handleEdit(record)} style={{ color: '#1890ff' }}>
+                    <a onClick={() => handleEdit(record)} style={{ color: '#2C9E9D' }}>
                         <EditOutlined /> 编辑
                     </a>
                     <a onClick={() => handleDelete(record)} style={{ color: '#ff4d4f' }}>
@@ -617,7 +617,7 @@ const TimeMange=()=>{
                         <span>2025-7-22 09:34</span>
                     </div>
                 </Col>
-                <Col span={4} style={{display:"flex",alignItems:'center'}}>
+                <Col span={4} style={{display:"flex",alignItems:'center',justifyContent:'end'}}>
                     <Button  icon={<ExportOutlined />} className={styles['exportBtn']} style={{backgroundImage:`url(${btnImg1})`}}>导出</Button>
                 </Col>
             </Row>
@@ -637,12 +637,12 @@ const TimeMange=()=>{
                                 >
                                     <Select
                                         defaultValue={'全部'}
-                                        style={{width:'132px'}}
+                                        style={{width:'132px',height: 40}}
                                     ></Select>
                                 </Form.Item>
                                 <Form.Item
                                     label={<label>姓名</label>}
-                                    name="type"
+                                    name="type1"
 
                                 >
                                     <Input
@@ -652,7 +652,7 @@ const TimeMange=()=>{
                                 </Form.Item>
                                 <Form.Item
                                     label={<label>班组</label>}
-                                    name="type"
+                                    name="type2"
 
                                 >
                                     <Select
@@ -669,7 +669,6 @@ const TimeMange=()=>{
                         <Button icon={<PlusOutlined />} className={styles['addBtn']} style={{backgroundImage:`url(${btnImg1})`,}}>新增</Button>
                         <Button icon={<RedoOutlined />} className={styles['resetBtn']} style={{backgroundImage:`url(${btnImg3})`,margin:'0 20px'}}>编辑</Button>
                         <Button className={styles['delBtn']} style={{backgroundImage:`url(${btnImg2})`}}>删除</Button>
-
                     </Col>
                 </Row>
                 <div className={styles['paibanBg']} style={{backgroundImage:`url(${paibanBg})`}}>
@@ -679,6 +678,58 @@ const TimeMange=()=>{
         </div>
     )
 }
+const PatrolRouteQuery=()=>{
+    const treeData=[
+        {
+            title:'班次',
+            key:'班次',
+            children:[
+                {title:'白班', key:'白班',},
+                {title:'中班', key:'中班',},
+                {title:'夜班', key:'夜班',},
+                {title:'中班巡检', key:'中班巡检',},
+                {title:'夜班二巡检', key:'夜班二巡检',},
+            ]
+        },
+        {
+            title:'专业',
+            key:'专业',
+            children:[
+                {title:'电器专业', key:'电器专业',},
+                {title:'水处理', key:'水处理',},
+            ]
+        },
+        {
+            title:'区域',
+            key:'区域',
+            children:[
+                {title:'发电机区域', key:'发电机区域',},
+                {title:'中水处区', key:'中水处区',},
+                {title:'除盐水区域', key:'除盐水区域',},
+            ]
+        },
+
+
+    ]
+
+
+    return(
+        <div style={{backgroundColor:'#fff',padding:'20px'}}>
+            <Row>
+                <Col span={4}>
+                    <Title title={'巡视线路'}></Title>
+                    <Tree
+                        treeData={treeData}
+                        checkable
+                        defaultExpandParent
+                    >
+                    </Tree>
+                </Col>
+                <Col span={20}>1</Col>
+            </Row>
+        </div>
+    )
+}
 const items = [
     {
         label: <MenuBg text={'人员管理'} icon={<DownOutlined style={{ fontSize: 16 }} />}></MenuBg>,
@@ -696,13 +747,16 @@ const items = [
     {
         label:<MenuBg text={'巡检路线管理'} icon={<DownOutlined style={{ fontSize: 16 }} />}></MenuBg>,
         key:'巡检路线管理',
+        children: [
+            {label:'巡视路线查询',key:'巡视路线查询'}
+        ]
     }
 ]
 const list={
     '人员管理':<PeopleMange/>,
     '班组管理':<ClassMange/>,
     '排班管理':<TimeMange/>,
-    '巡检路线管理':<PeopleMange/>,
+    '巡视路线查询':<PatrolRouteQuery/>,
 
 
 }
@@ -716,7 +770,8 @@ const InspectionTaskPlan=()=>{
         <>
             <div className={styles['header']}>
                 <div className={styles['logo']}>
-                    当前:&nbsp;&nbsp;{current}
+                    <span style={{marginLeft:'-20px'}}> 当前:&nbsp;&nbsp;{current}</span>
+
                 </div>
                 <Menu
                     onClick={onclick}

src/pages/inspectiontasks/components/Inspectiontaskplan/InspectionTaskPlan.less

@@ -18,7 +18,6 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  //padding: 10px 30px;
   height: 54px;
   width: 258px;
 }
@@ -66,12 +65,18 @@
   align-items: center;
   padding: 0 34px;
   background-color: #e0f0f0; /* 浅蓝底色 */
-  border: none;
+  //border: none;
   cursor: pointer;
 
   /* 文字样式重置（因为容器有倾斜，内部文字需要反向倾斜） */
   font-size: 16px;
   color: #333;
+
+  border: 1px solid;
+  border-image-slice:1;
+  border-image-source: linear-gradient(96.05deg, #FFFFFF 9.52%, rgba(255, 255, 255, 0) 27.03%, rgba(0, 143, 142, 0) 60.86%, #0E5A4B 72.09%);
+
+
 }
 
 .text-content {