diff --git a/src/assets/img/recordTitleBg.png b/src/assets/img/recordTitleBg.png
new file mode 100644
index 0000000..ae212d8
Binary files /dev/null and b/src/assets/img/recordTitleBg.png differ
diff --git a/src/pages/inspectiontasks/InspectionTask.less b/src/pages/inspectiontasks/InspectionTask.less
index d741187..31042b4 100644
--- a/src/pages/inspectiontasks/InspectionTask.less
+++ b/src/pages/inspectiontasks/InspectionTask.less
@@ -15,3 +15,6 @@
     background-color:#F0F7F7;
   }
 }
+*{
+  font-size:16px
+}
diff --git a/src/pages/inspectiontasks/InspectionTasks.js b/src/pages/inspectiontasks/InspectionTasks.js
index 7199355..f8ba7ea 100644
--- a/src/pages/inspectiontasks/InspectionTasks.js
+++ b/src/pages/inspectiontasks/InspectionTasks.js
@@ -1,6 +1,7 @@
 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,
@@ -15,7 +16,7 @@ const items=[
     {
         key:3,
         label:'巡检记录',
-        children: <InspectionTaskPlan></InspectionTaskPlan>
+        children: <InspectionRecords></InspectionRecords>
     },
 ]
 export const Title=(props)=>{
@@ -50,7 +51,14 @@ const InspectionTasks = () => {
             },
             Table:{
                 headerBg:'#F0F7F7',
+                // bodyBg:'#F0F7F7',
+            },
+            Menu:{
+                activeBarHeight:0
             },
+            Select:{
+                activeBorderColor:'#2C9E9D'
+            }
         },
     };
     const onChange=()=>{
diff --git a/src/pages/inspectiontasks/components/Inspectionrecords/inspectionRecords.js b/src/pages/inspectiontasks/components/Inspectionrecords/inspectionRecords.js
new file mode 100644
index 0000000..c5f672d
--- /dev/null
+++ b/src/pages/inspectiontasks/components/Inspectionrecords/inspectionRecords.js
@@ -0,0 +1,1182 @@
+
+import styles from './inspectionRecords.less'
+import titleBg from '@/assets/img/recordTitleBg.png'
+import {useEffect, useRef, useState} from "react";
+import {Button, Col, DatePicker, Input, Menu, Row, Select, Table} from "antd";
+import {MenuBg, TablePagination} from "@/pages/inspectiontasks/components/Inspectiontaskplan/InspectionTaskPlan";
+import {DownOutlined, SearchOutlined, UndoOutlined} from "@ant-design/icons";
+import {Title} from "@/pages/inspectiontasks/InspectionTasks";
+import * as echarts from 'echarts';
+import btnImg1 from '@/assets/img/planBtn1.png'
+import btnImg2 from '@/assets/img/planBtn2.png'
+import btnImg3 from '@/assets/img/planBtn3.png'
+
+//巡检记录首页
+const InspectionRecordHomepage=()=>{
+    const [data1,setData1]=useState([])
+    const [data2,setData2]=useState([])
+    const [data3,setData3]=useState([])
+    const chartRef=useRef(null)
+    const chartRef1=useRef(null)
+    const chartRef2=useRef(null)
+    const chartRef3=useRef(null)
+    let chart=null
+    let chart1=null
+    let chart2=null
+    let chart3=null
+    useEffect(()=>{
+        chart=echarts.init(chartRef.current)
+        const option={
+            // 坐标轴
+            xAxis: {
+                type: 'category',
+                data: ['第1周', '第2周', '第3周', '第4周', '第5周']
+            },
+            yAxis: {
+                type: 'value',
+                max: 100, // y轴最大值匹配示例图
+                interval: 25, // y轴刻度间隔
+                name:'设备缺陷数'
+            },
+            // 折线系列
+            series: [
+                {
+                    data: [25, 50, 30, 25, 30], // 第一条折线数据
+                    type: 'line',
+                    symbol: 'circle', // 标记点样式（圆点）
+                    symbolSize: 8, // 标记点大小
+                    itemStyle: { color: '#00A1FF' } // 标记点颜色
+                },
+                {
+                    data: [10, 35, 50, 10, 35], // 第二条折线数据
+                    type: 'line',
+                    symbol: 'circle',
+                    symbolSize: 8,
+                    itemStyle: { color: '#00CC99' } // 标记点颜色
+                }
+            ],
+            // 网格（调整图表位置，可选）
+            grid: {
+                left: '3%',
+                right: '3%',
+                bottom: '3%',
+                top: '20%',
+                containLabel: true
+            },
+            // 区域填充（可选，如示例图的阴影）
+            areaStyle: {
+                color: {
+                    type: 'linear',
+                    x: 0,
+                    y: 0,
+                    x2: 0,
+                    y2: 1,
+                    colorStops: [{ offset: 0, color: 'rgba(0, 204, 153, 0.2)' }, { offset: 1, color: 'rgba(0, 204, 153, 0)' }]
+                }
+            }
+        };
+
+        // 渲染图表
+        chart.setOption(option);
+
+        // 销毁图表（组件卸载时）
+        return () => {
+            chart.dispose();
+        };
+    },[])
+    useEffect(()=>{
+        chart1=echarts.init(chartRef1.current)
+        const option={
+            legend:{
+                show:true,
+                data:['发电机','输油管道','维修中','待验收','停用'],
+                position:'right',
+                orient: 'vertical',
+                right:'18%',
+                top:'20%',
+                itemHeight:4,
+                itemWidth:15,
+            },
+            series: [
+                {
+                    type: 'pie',
+                    radius: ['50%', '70%'], // 环形的内外半径，实现环形效果
+                    center: ['40%', '60%'], // 环形图的中心位置
+                    data: [
+                        { name: '发电机', value: 15, itemStyle: { color: '#B7E5D599' } },
+                        { name: '输油管道', value: 30, itemStyle: { color: '#FADD7F99' } },
+                        { name: '维修中', value: 20, itemStyle: { color: '#C4B7E599' } },
+                        { name: '待验收', value: 25, itemStyle: { color: '#7FC1FA99' } },
+                        { name: '停用', value: 10, itemStyle: { color: '#FA7FA499' } },
+                    ],
+                    label: {
+                        show: false, // 可根据需求显示标签
+                    },
+                },
+            ],
+        }
+        chart1.setOption(option)
+        return ()=>{
+            chart1.dispose()
+        }
+    },[])
+    useEffect(()=>{
+        chart2=echarts.init(chartRef2.current)
+        const option={
+            xAxis:{
+                type:'category',
+                data:['第1周','第2周','第3周','第4周','第5周']
+            },
+            yAxis:{
+                type:'value',
+                max: 100, // y轴最大值匹配示例图
+                interval: 25, // y轴刻度间隔
+                // name:'设备缺陷数',
+            },
+            grid:{
+                left:'10%',
+                right:'10%',
+                bottom:0,
+                top:'20%',
+                containLabel: true
+            },
+            series:[
+                {
+                    type:'bar',
+                    data: [56, 32, 85, 15, 27],
+                    barWidth: '30%',
+                    itemStyle: {
+                        color: 'teal' // 柱子颜色，可根据需求调整
+                    },
+                    label:{
+                        position:'top',
+                        show:true,
+                    }
+                }
+            ]
+        }
+        chart2.setOption(option)
+        return ()=>{
+            chart2.dispose()
+        }
+    },[])
+    useEffect(()=>{
+        chart3=echarts.init(chartRef3.current)
+        const option={
+            legend:{
+                data:['已闭环','处理中','待处理'],
+                orient:'vertical',
+                position:'right',
+                top:'40%',
+                right:'18%',
+                itemHeight:4,
+                itemWidth:15,
+                show:true,
+            },
+            series:[
+                {
+                    type:'pie',
+                    radius: ['50%', '70%'], // 环形的内外半径，实现环形效果
+                    center: ['40%', '60%'], // 环形图的中心位置
+                    data:[
+                        {name:'已闭环',value:'13',itemStyle:{color:'#44BB5F99'}},
+                        {name:'处理中',value:'15',itemStyle:{color:'#FADD7F99'}},
+                        {name:'待处理',value:'40',itemStyle:{color:'#A990EA99'}},
+                    ],
+                    label:{
+                        show:false
+                    }
+                }
+            ]
+        }
+        chart3.setOption(option)
+        return ()=>{
+            chart3.dispose()
+        }
+    },[])
+    useEffect(()=>{
+        const list1=[
+            {'职位': "集控副值", '名称': "冯毅芜", '状态': "正常排班", '时间': "00:00-07:59"},
+            {'职位': "集控主值", '名称': "赵威皓", '状态': "已离岗", '时间': "00:00-07:59"},
+            {'职位': "集控副值", '名称': "赵子峰", '状态': "正常排班", '时间': "00:00-07:59"},
+            {'职位': "集控主值", '名称': "周珊珊", '状态': "正常排班", '时间': "00:00-07:59"},
+            {'职位': "集控副值", '名称': "何仙超", '状态': "正常排班", '时间': "00:00-07:59"},
+            {'职位': "集控副值", '名称': "赵小瑞", '状态': "正常排班", '时间': "00:00-07:59"},
+            {'职位': "集控副值", '名称': "王英", '状态': "正常排班", '时间': "00:00-07:59"},
+            {'职位': "集控副值", '名称': "周海迪", '状态': "正常排班", '时间': "00:00-07:59"}
+        ]
+        const list2=[
+            {'职位': "集控副值", '名称': "赵竹林", '状态': "正常排班", '时间': "08:00-15:59"},
+            {'职位': "集控主值", '名称': "李斌", '状态': "正常排班", '时间': "08:00-15:59"},
+            {'职位': "集控副值", '名称': "郑雅", '状态': "待到岗", '时间': "08:00-15:59"},
+            {'职位': "集控主值", '名称': "冯艺莲", '状态': "待到岗", '时间': "08:00-15:59"},
+            {'职位': "集控副值", '名称': "郑盈", '状态': "正常排班", '时间': "08:00-15:59"},
+            {'职位': "集控主值", '名称': "孙东辉", '状态': "正常排班", '时间': "08:00-15:59"},
+            {'职位': "集控副值", '名称': "李金颖", '状态': "待到岗", '时间': "08:00-15:59"},
+            {'职位': "集控主值", '名称': "吴恒", '状态': "待到岗", '时间': "08:00-15:59"}
+        ]
+        const list3=[
+            {'职位': "集控副值", '名称': "王敦强", '状态': "正常排班", '时间': "16:00-23:59"},
+            {'职位': "集控主值", '名称': "赵紫豪", '状态': "正常排班", '时间': "16:00-23:59"},
+            {'职位': "集控副值", '名称': "何能", '状态': "正常排班", '时间': "16:00-23:59"},
+            {'职位': "值长", '名称': "王溪蕾", '状态': "正常排班", '时间': "16:00-23:59"},
+            {'职位': "集控副值", '名称': "赵涛", '状态': "正常排班", '时间': "16:00-23:59"},
+            {'职位': "集控副值", '名称': "周伟林", '状态': "正常排班", '时间': "16:00-23:59"},
+            {'职位': "集控主值", '名称': "李靖霜", '状态': "正常排班", '时间': "16:00-23:59"},
+            {'职位': "集控副值", '名称': "何忠琴", '状态': "正常排班", '时间': "16:00-23:59"}
+        ]
+        setData1(list1)
+        setData2(list2)
+        setData3(list3)
+
+    },[])
+
+
+
+    const defectData = [
+        {
+            rank: 'NO.1',
+            defectType: '类型A',
+            deviceName: '设备A',
+            occurrenceCount: 12,
+            recentTime: '2025-08-04'
+        },
+        {
+            rank: 'NO.2',
+            defectType: '类型A',
+            deviceName: '设备A',
+            occurrenceCount: 12,
+            recentTime: '2025-08-04'
+        },
+        {
+            rank: 'NO.3',
+            defectType: '类型A',
+            deviceName: '设备A',
+            occurrenceCount: 12,
+            recentTime: '2025-08-04'
+        },
+        {
+            rank: 'NO.4',
+            defectType: '类型A',
+            deviceName: '设备A',
+            occurrenceCount: 12,
+            recentTime: '2025-08-04'
+        },
+        {
+            rank: 'NO.5',
+            defectType: '类型A',
+            deviceName: '设备A',
+            occurrenceCount: 12,
+            recentTime: '2025-08-04'
+        }
+    ];
+    const columns = [
+        {
+            title: '排名',
+            dataIndex: 'rank',
+            key: 'rank',
+            width: '10%',
+        },
+        {
+            title: '缺陷类型',
+            dataIndex: 'defectType',
+            key: 'defectType',
+            width: '20%',
+        },
+        {
+            title: '设备名称',
+            dataIndex: 'deviceName',
+            key: 'deviceName',
+            width: '20%',
+        },
+        {
+            title: '发生次数',
+            dataIndex: 'occurrenceCount',
+            key: 'occurrenceCount',
+            width: '20%',
+        },
+        {
+            title: '最近发生时间',
+            dataIndex: 'recentTime',
+            key: 'recentTime',
+            width: '30%',
+        }
+    ];
+
+
+    const colorMap={
+        '严重':'#FF2526',
+        '一般':'#FF8800',
+        '轻微':'#FFBC00',
+    }
+    const columnsRight = [
+        { title: '序号', dataIndex: '序号', key: '序号' },
+        { title: '发现时间', dataIndex: '发现时间', key: '发现时间' },
+        { title: '缺陷类型', dataIndex: '缺陷类型', key: '缺陷类型' },
+        { title: '设备名称', dataIndex: '设备名称', key: '设备名称' },
+        { title: '缺陷发现人', dataIndex: '缺陷发现人', key: '缺陷发现人' },
+        { title: '缺陷等级', dataIndex: '缺陷等级', key: '缺陷等级' ,render:(value)=>{
+                return <span style={{color:colorMap[value]}}>{value}</span>
+            }},
+        { title: '状态', dataIndex: '状态', key: '状态' }
+    ]
+    const dataSource=[
+        { '序号': 1, '发现时间': '2025-08-05', '缺陷类型': '白班电气巡检线1', '设备名称': '设备A', '缺陷发现人': '李福娃', '缺陷等级': '严重', '状态': '处理中' },
+        { '序号': 1, '发现时间': '2025-08-05', '缺陷类型': '白班电气巡检线1', '设备名称': '设备A', '缺陷发现人': '何余', '缺陷等级': '一般', '状态': '已闭环' },
+        { '序号': 1, '发现时间': '2025-08-05', '缺陷类型': '白班电气巡检线1', '设备名称': '设备A', '缺陷发现人': '孙玉轩', '缺陷等级': '轻微', '状态': '待处理' },
+        { '序号': 1, '发现时间': '2025-08-05', '缺陷类型': '白班电气巡检线1', '设备名称': '设备A', '缺陷发现人': '钱一唯', '缺陷等级': '严重', '状态': '处理中' },
+        { '序号': 1, '发现时间': '2025-08-05', '缺陷类型': '白班电气巡检线1', '设备名称': '设备A', '缺陷发现人': '吴那', '缺陷等级': '严重', '状态': '处理中' },
+    ]
+    return<div style={{backgroundColor:'#fff',padding:'20px',borderRadius:'10px'}}>
+        <Row gutter={20} >
+            <Col  span={8}  >
+                <div style={{border:'1px solid #76C2B5',padding:'20px',backgroundColor:'#F3F9F8',height:'100%'}}>
+                    <Row style={{justifyContent:'space-between'}}>
+                        <Col>
+                            <Title title={'当日值班情况'}></Title>
+                        </Col>
+                        <Col >
+                                <label htmlFor="">区域：</label>
+                                <Select defaultValue={'中控室'}></Select>
+                        </Col>
+                    </Row>
+                    <Row style={{marginTop:'20px'}}>
+                        <span style={{marginRight:'20px'}} className={styles['state1']}>正常排班</span>
+                        <span style={{marginRight:'20px'}} className={styles['state2']}>待到岗</span>
+                        <span style={{marginRight:'20px'}} className={styles['state3']}>已离岗</span>
+                    </Row>
+                    <Row style={{marginTop:'10px',textAlign:'center'}} gutter={30}>
+                        <Col span={8} >
+                            <div style={{marginBottom:'10px'}}>00:00-07:59</div>
+                            {data1?.map(item=>{
+                                if(item['状态']==='正常排班'){
+                                    return (
+                                        <Row style={{color:'#4E5856',marginBottom:'20px'}} >
+                                            <Col span={14} style={{textAlign:'right'}}>{item['职位']}：</Col>
+                                            <Col span={10} style={{textAlign:'left'}}>{item['名称']}</Col>
+                                        </Row>
+                                    )
+                                }else if(item['状态']==='待到岗'){
+                                    return (
+                                        <Row style={{color:'#2C9E9D',marginBottom:'20px'}}>
+                                            <Col span={14} style={{textAlign:'right'}}>{item['职位']}：</Col>
+                                            <Col span={10} style={{textAlign:'left'}}>{item['名称']}</Col>
+                                        </Row>
+                                    )
+                                }else{
+                                    return (
+                                        <Row style={{color:'#999999',marginBottom:'20px'}}>
+                                            <Col span={14} style={{textAlign:'right'}}>{item['职位']}：</Col>
+                                            <Col span={10} style={{textAlign:'left'}}>{item['名称']}</Col>
+                                        </Row>
+                                    )
+                                }
+
+                            })}
+                        </Col>
+                        <Col span={8}>
+                        <div style={{marginBottom:'10px'}}>08:00-15:59</div>
+                            {data2?.map(item=>{
+                                if(item['状态']==='正常排班'){
+                                    return (
+                                        <Row style={{color:'#4E5856',marginBottom:'20px'}}>
+                                            <Col span={14} style={{textAlign:'right'}}>{item['职位']}：</Col>
+                                            <Col span={10} style={{textAlign:'left'}}>{item['名称']}</Col>
+                                        </Row>
+                                    )
+                                }else if(item['状态']==='待到岗'){
+                                    return (
+                                        <Row style={{color:'#2C9E9D',marginBottom:'20px'}}>
+                                            <Col span={14} style={{textAlign:'right'}}>{item['职位']}：</Col>
+                                            <Col span={10} style={{textAlign:'left'}}>{item['名称']}</Col>
+                                        </Row>
+                                    )
+                                }else{
+                                    return (
+                                        <Row style={{color:'#999999',marginBottom:'20px'}}>
+                                            <Col span={14} style={{textAlign:'right'}}>{item['职位']}：</Col>
+                                            <Col span={10} style={{textAlign:'left'}}>{item['名称']}</Col>
+                                        </Row>
+                                    )
+                                }
+
+                            })}
+                        </Col>
+                        <Col span={8}>
+                            <div style={{marginBottom:'10px'}}>16:00-23:59</div>
+                            {data3?.map(item=>{
+                                if(item['状态']==='正常排班'){
+                                    return (
+                                        <Row style={{color:'#4E5856',marginBottom:'20px'}}>
+                                            <Col span={14} style={{textAlign:'right'}}>{item['职位']}：</Col>
+                                            <Col span={10} style={{textAlign:'left'}}>{item['名称']}</Col>
+                                        </Row>
+                                    )
+                                }else if(item['状态']==='待到岗'){
+                                    return (
+                                        <Row style={{color:'#2C9E9D',marginBottom:'20px'}}>
+                                            <Col span={14} style={{textAlign:'right'}}>{item['职位']}：</Col>
+                                            <Col span={10} style={{textAlign:'left'}}>{item['名称']}</Col>
+                                        </Row>
+                                    )
+                                }else{
+                                    return (
+                                        <Row style={{color:'#999999',marginBottom:'20px'}}>
+                                            <Col span={14} style={{textAlign:'right'}}>{item['职位']}：</Col>
+                                            <Col span={10} style={{textAlign:'left'}}>{item['名称']}</Col>
+                                        </Row>
+                                    )
+                                }
+
+                            })}
+                        </Col>
+                    </Row>
+                </div>
+            </Col>
+            <Col  span={7} >
+                <div style={{border:'1px solid #76C2B5',padding:'20px',backgroundColor:'#F3F9F8', height:'100%'}}>
+                    <Title title={'近期缺陷  TOP5'}></Title>
+                    <Table
+                        dataSource={defectData}
+                        columns={columns}
+                        rowKey="rank"
+                        pagination={false} // 不显示分页
+                        className={styles['inspection-table']}
+                        size="middle" // 中等尺寸表格
+                    />
+                </div>
+            </Col>
+            <Col span={9} >
+                <div style={{border: '1px solid #76C2B5', padding: '20px', backgroundColor: '#F3F9F8', height:'100%'}}>
+                    <Title title={'当日巡检情况和缺陷发生情况'}></Title>
+                    <Row gutter={40} style={{textAlign:'center',marginTop:'20px'}}>
+                        <Col>
+                            <div>白班</div>
+                            <div className={styles['paiBanState']}>未开始</div>
+                        </Col>
+                        <Col>
+                            <div>白班</div>
+                            <div className={styles['paiBanState1']}>进行中</div>
+                        </Col>
+                        <Col>
+                            <div>白班</div>
+                            <div className={styles['paiBanState']}>未开始</div>
+                        </Col>
+                    </Row>
+                    <Table
+                        columns={columnsRight}
+                        dataSource={dataSource}
+                        className={styles['inspection-table1']}
+                        pagination={false}
+                    >
+
+                    </Table>
+                </div>
+            </Col>
+        </Row>
+        <Row gutter={20} style={{marginTop:'20px'}}>
+            <Col span={12}>
+                <div style={{border: '1px solid #76C2B5', padding: '20px', backgroundColor: '#F3F9F8', height:'100%'}}>
+                    <Row>
+                        <Col span={13}>
+                            <Title title={'按设备类型统计当月缺陷情况'}></Title>
+                            <div ref={chartRef} style={{width:'100%',height:'164px'}}></div>
+                        </Col>
+                        <Col span={11}>
+                            <div style={{textAlign:'center'}}>
+                                <label htmlFor="" style={{marginRight:'20px'}}>日期:</label>
+                                <Select
+                                    defaultValue={['近30天']}
+                                >
+                                </Select>
+                            </div>
+                            <div ref={chartRef1} style={{width:'100%',height:'140px'}}></div>
+                        </Col>
+                    </Row>
+                </div>
+            </Col>
+            <Col span={12}>
+                <div style={{border: '1px solid #76C2B5', padding: '20px', backgroundColor: '#F3F9F8', height: '100%'}}>
+                    <Row>
+                        <Col span={13}>
+                            <Title title={'按处理状态统计当月发现缺陷情况'}></Title>
+                            <div ref={chartRef2} style={{width:'100%',height:'164px'}}></div>
+                        </Col>
+                        <Col span={11}>
+                            <div style={{textAlign:'center'}}>
+                                <label htmlFor="" style={{marginRight:'20px'}}>日期：</label>
+                                <Select defaultValue={'近七天'}></Select>
+                            </div>
+                            <div ref={chartRef3} style={{width:'100%',height:'140px'}}></div>
+                        </Col>
+                    </Row>
+                </div>
+            </Col>
+        </Row>
+    </div>
+}
+//接班班组签到
+const TheSuccessorTeamSignsIn=()=>{
+    const columns = [
+        {
+            title: '设备名称',
+            dataIndex: 'deviceName',
+            key: 'deviceName'
+        },
+        {
+            title: '关注指标',
+            dataIndex: 'focusIndex',
+            key: 'focusIndex'
+        },
+        {
+            title: '指标值',
+            dataIndex: 'indexValue',
+            key: 'indexValue'
+        },
+        {
+            title: '状态',
+            dataIndex: 'status',
+            key: 'status'
+        },
+        {
+            title: '备注',
+            dataIndex: 'remark',
+            key: 'remark'
+        }
+    ];
+    const datasource = [
+        {
+            deviceName: '1# 发电机',
+            focusIndex: '轴承温度',
+            indexValue: '65℃',
+            status: '正常',
+            remark: '无异常'
+        },
+        {
+            deviceName: '输油管道段 A',
+            focusIndex: '压力',
+            indexValue: '0.45MPa',
+            status: '正常',
+            remark: '压力稳定'
+        },
+        {
+            deviceName: '中控室监控系统',
+            focusIndex: '信号强度',
+            indexValue: '95%',
+            status: '正常',
+            remark: '无丢包'
+        }
+    ];
+    return(
+        <div style={{backgroundColor:'#fff',padding:'20px'}}>
+            <Row style={{padding:'20px 0',borderBottom:'1px solid #EEEEEE'}}>
+               <div style={{width:'100%'}}>
+                    <Title title={'接班班组签到'}></Title>
+                <Row style={{marginTop:'20px',width:'100%'}}>
+                    <Col span={6}>
+                        <label htmlFor="" style={{marginRight:'20px'}}>岗位类型:</label>
+                        <Select
+                            defaultValue={'全部'}
+                            style={{width:'200px'}}
+                        ></Select>
+                    </Col>
+                    <Col span={18}>
+                        <label htmlFor=""  style={{marginRight:'20px'}}>日期:</label>
+                        <DatePicker style={{width:'200px'}}></DatePicker>
+                        <Button icon={<SearchOutlined />} className={styles['addBtn']} style={{backgroundImage:`url(${btnImg1})`,margin:'0 20px'}}>查询</Button>
+                        <Button icon={<UndoOutlined />} className={styles['resetBtn']} style={{backgroundImage:`url(${btnImg3})`}}>重置</Button>
+                    </Col>
+                </Row>
+               </div>
+            </Row>
+            <Row style={{padding:'20px 0',borderBottom:'1px solid #EEEEEE'}}>
+                <div style={{width:'100%'}}>
+                    <Row style={{justifyContent:'space-between'}}>
+                        <Title title={'接班签到信息区'}></Title>
+                        <Button  className={styles['addBtn']} style={{backgroundImage:`url(${btnImg1})`,margin:'0 20px'}}>提交签到</Button>
+                    </Row>
+                    <Row style={{marginTop:'20px'}}>
+                        <div style={{width:'100%'}}>
+                            <Row justify={'space-between'}>
+                                <Col >
+                                    <label htmlFor="" style={{marginRight:'20px'}}>当前时间：</label>
+                                    <Input style={{width:'200px'}}></Input>
+                                </Col>
+                                <Col >
+                                    <label htmlFor="" style={{marginRight:'20px'}}>签到人员：</label>
+                                    <Select defaultValue={"李建刚"} style={{width:'200px'}}></Select>
+                                </Col>
+                                <Col >
+                                    <label htmlFor="" style={{marginRight:'20px'}}>签到日期：</label>
+                                    <DatePicker style={{width:'200px'}}></DatePicker>
+                                </Col>
+                                <Col >
+                                    <label htmlFor="" style={{marginRight:'20px'}}>签到时间：</label>
+                                    <DatePicker style={{width:'200px'}}></DatePicker>
+                                </Col>
+                            </Row>
+                            <Row style={{marginTop:'20px'}} justify={"space-between"}>
+                                <Col >
+                                    <label htmlFor="" style={{marginRight: '20px'}}>签到班次：</label>
+                                    <Select defaultValue={"全部"} style={{width: '200px'}}></Select>
+                                </Col>
+                                <Col >
+                                    <label htmlFor="" style={{marginRight: '20px'}}>签到值别：</label>
+                                    <Select defaultValue={"全部"} style={{width: '200px'}}></Select>
+                                </Col>
+                                <Col >
+                                    <label htmlFor="" style={{marginRight: '20px'}}>签到日志：</label>
+                                    <Input placeholder={"全部"} style={{width: '639px'}}></Input>
+                                </Col>
+                            </Row>
+                        </div>
+
+                    </Row>
+                </div>
+            </Row>
+            <Row style={{padding:'20px 0',borderBottom:'1px solid #EEEEEE'}}>
+                <div style={{width:'100%'}}>
+                    <Row>
+                        <Title title={'前班次交班信息'}></Title>
+                    </Row>
+                    <Row style={{marginTop:'20px',justifyContent:'space-between'}}>
+                        <Col>
+                            <label htmlFor="" style={{marginRight: '20px'}}>签到日期：</label>
+                            <Input style={{width: '200px'}}></Input>
+                        </Col>
+                        <Col>
+                            <label htmlFor="" style={{marginRight: '20px'}}>班次：</label>
+                            <Select defaultValue={"全部"} style={{width: '200px'}}></Select>
+                        </Col>
+                        <Col>
+                            <label htmlFor="" style={{marginRight: '20px'}}>值别：</label>
+                            <DatePicker style={{width:'200px'}}></DatePicker>
+                        </Col>
+                        <Col>
+                            <label htmlFor="" style={{marginRight: '20px'}}>签到时间：</label>
+                            <DatePicker style={{width:'200px'}}></DatePicker>
+                        </Col>
+                    </Row>
+                    <Row style={{marginTop:'20px',justifyContent:'space-between'}}>
+                        <Col>
+                            <label htmlFor="" style={{marginRight: '20px'}}>签到人：</label>
+                            <Select defaultValue={"全部"} style={{width: '200px'}}></Select>
+                        </Col>
+                        <Col>
+                            <label htmlFor="" style={{marginRight: '20px'}}>签到状态：</label>
+                            <Select defaultValue={"全部"} style={{width: '200px'}}></Select>
+                        </Col>
+                        <Col>
+                            <label htmlFor="" style={{marginRight: '20px'}}>接班时间：</label>
+                            <DatePicker style={{width:'200px'}}></DatePicker>
+                        </Col>
+                        <Col>
+                            <label htmlFor="" style={{marginRight: '20px'}}>交班人：</label>
+                            <Select defaultValue={"全部"} style={{width: '200px'}}></Select>
+                        </Col>
+                    </Row>
+                    <Row style={{marginTop:'20px'}}>
+                        <label htmlFor="" style={{marginRight:'20px'}}>接班日志:</label>
+                        <Input placeholder={'全部'} style={{width:'639px'}}></Input>
+                    </Row>
+                </div>
+            </Row>
+            <Row style={{padding:'20px 0',borderBottom:'1px solid #EEEEEE'}}>
+                <Col >
+                    <label htmlFor="">关注设备及指标：</label>
+                </Col>
+                <Col>
+                    <Table columns={columns}
+                           dataSource={datasource}
+                           pagination={false}
+                    ></Table>
+                </Col>
+            </Row>
+        </div>
+    )
+}
+//当班值长交班日志
+const TheShiftManagerOnDutyIsTheShiftLog=()=>{
+    const columns = [
+        {
+            title: '设备名称',
+            dataIndex: 'deviceName',
+            key: 'deviceName'
+        },
+        {
+            title: '关注指标',
+            dataIndex: 'focusIndex',
+            key: 'focusIndex'
+        },
+        {
+            title: '指标值',
+            dataIndex: 'indexValue',
+            key: 'indexValue'
+        },
+        {
+            title: '状态',
+            dataIndex: 'status',
+            key: 'status'
+        },
+        {
+            title: '备注',
+            dataIndex: 'remark',
+            key: 'remark'
+        }
+    ];
+    const datasource = [
+        {
+            deviceName: '1# 发电机',
+            focusIndex: '轴承温度',
+            indexValue: '65℃',
+            status: '正常',
+            remark: '无异常'
+        },
+        {
+            deviceName: '输油管道段 A',
+            focusIndex: '压力',
+            indexValue: '0.45MPa',
+            status: '正常',
+            remark: '压力稳定'
+        },
+        {
+            deviceName: '中控室监控系统',
+            focusIndex: '信号强度',
+            indexValue: '95%',
+            status: '正常',
+            remark: '无丢包'
+        }
+    ];
+    return(
+        <div style={{backgroundColor:'#fff',padding:'20px'}}>
+            <Row style={{padding:'20px 0',borderBottom:'1px solid #EEEEEE'}}>
+                <div style={{width:'100%'}}>
+                    <Title title={'接班班组签到'}></Title>
+                    <Row style={{marginTop:'20px',width:'100%'}}>
+                        <Col span={6}>
+                            <label htmlFor="" style={{marginRight:'20px'}}>岗位类型:</label>
+                            <Select
+                                defaultValue={'全部'}
+                                style={{width:'200px'}}
+                            ></Select>
+                        </Col>
+                        <Col span={18}>
+                            <label htmlFor=""  style={{marginRight:'20px'}}>日期:</label>
+                            <DatePicker style={{width:'200px'}}></DatePicker>
+                            <Button icon={<SearchOutlined />} className={styles['addBtn']} style={{backgroundImage:`url(${btnImg1})`,margin:'0 20px'}}>查询</Button>
+                            <Button icon={<UndoOutlined />} className={styles['resetBtn']} style={{backgroundImage:`url(${btnImg3})`}}>重置</Button>
+                        </Col>
+                    </Row>
+                </div>
+            </Row>
+            <Row style={{padding:'20px 0',borderBottom:'1px solid #EEEEEE'}}>
+                <div style={{width:'100%'}}>
+                    <Row style={{justifyContent:'space-between'}}>
+                        <Title title={'值长交班日志 - 接班签到'}></Title>
+                        <Button  className={styles['addBtn']} style={{backgroundImage:`url(${btnImg1})`,margin:'0 20px'}}>提交签到</Button>
+                    </Row>
+                    <Row style={{marginTop:'20px'}}>
+                        <div style={{width:'100%'}}>
+                            <Row justify={'space-between'}>
+                                <Col >
+                                    <label htmlFor="" style={{marginRight:'20px'}}>当前时间：</label>
+                                    <Input style={{width:'200px'}}></Input>
+                                </Col>
+                                <Col >
+                                    <label htmlFor="" style={{marginRight:'20px'}}>签到人员：</label>
+                                    <Select defaultValue={"李建刚"} style={{width:'200px'}}></Select>
+                                </Col>
+                                <Col >
+                                    <label htmlFor="" style={{marginRight:'20px'}}>签到日期：</label>
+                                    <DatePicker style={{width:'200px'}}></DatePicker>
+                                </Col>
+                                <Col >
+                                    <label htmlFor="" style={{marginRight:'20px'}}>签到时间：</label>
+                                    <DatePicker style={{width:'200px'}}></DatePicker>
+                                </Col>
+                            </Row>
+                            <Row style={{marginTop:'20px'}} justify={"space-between"}>
+                                <Col >
+                                    <label htmlFor="" style={{marginRight: '20px'}}>签到班次：</label>
+                                    <Select defaultValue={"全部"} style={{width: '200px'}}></Select>
+                                </Col>
+                                <Col >
+                                    <label htmlFor="" style={{marginRight: '20px'}}>签到值别：</label>
+                                    <Select defaultValue={"全部"} style={{width: '200px'}}></Select>
+                                </Col>
+                                <Col >
+                                    <label htmlFor="" style={{marginRight: '20px'}}>签到日志：</label>
+                                    <Input placeholder={"全部"} style={{width: '639px'}}></Input>
+                                </Col>
+                            </Row>
+                        </div>
+
+                    </Row>
+                </div>
+            </Row>
+            <Row style={{padding:'20px 0',borderBottom:'1px solid #EEEEEE'}}>
+                <div style={{width:'100%'}}>
+                    <Row>
+                        <Title title={'前班次值长交班信息'}></Title>
+                    </Row>
+                    <Row style={{marginTop:'20px',justifyContent:'space-between'}}>
+                        <Col>
+                            <label htmlFor="" style={{marginRight: '20px'}}>签到日期：</label>
+                            <Input style={{width: '200px'}}></Input>
+                        </Col>
+                        <Col>
+                            <label htmlFor="" style={{marginRight: '20px'}}>班次：</label>
+                            <Select defaultValue={"全部"} style={{width: '200px'}}></Select>
+                        </Col>
+                        <Col>
+                            <label htmlFor="" style={{marginRight: '20px'}}>值别：</label>
+                            <DatePicker style={{width:'200px'}}></DatePicker>
+                        </Col>
+                        <Col>
+                            <label htmlFor="" style={{marginRight: '20px'}}>签到时间：</label>
+                            <DatePicker style={{width:'200px'}}></DatePicker>
+                        </Col>
+                    </Row>
+                    <Row style={{marginTop:'20px',justifyContent:'space-between'}}>
+                        <Col>
+                            <label htmlFor="" style={{marginRight: '20px'}}>签到人：</label>
+                            <Select defaultValue={"全部"} style={{width: '200px'}}></Select>
+                        </Col>
+                        <Col>
+                            <label htmlFor="" style={{marginRight: '20px'}}>签到状态：</label>
+                            <Select defaultValue={"全部"} style={{width: '200px'}}></Select>
+                        </Col>
+                        <Col>
+                            <label htmlFor="" style={{marginRight: '20px'}}>交班时间：</label>
+                            <DatePicker style={{width:'200px'}}></DatePicker>
+                        </Col>
+                        <Col>
+                            <label htmlFor="" style={{marginRight: '20px'}}>交班人：</label>
+                            <Select defaultValue={"全部"} style={{width: '200px'}}></Select>
+                        </Col>
+                    </Row>
+                    <Row style={{marginTop:'20px'}}>
+                        <label htmlFor="" style={{marginRight:'20px'}}>交班日志:</label>
+                        <Input placeholder={'全部'} style={{width:'639px'}}></Input>
+                    </Row>
+                </div>
+            </Row>
+            <Row style={{padding:'20px 0',borderBottom:'1px solid #EEEEEE'}}>
+                <Col >
+                    <label htmlFor="">关注设备及指标：</label>
+                </Col>
+                <Col>
+                    <Table columns={columns}
+                           dataSource={datasource}
+                           pagination={false}
+                    ></Table>
+                </Col>
+            </Row>
+        </div>
+    )
+}
+//历史日值记录查询
+const HistoricalDailyValueRecordQuery=()=>{
+    const [currentPage, setCurrentPage] = useState(1);
+    const [pageSize, setPageSize] = useState(10);
+    const [total, setTotal] = useState(85); // 总条数，实际项目中从接口获取
+
+
+    const columns = [
+        {
+            title: '',
+            dataIndex: 'checkbox',
+            key: 'checkbox',
+            width: 40,
+            render: () => <input type="checkbox" />
+        },
+        {
+            title: '序号',
+            dataIndex: 'serial',
+            key: 'serial'
+        },
+        {
+            title: '岗位类型',
+            dataIndex: 'postType',
+            key: 'postType'
+        },
+        {
+            title: '值别',
+            dataIndex: 'dutyLevel',
+            key: 'dutyLevel'
+        },
+        {
+            title: '班次',
+            dataIndex: 'shift',
+            key: 'shift'
+        },
+        {
+            title: '签到日期',
+            dataIndex: 'signDate',
+            key: 'signDate'
+        },
+        {
+            title: '签到时间',
+            dataIndex: 'signTime',
+            key: 'signTime'
+        },
+        {
+            title: '签到人员',
+            dataIndex: 'signPerson',
+            key: 'signPerson'
+        },
+        {
+            title: '签到日志',
+            dataIndex: 'signLog',
+            key: 'signLog'
+        },
+        {
+            title: '签到状态',
+            dataIndex: 'signStatus',
+            key: 'signStatus'
+        },
+        {
+            title: '接班人员',
+            dataIndex: 'handoverPerson',
+            key: 'handoverPerson'
+        },
+        {
+            title: '接班时间',
+            dataIndex: 'handoverTime',
+            key: 'handoverTime'
+        },
+        {
+            title: '操作',
+            dataIndex: 'operation',
+            key: 'operation',
+            render: () => <a style={{color:'#2C9E9D'}}>查看详情</a>
+        }
+    ];
+    const dataSource = [
+        {
+            key: '1',
+            serial: '1',
+            postType: '中控室',
+            dutyLevel: '五',
+            shift: '中班',
+            signDate: '2025-09-08',
+            signTime: '2025-10-12 05:16',
+            signPerson: '周子喧',
+            signLog: '签到',
+            signStatus: '正常签到',
+            handoverPerson: '---',
+            handoverTime: '---'
+        },
+        {
+            key: '2',
+            serial: '2',
+            postType: '中控室',
+            dutyLevel: '五',
+            shift: '白班',
+            signDate: '2025-09-02',
+            signTime: '2025-10-03 05:08',
+            signPerson: '钱品妍',
+            signLog: '管理补签-补签',
+            signStatus: '补签',
+            handoverPerson: '冯毅延',
+            handoverTime: '2025-10-07 11:55'
+        },
+        {
+            key: '3',
+            serial: '3',
+            postType: '中控室',
+            dutyLevel: '二',
+            shift: '中班',
+            signDate: '2025-08-25',
+            signTime: '2025-09-29 04:02',
+            signPerson: '赵义',
+            signLog: '签到',
+            signStatus: '正常签到',
+            handoverPerson: '---',
+            handoverTime: '---'
+        },
+        {
+            key: '4',
+            serial: '4',
+            postType: '中控室',
+            dutyLevel: '二',
+            shift: '白班',
+            signDate: '2025-08-12',
+            signTime: '2025-09-26 10:55',
+            signPerson: '李丽茵',
+            signLog: '管理补签',
+            signStatus: '补签',
+            handoverPerson: '李斌',
+            handoverTime: '2025-09-25 22:38'
+        },
+        {
+            key: '5',
+            serial: '5',
+            postType: '中控室',
+            dutyLevel: '二',
+            shift: '中班',
+            signDate: '2025-08-06',
+            signTime: '2025-09-23 06:37',
+            signPerson: '李景',
+            signLog: '签到',
+            signStatus: '正常签到',
+            handoverPerson: '---',
+            handoverTime: '---'
+        },
+        {
+            key: '6',
+            serial: '6',
+            postType: '中控室',
+            dutyLevel: '三',
+            shift: '夜班',
+            signDate: '2025-07-25',
+            signTime: '2025-08-28 07:31',
+            signPerson: '王佛瑶',
+            signLog: '签到',
+            signStatus: '正常签到',
+            handoverPerson: '---',
+            handoverTime: '---'
+        }
+    ];
+
+
+
+    // 处理页码变化
+    const handlePageChange = (page, pageSize) => {
+        setCurrentPage(page);
+        setPageSize(pageSize);
+    };
+
+    // 处理每页条数变化
+    const handlePageSizeChange = (current, size) => {
+        setPageSize(size);
+        setCurrentPage(1); // 重置到第一页
+    };
+
+    return(
+        <div style={{backgroundColor:'#fff',padding:'20px'}}>
+            <Row style={{borderBottom:'1px solid #eee',}}>
+                <Row style={{width:'100%'}} justify={'space-between'}>
+                    <Title title={'查询条件'}></Title>
+                    <Col>
+                        <Button className={styles['addBtn']} icon={<SearchOutlined/>} style={{backgroundImage:`url(${btnImg1})`,marginRight:'20px'}}>查询</Button>
+                        <Button className={styles['resetBtn']} icon={<UndoOutlined/>} style={{backgroundImage:`url(${btnImg3})`}}>重置</Button>
+                    </Col>
+                </Row>
+                <Row style={{width:'100%',padding:'20px 0'}} justify={'space-between'}>
+                    <Col>
+                        <label htmlFor="" style={{marginRight:'20px'}}>岗位类型:</label>
+                        <Select defaultValue={"全部"} style={{width: '200px'}}></Select>
+                    </Col>
+                    <Col>
+                        <label htmlFor="" style={{marginRight:'20px'}}>值别:</label>
+                        <Select defaultValue={"全部"} style={{width: '200px'}}></Select>
+                    </Col>
+                    <Col>
+                        <label htmlFor="" style={{marginRight:'20px'}}>签到日期:</label>
+                        <DatePicker  style={{width: '200px'}}></DatePicker>
+                    </Col>
+                    <Col>
+                        <label htmlFor="" style={{marginRight:'20px'}}>签到人员:</label>
+                        <Input  style={{width: '200px'}}></Input>
+                    </Col>
+                    <Col>
+                        <label htmlFor="" style={{marginRight:'20px'}}>接班人员:</label>
+                        <Input  style={{width: '200px'}}></Input>
+                    </Col>
+                </Row>
+            </Row>
+            <Row style={{borderBottom:'1px solid #eee',padding:'20px 0'}}>
+                <div style={{width:'100%'}}>
+                    <Title title={'历史日值记录列表'}></Title>
+                    <Row style={{marginTop:'20px'}}>
+                        <Button className={styles['resetBtn']} style={{backgroundImage:`url(${btnImg3})`}}>批量导出</Button>
+                    </Row>
+                    <Row style={{marginTop:'20px'}}>
+                        <Table
+                            dataSource={dataSource}
+                            columns={columns}
+                            pagination={false}
+                            style={{width:'100%'}}
+                        ></Table>
+                    </Row>
+                    <Row>
+                        <TablePagination
+                            currentPage={currentPage}
+                            pageSize={pageSize}
+                            total={total}
+                            onPageChange={handlePageChange}
+                            onPageSizeChange={handlePageSizeChange}
+                        ></TablePagination>
+                    </Row>
+                </div>
+            </Row>
+        </div>
+    )
+}
+const items = [
+    {
+        label: <MenuBg text={'巡检记录'} icon={<DownOutlined style={{fontSize: 16}}/>}></MenuBg>,
+        key:'巡检记录',
+        children:[
+            {label:'巡检记录首页',key:'巡检记录首页'},
+            {label:'接班班组签到',key:'接班班组签到'},
+            {label:'当班值长交班日志',key:'当班值长交班日志'},
+            {label:'历史日值记录查询',key:'历史日值记录查询'},
+        ]
+    },
+    {
+        label: <MenuBg text={'巡检状态管理'} icon={<DownOutlined style={{ fontSize: 16 }} />}></MenuBg>,
+        key:'巡检状态管理',
+        children:[
+
+        ]
+    },
+    {
+        label: <MenuBg text={'设备台账数据'} icon={<DownOutlined style={{ fontSize: 16 }} />}></MenuBg>,
+        key:'设备台账数据',
+        children:[
+
+        ]
+    },
+    {
+        label: <MenuBg text={'缺陷管理'} icon={<DownOutlined style={{ fontSize: 16 }} />}></MenuBg>,
+        key:'缺陷管理',
+        children:[
+
+        ]
+    },
+]
+const tabList={
+    '巡检记录首页': <InspectionRecordHomepage></InspectionRecordHomepage>,
+    '接班班组签到': <TheSuccessorTeamSignsIn></TheSuccessorTeamSignsIn>,
+    '当班值长交班日志': <TheShiftManagerOnDutyIsTheShiftLog></TheShiftManagerOnDutyIsTheShiftLog>,
+    '历史日值记录查询': <HistoricalDailyValueRecordQuery></HistoricalDailyValueRecordQuery>
+}
+const InspectionRecords=()=>{
+    const [current,setCurrent]=useState('巡检记录首页')
+    const onClick=(e)=>{
+        setCurrent(e.key)
+    }
+    return(
+        <>
+            <div className={styles['header']}>
+                <div className={styles['logo']} style={{backgroundImage:`url(${titleBg})`}}>
+                    <span style={{marginLeft:'-40px'}}>当前：&nbsp;&nbsp;{current}</span>
+                </div>
+                <Menu
+                    onClick={onClick}
+                    items={items}
+                    selectedKeys={current}
+                    mode={'horizontal'}
+                    style={{flex: '1'}}
+                    className={styles['menu']}
+                >
+
+                </Menu>
+            </div>
+            {tabList[current]}
+        </>
+    )
+}
+export default InspectionRecords
diff --git a/src/pages/inspectiontasks/components/Inspectionrecords/inspectionRecords.less b/src/pages/inspectiontasks/components/Inspectionrecords/inspectionRecords.less
new file mode 100644
index 0000000..4ce455a
--- /dev/null
+++ b/src/pages/inspectiontasks/components/Inspectionrecords/inspectionRecords.less
@@ -0,0 +1,118 @@
+.header{
+  display: flex;
+  backdrop-filter: blur(3.4000000953674316px);
+  box-shadow: 1px 2px 5px 0 rgba(0, 102, 101, 0.25);
+  border: 1px solid;
+
+  border-image-source: linear-gradient(96.54deg, #FFFFFF -0.94%, rgba(255, 255, 255, 0) 25.28%, rgba(167, 229, 228, 0) 59.69%, #A7E5E4 79.76%);
+  border-top-left-radius: 20px;
+  background-color: #fff;
+}
+.logo{
+  width: 298px;
+  background-position: -56px -6px;
+  background-repeat: no-repeat;
+  height: 54px;
+  font-size: 20px;
+  font-weight: 400;
+  color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+ }
+.menu{
+  :global(.ant-menu-title-content){
+    color: rgba(0, 102, 101, 1);
+    font-size:16px;
+  }
+  :global(.parallelogram-container___Lxkxf){
+    height:30px;
+    margin-top: 12px;
+  }
+}
+.state1{
+  color:#4E5856
+}
+.state2{
+  color:#2C9E9D
+}
+.state3{
+  color:#999999
+}
+.state1,.state2,.state3{
+  font-size: 16px;
+}
+.inspection-table{
+  :global(.ant-table-cell){
+    background-color:#F0F7F7;
+    padding:16px 1px !important;
+    border-bottom: 0.5px solid #DBE8E5 !important;
+  }
+}
+.inspection-table1{
+  :global(.ant-table-cell){
+    background-color:#F0F7F7;
+    padding:12px 1px !important;
+    border-bottom: 0.5px solid #DBE8E5 !important;
+  }
+}
+.paiBanState{
+   border: 1px solid;
+   border-image-source: conic-gradient(from 102.75deg at 50% 52.91%, rgba(249, 249, 249, 0.5) -32.95deg, rgba(140, 160, 156, 0.5) 10.52deg, rgba(140, 160, 156, 0.35) 32.12deg, rgba(255, 255, 255, 0.5) 60.28deg, rgba(255, 255, 255, 0.5) 107.79deg, rgba(140, 160, 156, 0.35) 187.59deg, #F9F9F9 207.58deg, rgba(255, 255, 255, 0.5) 287.31deg, rgba(249, 249, 249, 0.5) 327.05deg, rgba(140, 160, 156, 0.5) 370.52deg);
+  background: #828C8833;
+  backdrop-filter: blur(8px);
+  box-shadow: -2px 4px 10px 0 #9191910D;
+  border-radius: 4px;
+  opacity: 1;
+  padding:6px 8px;
+  margin-top: 10px;
+  font-size: 12px;
+ }
+.paiBanState1{
+  border: 1px solid;
+  border-image-source: conic-gradient(from 102.75deg at 50% 52.91%, rgba(249, 249, 249, 0.5) -32.95deg, rgba(140, 160, 156, 0.5) 10.52deg, rgba(140, 160, 156, 0.35) 32.12deg, rgba(255, 255, 255, 0.5) 60.28deg, rgba(255, 255, 255, 0.5) 107.79deg, rgba(140, 160, 156, 0.35) 187.59deg, #F9F9F9 207.58deg, rgba(255, 255, 255, 0.5) 287.31deg, rgba(249, 249, 249, 0.5) 327.05deg, rgba(140, 160, 156, 0.5) 370.52deg);
+  background: #05454480;
+  backdrop-filter: blur(8px);
+  box-shadow: -2px 4px 10px 0 #9191910D;
+  border-radius: 4px;
+  opacity: 1;
+  padding:6px 8px;
+  margin-top: 10px;
+  color:#fff;
+  font-size: 12px;
+}
+.addBtn{
+  background-size:cover;
+  background-position:center;
+  color:#fff;
+  opacity:0.7;
+  border-radius:4px;
+  height: 36px;
+}
+.delBtn{
+  background-size:cover;
+  background-position:center;
+  color:#000;
+  //opacity:0.7;
+  border-radius:4px;
+  width: 88px;
+  height: 36px;
+}
+.exportBtn{
+  background-size:cover;
+  background-position:center;
+  color:#fff;
+  opacity:0.7;
+  border-radius:4px;
+  width: 88px;
+  height: 36px;
+}
+.resetBtn{
+  background-size:cover;
+  background-position:center;
+  color:#006665;
+  //opacity:0.7;
+  border-radius:4px;
+  width: 88px;
+  height: 36px;
+}
diff --git a/src/pages/inspectiontasks/components/Inspectiontaskplan/InspectionTaskPlan.js b/src/pages/inspectiontasks/components/Inspectiontaskplan/InspectionTaskPlan.js
index 1062c89..7bfed1c 100644
--- a/src/pages/inspectiontasks/components/Inspectiontaskplan/InspectionTaskPlan.js
+++ b/src/pages/inspectiontasks/components/Inspectiontaskplan/InspectionTaskPlan.js
@@ -16,7 +16,7 @@ import {
     RedoOutlined
 } from "@ant-design/icons";
 const {Search}=Input
-const MenuBg=(props)=>{
+export const MenuBg=(props)=>{
     return (
         <div className={styles["parallelogram-container"]}>
             <span className={styles["text-content"]}>{props.text}</span>
diff --git a/src/pages/inspectiontasks/components/Inspectiontaskplan/InspectionTaskPlan.less b/src/pages/inspectiontasks/components/Inspectiontaskplan/InspectionTaskPlan.less
index 853f458..3758561 100644
--- a/src/pages/inspectiontasks/components/Inspectiontaskplan/InspectionTaskPlan.less
+++ b/src/pages/inspectiontasks/components/Inspectiontaskplan/InspectionTaskPlan.less
@@ -42,17 +42,9 @@
     color: rgba(0, 102, 101, 1);
     font-size:16px;
   }
-  :global(.ant-menu-submenu-selected::after){
-      border-bottom:none !important;
-  }
-  :global(.ant-menu-submenu-open::after){
-    border-bottom:none !important;
-  }
-  :global(.ant-menu-item::after){
-    border-bottom:none !important;
-  }
   :global(.parallelogram-container___Lxkxf){
     height:30px;
+    margin-top: 12px;
   }
 }
 .parallelogram-container {
@@ -70,7 +62,7 @@
 
   /* 文字样式重置（因为容器有倾斜，内部文字需要反向倾斜） */
   font-size: 16px;
-  color: #333;
+  color:#006665;
 
   border: 1px solid;
   border-image-slice:1;