jiangxucong
/
dq-osi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

提交

Browse Source
main
zjlnb666 13 hours ago
parent 235ad4a2d8
commit 811b665424
2 changed files with 295 additions and 12 deletions
Show Stats Download Patch File Download Diff File

288
src/pages/inspectiontasks/components/Inspectionrecords/inspectionRecords.js
Unescape Escape View File

@ -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(
<Drawer
title={'查看详情'}
@ -226,11 +227,58 @@ const Drawers1=({open,onClose,row})=>{
<Row wrap={true} style={{marginTop:'20px'}} gutter={[0,20]}>
<Col span={24}>
<Row>
<Col></Col>
<Col></Col>
<Col><div className={styles['drawersLabel']}>设备名称:</div></Col>
<Col><div className={styles['drawersValue']}>{row.equipmentName}</div></Col>
</Row>
</Col>
<Col span={24}>
<Row>
<Col><div className={styles['drawersLabel']}>异常属性:</div></Col>
<Col><div className={styles['drawersValue']}>{row.propertyName}</div></Col>
</Row>
</Col>
<Col span={24}>
<Row>
<Col><div className={styles['drawersLabel']}>阈值上限:</div></Col>
<Col><div className={styles['drawersValue']}>{row.max}</div></Col>
</Row>
</Col>
<Col span={24}>
<Row>
<Col><div className={styles['drawersLabel']}>实际检测值:</div></Col>
<Col><div className={styles['drawersValue']}>{row.inspectionValue}</div></Col>
</Row>
</Col>
<Col span={24}>
<Row>
<Col><div className={styles['drawersLabel']}>超限差值:</div></Col>
<Col><div className={styles['drawersValue']}>+500°C</div></Col>
</Row>
</Col>
<Col span={24}>
<Row>
<Col><div className={styles['drawersLabel']}>巡检负责人:</div></Col>
<Col><div className={styles['drawersValue']}>{row.inspector}</div></Col>
</Row>
</Col>
<Col span={24}>
<Row>
<Col><div className={styles['drawersLabel']}>巡检时间:</div></Col>
<Col><div className={styles['drawersValue']}>{row.inspectionTime}</div></Col>
</Row>
</Col>
<Col span={24}>
<Row>
<Col><div className={styles['drawersLabel']}>异常处理状态:</div></Col>
<Col><div className={styles['drawersValue']}>{row.inspectionStatus}</div></Col>
</Row>
</Col>
<Col span={24}>
<Row>
<Col><div className={styles['drawersLabel']}>处理建议(可选)：:</div></Col>
<Col><div className={styles['drawersValue']}>立即停机检查，联系维保班组</div></Col>
</Row>
</Col>
<Col span={24}>2</Col>
</Row>
</Drawer>
)
@ -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=()=>{
</div>
)
}
//设备台账查询与维护
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) => (
<Tag color={status === '已启用' ? 'green' : 'blue'}>
{status}
</Tag>
),
},
{
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 (
<div style={{backgroundColor:'#fff',padding:'20px'}}>
<Row gutter={20} >
<Col span={4}>
<div style={{backgroundColor:'#EAF6F2',padding:'20px',height:'100%'}}>
<Title title={'分类'}></Title>
<Input placeholder={'搜索分类'} style={{marginTop:'20px',width:'172px'}}></Input>
<Tree
className={styles['recordTree']}
treeData={treeDate}
checkable={true}
showLine={true}
defaultExpandAll
></Tree>
</div>
</Col>
<Col span={20}>
<div>
<Row justify={'space-between'} >
<Col>
<Title title={'精准查询'}></Title>
</Col>
<Col>
<Button icon={<SearchOutlined></SearchOutlined>} className={styles['addBtn']} style={{backgroundImage: `url(${btnImg1})`,marginRight:'30px'}}>查询</Button>
<Button icon={<UndoOutlined></UndoOutlined>} className={styles['resetBtn']} style={{backgroundImage: `url(${btnImg3})`}}>重置</Button>
</Col>
</Row>
<Row wrap={true} style={{margin:'20px 0',borderBottom:'1px solid #eee',paddingBottom:'20px'}} gutter={[0,20]} className={styles['selectForm']}>
<Col span={6}>
<label htmlFor="">系统分类:</label>
<Select defaultValue={'全部'} style={{width:'132px',marginLeft:'15px'}}></Select>
</Col>
<Col span={6}>
<label htmlFor="">重点设备:</label>
<Select defaultValue={'全部'} style={{width: '132px', marginLeft: '15px'}}></Select>
</Col>
<Col span={6}>
<label htmlFor="">设备编号:</label>
<Input placeholder={'请输入编号'} style={{width: '200px', marginLeft: '15px'}}></Input>
</Col>
<Col span={6}>
<label htmlFor="">设备名称:</label>
<Input placeholder={'请输入名称'} style={{width: '200px', marginLeft: '15px'}}></Input>
</Col>
<Col span={6}>
<label htmlFor="">设备状态:</label>
<Select defaultValue={'全部'} style={{width: '132px', marginLeft: '15px'}}></Select>
</Col>
<Col span={6}>
<label htmlFor="">物资分类:</label>
<Select defaultValue={'全部'} style={{width: '132px', marginLeft: '15px'}}></Select>
</Col>
</Row>
<Title title={'设备台账列表'}></Title>
<Row justify={'space-between'} style={{marginTop:'20px'}}>
<Col>
<Button className={styles['exportBtn']} style={{backgroundImage:`url(${btnImg1})`,marginRight:'30px'}}>批量导入</Button>
<Button className={styles['exportBtn']} style={{backgroundImage:`url(${btnImg3})`,color:'#006665',marginRight:'30px'}} >批量导出</Button>
<Button className={styles['delBtn']} style={{backgroundImage:`url(${btnImg2})`}}>删除</Button>
</Col>
<Col>
<Button className={styles['exportBtn']} style={{backgroundImage:`url(${btnImg3})`,color:'#006665',marginRight:'30px'}} >下载模板</Button>
<Button icon={<PlusOutlined />} className={styles['exportBtn']} style={{backgroundImage:`url(${btnImg1})`,marginRight:'30px'}}>新增</Button>
</Col>
</Row>
<Row style={{marginTop:'20px'}}>
<Table
columns={columns}
dataSource={dataSource}
pagination={false}
rowSelection={rowSelection}
style={{width:'100%',minHeight:'400px'}}
></Table>
</Row>
<Row>
</Row>
</div>
</Col>
</Row>
</div>
)
}
const items = [
{
label: <MenuBg text={'巡检记录'} icon={<DownOutlined style={{fontSize: 16}}/>}></MenuBg>,
@ -1676,7 +1939,7 @@ const items = [
label: <MenuBg text={'设备台账数据'} icon={<DownOutlined style={{ fontSize: 16 }} />}></MenuBg>,
key:'设备台账数据',
children:[
{label:'设备台账查询与维护',key:'设备台账查询与维护'},
]
},
{
@ -1694,6 +1957,7 @@ const tabList={
'历史日值记录查询': <HistoricalDailyValueRecordQuery></HistoricalDailyValueRecordQuery>,
'当前巡检状态查询': <CurrentInspectionStatusQuery></CurrentInspectionStatusQuery>,
'当日巡检状态查询': <InspectionStatusQueryOnTheSameDay></InspectionStatusQueryOnTheSameDay>,
'设备台账查询与维护': <EquipmentLedgerQueryAndMaintenance></EquipmentLedgerQueryAndMaintenance>,
}
const InspectionRecords=()=>{
const [current,setCurrent]=useState('巡检记录首页')

19
src/pages/inspectiontasks/components/Inspectionrecords/inspectionRecords.less
Unescape Escape View File

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

Write Preview
Loading…
Cancel
Save