巡检任务

src/pages/inspectiontasks/components/Inspectionrecords/inspectionRecords.js

@@ -14,6 +14,13 @@ import record1 from '@/assets/img/record1.png'
 import record2 from '@/assets/img/record2.png'
 import record3 from '@/assets/img/record3.png'
 
+import tableImg1 from '@/assets/img/tableImg1.png'
+import tableImg2 from '@/assets/img/tableImg2.png'
+import tableImg3 from '@/assets/img/tableImg3.png'
+import tableImg4 from '@/assets/img/tableImg4.png'
+import tableImg5 from '@/assets/img/tableImg5.png'
+import tableImg6 from '@/assets/img/tableImg6.png'
+
 const {RangePicker}=DatePicker
 
 const Drawers=(props)=>{
@@ -2198,6 +2205,257 @@ const TheLedgerMaintainsRecords=()=>{
         </div>
     )
 }
+//当值缺陷查询
+const ValueDefectQuery=()=>{
+    const [selectedRowKeys, setSelectedRowKeys] = useState([]);
+    const [currentPage, setCurrentPage] = useState(1);
+    const [pageSize, setPageSize] = useState(10);
+    const [total, setTotal] = useState(85); // 总条数，实际项目中从接口获取
+    const rowSelection = {
+        selectedRowKeys,
+        onChange: (newSelectedRowKeys) => {
+            setSelectedRowKeys(newSelectedRowKeys);
+        }
+    };
+    const columns = [
+        {
+            title: '班次',
+            dataIndex: 'shift',
+            key: 'shift',
+        },
+        {
+            title: '设备',
+            dataIndex: 'equip',
+            key: 'equip',
+        },
+        {
+            title: '缺陷号',
+            dataIndex: 'defectNo',
+            key: 'defectNo',
+        },
+        {
+            title: '发现人',
+            dataIndex: 'finder',
+            key: 'finder',
+        },
+        {
+            title: '缺陷',
+            dataIndex: 'defect',
+            key: 'defect',
+        },
+        {
+            title: '发现时间',
+            dataIndex: 'time',
+            key: 'time',
+        },
+        {
+            title: '分类',
+            dataIndex: 'category',
+            key: 'category',
+        },
+        {
+            title: '状态',
+            dataIndex: 'status',
+            key: 'status',
+        },
+        {
+            title: '等级',
+            dataIndex: 'level',
+            key: 'level',
+        },
+        {
+            title: '图片',
+            dataIndex: 'img',
+            key: 'img',
+            render:(value)=>{
+                return (
+                    <>
+                        <img src={value} alt="图片加载失败" style={{width:'35px',height:'35px'}}/>
+                    </>
+                )
+            }
+        },
+        {
+            title: '处理结果',
+            dataIndex: 'result',
+            key: 'result',
+        },
+        {
+            title: '操作',
+            dataIndex: 'op',
+            key: 'op',
+            align:'center',
+            render:()=>{
+                return(
+                    <>
+                        <Button type={'link'} style={{color:'#006665'}}>查看详情</Button>
+                        <Button type={'link'} style={{color:'#2E4CD4'}}>打印</Button>
+                        <Button type={'link'} style={{color:'#2C9E9D'}}>修改</Button>
+                        <Button type={'link'} style={{color:'#FF826D'}}>删除</Button>
+                    </>
+
+                )
+            }
+        },
+    ];
+    const dataSource = [
+        {
+            key: '1',
+            shift: '白班',
+            equip: '#1 发电机',
+            defectNo: 'ZXS202305191143',
+            finder: '李婧妍',
+            defect: '发电机异响',
+            time: '2023-05-19 10:30:22',
+            category: '异响',
+            status: '未确认',
+            level: '第一等级',
+            img: tableImg1,
+            result: '待检修',
+            op: '查看详情 打印 修改 删除'
+        },
+        {
+            key: '2',
+            shift: '白班',
+            equip: '地电机定子',
+            defectNo: 'ZXS202305080162',
+            finder: '李密',
+            defect: '轴承过热',
+            time: '2023-05-18 09:15:45',
+            category: '温度异常',
+            status: '已处理',
+            level: '第一等级',
+            img: tableImg2,
+            result: '更换轴承',
+            op: '查看详情 打印 修改 删除'
+        },
+        {
+            key: '3',
+            shift: '中班',
+            equip: '废水泵',
+            defectNo: 'ZXS202304201444',
+            finder: '赵礼义',
+            defect: '轴承过热',
+            time: '2023-05-17 14:20:10',
+            category: '温度异常',
+            status: '未确认',
+            level: '第一等级',
+            img: tableImg3,
+            result: '待巡检',
+            op: '查看详情 打印 修改 删除'
+        },
+        {
+            key: '4',
+            shift: '中班',
+            equip: '转子',
+            defectNo: 'ZXS202304201444',
+            finder: '孙思达',
+            defect: '振动超限',
+            time: '2023-05-16 11:05:30',
+            category: '振动',
+            status: '未确认',
+            level: '第一等级',
+            img: tableImg4,
+            result: '待检测',
+            op: '查看详情 打印 修改 删除'
+        },
+        {
+            key: '5',
+            shift: '白班',
+            equip: '#1 发电机',
+            defectNo: 'ZXS202304201016',
+            finder: '郑岩',
+            defect: '设备过热',
+            time: '2023-05-15 16:40:05',
+            category: '温度异常',
+            status: '未处理',
+            level: '第一等级',
+            img: tableImg5,
+            result: '待安排检修',
+            op: '查看详情 打印 修改 删除'
+        },
+        {
+            key: '6',
+            shift: '白班',
+            equip: '#1 发电机',
+            defectNo: 'ZXS202304201000',
+            finder: '李炜骅',
+            defect: '漏水',
+            time: '2023-05-14 08:50:15',
+            category: '漏水',
+            status: '未处理',
+            level: '第一等级',
+            img: tableImg6,
+            result: '待堵漏',
+            op: '查看详情 打印 修改 删除'
+        }
+    ];
+    // 处理页码变化
+    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={{padding:'20px 0',borderBottom:'1px solid #eeeeee'}}>
+                <Row justify={"space-between"} style={{width:'100%'}}>
+                    <Col><Title title={'精准查询'}></Title></Col>
+                    <Col>
+                        <Button className={styles['addBtn']} icon={<SearchOutlined></SearchOutlined>} style={{backgroundImage:`url(${btnImg1})`,marginRight:'30px'}}>查询</Button>
+                        <Button className={styles['resetBtn']} icon={<UndoOutlined></UndoOutlined>} style={{backgroundImage:`url(${btnImg3}`}}>重置</Button>
+                    </Col>
+                </Row>
+                <Row style={{marginTop:'20px',width:'100%'}}>
+                    <Form
+                        layout={'inline'}
+                        style={{display:'flex',justifyContent:'space-between',width:'100%'}}
+                    >
+                        <Form.Item label={'岗位类型'}>
+                            <Select style={{width:'132px'}} defaultValue={'全部'}></Select>
+                        </Form.Item>
+                        <Form.Item label={'值别'}>
+                            <Select style={{width:'132px'}} defaultValue={'全部'}></Select>
+                        </Form.Item>
+                        <Form.Item label={'班次'}>
+                            <Select style={{width:'132px'}} defaultValue={'全部'}></Select>
+                        </Form.Item>
+                        <Form.Item label={'缺陷时间范围'}>
+                            <RangePicker></RangePicker>
+                        </Form.Item>
+                        <Form.Item label={'缺陷状态'}>
+                            <Select style={{width:'132px'}} defaultValue={'全部'}></Select>
+                        </Form.Item>
+                    </Form>
+                </Row>
+            </Row>
+            <Row style={{marginTop:'20px'}}>
+                <Title title={'缺陷列表区'}></Title>
+                <Table
+                    style={{width:'100%',marginTop:'20px',minHeight:'450px'}}
+                    pagination={false}
+                    rowSelection={rowSelection}
+                    dataSource={dataSource}
+                    columns={columns}
+                ></Table>
+            </Row>
+            <Row>
+                <TablePagination
+                    currentPage={currentPage}
+                    pageSize={pageSize}
+                    total={total}
+                    onPageChange={handlePageChange}
+                    onPageSizeChange={handlePageSizeChange}
+                ></TablePagination>
+            </Row>
+        </div>
+    )
+}
 const items = [
     {
         label: <MenuBg text={'巡检记录'} icon={<DownOutlined style={{fontSize: 16}}/>}></MenuBg>,
@@ -2229,7 +2487,7 @@ const items = [
         label: <MenuBg text={'缺陷管理'} icon={<DownOutlined style={{ fontSize: 16 }} />}></MenuBg>,
         key:'缺陷管理',
         children:[
-
+            {label:'当值缺陷查询',key:'当值缺陷查询'},
         ]
     },
 ]
@@ -2242,6 +2500,7 @@ const tabList={
     '当日巡检状态查询': <InspectionStatusQueryOnTheSameDay></InspectionStatusQueryOnTheSameDay>,
     '设备台账查询与维护': <EquipmentLedgerQueryAndMaintenance></EquipmentLedgerQueryAndMaintenance>,
     '台账维护记录': <TheLedgerMaintainsRecords></TheLedgerMaintainsRecords>,
+    '当值缺陷查询': <ValueDefectQuery></ValueDefectQuery>,
 }
 const InspectionRecords=()=>{
     const [current,setCurrent]=useState('巡检记录首页')