diff --git a/src/assets/img/03ba6681098742e33bea38c40e3c23f16847dc1f.png b/src/assets/img/03ba6681098742e33bea38c40e3c23f16847dc1f.png new file mode 100644 index 0000000..5e818b9 Binary files /dev/null and b/src/assets/img/03ba6681098742e33bea38c40e3c23f16847dc1f.png differ diff --git a/src/assets/img/3de08b72a292633bddad28950ba6c6d7fa084a23.png b/src/assets/img/3de08b72a292633bddad28950ba6c6d7fa084a23.png new file mode 100644 index 0000000..60ae476 Binary files /dev/null and b/src/assets/img/3de08b72a292633bddad28950ba6c6d7fa084a23.png differ diff --git a/src/assets/img/Group 2895.svg b/src/assets/img/Group 2895.svg new file mode 100644 index 0000000..e312bf9 --- /dev/null +++ b/src/assets/img/Group 2895.svg @@ -0,0 +1,50 @@ + +
 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/img/Group 2896.svg b/src/assets/img/Group 2896.svg new file mode 100644 index 0000000..da30646 --- /dev/null +++ b/src/assets/img/Group 2896.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/img/de55b2b9c8dab34462ff1b044a5a5c9668b11aa4.png b/src/assets/img/de55b2b9c8dab34462ff1b044a5a5c9668b11aa4.png new file mode 100644 index 0000000..46f623c Binary files /dev/null and b/src/assets/img/de55b2b9c8dab34462ff1b044a5a5c9668b11aa4.png differ diff --git a/src/pages/smartinspection/components/Inspectiontaskplan/SmartInspectionPlan.js b/src/pages/smartinspection/components/Inspectiontaskplan/SmartInspectionPlan.js index 7e89e0c..873d399 100644 --- a/src/pages/smartinspection/components/Inspectiontaskplan/SmartInspectionPlan.js +++ b/src/pages/smartinspection/components/Inspectiontaskplan/SmartInspectionPlan.js @@ -5,6 +5,10 @@ import { Title } from "@/pages/inspectiontasks/InspectionTasks"; import btnImg1 from '@/assets/img/planBtn1.png' import btnImg2 from '@/assets/img/planBtn2.png' import btnImg3 from '@/assets/img/planBtn3.png' +import menuInactiveBg from '@/assets/img/3de08b72a292633bddad28950ba6c6d7fa084a23.png' +import activeBgImage from '@/assets/img/de55b2b9c8dab34462ff1b044a5a5c9668b11aa4.png' +import thermalImage from '@/assets/img/03ba6681098742e33bea38c40e3c23f16847dc1f.png' + import paibanBg from '@/assets/img/paiban.png' import inspectionBg from '@/assets/img/Rectangle 34624130.svg' import taskPlanBg from '@/assets/img/image 674 1.svg' @@ -1535,6 +1539,348 @@ const SmartInspectionRange = () => { ) }; +// 智能巡检内容监控中心组件 +const SmartInspectionContent = () => { + const [activeTab, setActiveTab] = useState('温度异常检测'); + const [currentPage, setCurrentPage] = useState(6); + + const handleTabClick = (tab) => { + setActiveTab(tab); + }; + + const handlePageChange = (page) => { + setCurrentPage(page); + }; + + const renderContent = () => { + switch (activeTab) { + case '温度异常检测': + return ( +
+
+

实时监测区

+ {/*
+ + + +
*/} +
+ +
+
+
+ 红外热成像图 +
+ 当前最高温: 89°C +
+
+
+

实时温度: 89°C

+

高温异常: 80°C

+

当前监测区域: 罐区管道连接处检测

+
+
+ +
+
+

检测原理说明

+

+ "搭载红外热成像测温仪，覆盖电缆、胶管、设备高温点；温度达到阈值时自动上报故障，同步录制热成像/可见光视频，为故障分析提供数据支撑。" +

+
+ +
+

异常历史记录

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
序号故障时间检测区域异常温度处理状态操作
12025-10-16 14:201# 泵房电机92°C已处理 + +
22025-10-16 14:201# 泵房电机92°C已处理 + +
+
+
+ 共 85 条 +
+ 10 / page + + + ... + + + + + + ... + + +
+
+
+
+
+
+ ); + case '温湿度检测': + case '跑冒滴漏检测': + case '仪器仪表采集': + case '环境监测': + return ( +
+

该模块正在开发中...

+
+ ); + default: + return null; + } + }; + + return ( +
+
+
+ | 智能巡检内容监控中心 +
+
+ + + +
+
+ +
+
+ +
+ +
+ {renderContent()} +
+
+
+ ); +}; + // 任务规划与执行流程组件 const TaskPlanningFlow = () => { return ( @@ -1971,6 +2317,10 @@ const items = [ label: , key: '智能巡检范围监控', }, + { + label: , + key: '巡检内容', + }, { label: , key: '任务规划与执行流程', @@ -1984,6 +2334,7 @@ const list = { '巡检标准管理': , '设备属性设置': , '智能巡检范围监控': , + '巡检内容': , '任务规划与执行流程': , } const InspectionTaskPlan = () => {