diff --git a/src/pages/inspectiontasks/components/Inspectionrecords/inspectionRecords.js b/src/pages/inspectiontasks/components/Inspectionrecords/inspectionRecords.js index df7a737..55878dd 100644 --- a/src/pages/inspectiontasks/components/Inspectionrecords/inspectionRecords.js +++ b/src/pages/inspectiontasks/components/Inspectionrecords/inspectionRecords.js @@ -2,9 +2,9 @@ import styles from './inspectionRecords.less' import titleBg from '@/assets/img/recordTitleBg.png' import {useEffect, useRef, useState} from "react"; -import {Button, Col, DatePicker, Drawer, Input, Menu, Row, Select, Table, Tag} from "antd"; +import {Button, Col, DatePicker, Drawer, Input, Menu, Row, Select, Table, Tag, Tree} from "antd"; import {MenuBg, TablePagination} from "@/pages/inspectiontasks/components/Inspectiontaskplan/InspectionTaskPlan"; -import {DownOutlined, SearchOutlined, UndoOutlined} from "@ant-design/icons"; +import {DownOutlined, PlusOutlined, SearchOutlined, UndoOutlined} from "@ant-design/icons"; import {Title} from "@/pages/inspectiontasks/InspectionTasks"; import * as echarts from 'echarts'; import btnImg1 from '@/assets/img/planBtn1.png' @@ -214,6 +214,7 @@ const InspectionStatusComponent=({shifts,valueLong,statues,dataSource})=>{ ) } const Drawers1=({open,onClose,row})=>{ + console.log(row) return( { - - +
设备名称:
+
{row.equipmentName}
+
+ + + +
异常属性:
+
{row.propertyName}
+
+ + + +
阈值上限:
+
{row.max}
+
+ + + +
实际检测值:
+
{row.inspectionValue}
+
+ + + +
超限差值:
+
+500°C
+
+ + + +
巡检负责人:
+
{row.inspector}
+
+ + + +
巡检时间:
+
{row.inspectionTime}
+
+ + + +
异常处理状态:
+
{row.inspectionStatus}
+
+ + + +
处理建议(可选)::
+
立即停机检查,联系维保班组
- 2
) @@ -1512,7 +1560,6 @@ const InspectionStatusQueryOnTheSameDay=()=>{ const dataSource = [ { key: '1', - checkbox: '', index: 1, inspectionId: 'XJ-20230519-001', equipmentName: '#1 发电机', @@ -1523,10 +1570,10 @@ const InspectionStatusQueryOnTheSameDay=()=>{ thresholdRange: '≤3000℃', inspectionValue: '3500℃', overLimit: '超过上限', + max:'3500℃', }, { key: '2', - checkbox: '', index: 2, inspectionId: 'XJ-20230519-002', equipmentName: '#1 发电机', @@ -1537,10 +1584,10 @@ const InspectionStatusQueryOnTheSameDay=()=>{ thresholdRange: '≤3000℃', inspectionValue: '2600℃', overLimit: '超过上限', + max:'3000℃', }, { key: '3', - checkbox: '', index: 3, inspectionId: 'XJ-20230519-003', equipmentName: '#1 发电机', @@ -1551,10 +1598,10 @@ const InspectionStatusQueryOnTheSameDay=()=>{ thresholdRange: '≤3000℃', inspectionValue: '4500℃', overLimit: '超过上限', + max:'3000℃', }, { key: '4', - checkbox: '', index: 4, inspectionId: 'XJ-20230519-004', equipmentName: '输油管道段 A', @@ -1565,10 +1612,10 @@ const InspectionStatusQueryOnTheSameDay=()=>{ thresholdRange: '0.4-0.6MPa', inspectionValue: '0.5MPa', overLimit: '---', + max:'0.6MPa', }, { key: '5', - checkbox: '', index: 5, inspectionId: 'XJ-20230519-005', equipmentName: '中控室 DCS 系统', @@ -1579,10 +1626,10 @@ const InspectionStatusQueryOnTheSameDay=()=>{ thresholdRange: '≥95%', inspectionValue: '98%', overLimit: '---', + max:'95%', }, { key: '6', - checkbox: '', index: 6, inspectionId: 'XJ-20230519-006', equipmentName: '消防水泵房', @@ -1593,6 +1640,7 @@ const InspectionStatusQueryOnTheSameDay=()=>{ thresholdRange: '2-5m', inspectionValue: '3.2m', overLimit: '---', + max:'5m', }, ]; @@ -1653,6 +1701,221 @@ const InspectionStatusQueryOnTheSameDay=()=>{ ) } +//设备台账查询与维护 +const EquipmentLedgerQueryAndMaintenance=()=>{ + const [selectedRowKeys, setSelectedRowKeys] = useState([]); + // 表格列配置 + const columns = [ + { + title: '设备编号', + dataIndex: 'equipmentCode', + key: 'equipmentCode', + width: 120, + }, + { + title: '设备名称', + dataIndex: 'equipmentName', + key: 'equipmentName', + width: 100, + }, + { + title: '设备状态', + dataIndex: 'status', + key: 'status', + width: 100, + render: (status) => ( + + {status} + + ), + }, + { + title: '物资分类', + dataIndex: 'materialCategory', + key: 'materialCategory', + width: 100, + }, + { + title: '价格分类', + dataIndex: 'priceCategory', + key: 'priceCategory', + width: 100, + }, + { + title: '特种设备分类', + dataIndex: 'specialEquipmentCategory', + key: 'specialEquipmentCategory', + width: 120, + }, + { + title: '数量', + dataIndex: 'quantity', + key: 'quantity', + width: 80, + align: 'center', + }, + { + title: '计量单位', + dataIndex: 'unit', + key: 'unit', + width: 100, + }, + ]; + // 表格数据 + const dataSource = [ + { + key: '1', + equipmentCode: '60-1611', + equipmentName: '发电机', + status: '已启用', + materialCategory: '设备', + priceCategory: 'ne', + specialEquipmentCategory: '发电机', + quantity: 1, + unit: '台', + }, + { + key: '2', + equipmentCode: '20-9722', + equipmentName: '12 ME', + status: '已启用', + materialCategory: '设备', + priceCategory: 'me', + specialEquipmentCategory: '', + quantity: 5, + unit: '套', + }, + { + key: '3', + equipmentCode: '60-4889', + equipmentName: 'ROReR', + status: '已启用', + materialCategory: '设备', + priceCategory: 'ae', + specialEquipmentCategory: '', + quantity: 3, + unit: '个', + }, + ]; + const rowSelection = { + selectedRowKeys, + onChange: (newSelectedRowKeys) => { + setSelectedRowKeys(newSelectedRowKeys); + } + }; + + const treeDate=[ + { + title:'电器专业', + key:'电气专业', + children:[ + { + title:'开关设备', + key:'开关设备', + children:[ + {title:'断路器',key:'断路器'}, + {title:'隔断开关',key:'隔断开关'}, + ] + }, + { + title:'变压器', + key:'变压器', + } + ] + }, + { + title:'化学专业', + key:'化学专业', + children:[ + {title:'泵类设备',key:'泵类设备'}, + {title:'容器类',key:'容器类'} + ] + } + ] + + return ( +
+ + +
+ + + +
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + +
+ +
+
+ ) +} const items = [ { label: }>, @@ -1676,7 +1939,7 @@ const items = [ label: }>, key:'设备台账数据', children:[ - + {label:'设备台账查询与维护',key:'设备台账查询与维护'}, ] }, { @@ -1694,6 +1957,7 @@ const tabList={ '历史日值记录查询': , '当前巡检状态查询': , '当日巡检状态查询': , + '设备台账查询与维护': , } const InspectionRecords=()=>{ const [current,setCurrent]=useState('巡检记录首页') diff --git a/src/pages/inspectiontasks/components/Inspectionrecords/inspectionRecords.less b/src/pages/inspectiontasks/components/Inspectionrecords/inspectionRecords.less index a3f33af..1a43295 100644 --- a/src/pages/inspectiontasks/components/Inspectionrecords/inspectionRecords.less +++ b/src/pages/inspectiontasks/components/Inspectionrecords/inspectionRecords.less @@ -148,3 +148,22 @@ background-color:#F0F7F7; } } +.drawersLabel{ + text-align:right; + font-size: 14px; + color:#999999; +} +.drawersValue{ + text-align:left; + margin-left:20px; +} +.recordTree{ + background-color: #EAF6F2; + margin-top:20px; + //height:100%; +} +.selectForm{ + label{ + color:#4E5856; + } +}