diff --git a/public/assets/供水数据概览.jpg b/public/assets/供水数据概览.jpg new file mode 100644 index 0000000..988c98b Binary files /dev/null and b/public/assets/供水数据概览.jpg differ diff --git a/public/assets/供水监管.jpg b/public/assets/供水监管.jpg new file mode 100644 index 0000000..c64639f Binary files /dev/null and b/public/assets/供水监管.jpg differ diff --git a/public/assets/园林社区居民委员会一页纸预案.pdf b/public/assets/园林社区居民委员会一页纸预案.pdf new file mode 100644 index 0000000..a9cd56d Binary files /dev/null and b/public/assets/园林社区居民委员会一页纸预案.pdf differ diff --git a/public/assets/园林社区居民委员会山洪灾害防御预案.pdf b/public/assets/园林社区居民委员会山洪灾害防御预案.pdf new file mode 100644 index 0000000..5991fe5 Binary files /dev/null and b/public/assets/园林社区居民委员会山洪灾害防御预案.pdf differ diff --git a/public/assets/安防监控.jpg b/public/assets/安防监控.jpg new file mode 100644 index 0000000..02ed8e6 Binary files /dev/null and b/public/assets/安防监控.jpg differ diff --git a/public/assets/报警分析.jpg b/public/assets/报警分析.jpg new file mode 100644 index 0000000..087f586 Binary files /dev/null and b/public/assets/报警分析.jpg differ diff --git a/public/assets/水厂水质监测.jpg b/public/assets/水厂水质监测.jpg new file mode 100644 index 0000000..97dd9db Binary files /dev/null and b/public/assets/水厂水质监测.jpg differ diff --git a/public/assets/水厂监控.jpg b/public/assets/水厂监控.jpg new file mode 100644 index 0000000..56cdd73 Binary files /dev/null and b/public/assets/水厂监控.jpg differ diff --git a/public/assets/电耗分析.jpg b/public/assets/电耗分析.jpg new file mode 100644 index 0000000..c5797ae Binary files /dev/null and b/public/assets/电耗分析.jpg differ diff --git a/public/assets/药耗分析.jpg b/public/assets/药耗分析.jpg new file mode 100644 index 0000000..e6057e5 Binary files /dev/null and b/public/assets/药耗分析.jpg differ diff --git a/public/assets/设备故障统计.jpg b/public/assets/设备故障统计.jpg new file mode 100644 index 0000000..c544b0e Binary files /dev/null and b/public/assets/设备故障统计.jpg differ diff --git a/public/assets/设备数量统计.jpg b/public/assets/设备数量统计.jpg new file mode 100644 index 0000000..52c50b2 Binary files /dev/null and b/public/assets/设备数量统计.jpg differ diff --git a/public/assets/麻城市山洪灾害防御预案.pdf b/public/assets/麻城市山洪灾害防御预案.pdf new file mode 100644 index 0000000..7fc34f0 Binary files /dev/null and b/public/assets/麻城市山洪灾害防御预案.pdf differ diff --git a/public/assets/龙池桥街道山洪灾害防御预案.pdf b/public/assets/龙池桥街道山洪灾害防御预案.pdf new file mode 100644 index 0000000..0fa539e Binary files /dev/null and b/public/assets/龙池桥街道山洪灾害防御预案.pdf differ diff --git a/src/models/map/layout.js b/src/models/map/layout.js index 2cfb1a5..10c4861 100644 --- a/src/models/map/layout.js +++ b/src/models/map/layout.js @@ -92,9 +92,22 @@ export default function calcLayout(view, rightStack, hidePanels) { } else if (view === 301) { left = [ { key: '天气' }, - { key: '供水态势',style: { height: '16rem', flexGrow: 1 } }, - { key: '日供水量',style: { height: '16rem', flexGrow: 1 } }, - { key: '供水覆盖率',style: { height: '16rem', flexGrow: 1 } }, + { key: '供水数据概览',style: { height: '15.5rem'} }, + { key: '水厂生产情况',style: { height: '15rem', flexGrow: 1 } }, + { key: '供水监管',style: { height: '16rem'} }, + ]; + } else if (view === 302) { + left = [ + { key: '天气' }, + { key: '水厂水质监测',style: { height: '16rem'} }, + { key: '报警分析',style: { height: '16rem'} }, + ]; + } else if (view === 303) { + left = [ + { key: '天气' }, + { key: '水厂监控',style: { height: '16rem'} }, + { key: '设备数量统计',style: { height: '18rem'} }, + { key: '设备故障统计',style: { height: '18rem'} }, ]; } else if (view === 501) { left = [ @@ -206,9 +219,19 @@ export default function calcLayout(view, rightStack, hidePanels) { } else if (view === 301) { right = [ { key: '警报' }, - { key: '对比分析', style: { height: '19rem', flexGrow: 1 } }, - { key: '供水监控', style: { flexGrow: 1 } }, - rightFullHeight = true + { key: '对比分析', style: { height: '19rem' } }, + { key: '报警统计',style: { height: '37rem',flexGrow: 1 } }, + ]; + } else if (view === 302) { + right = [ + { key: '警报' }, + ]; + } else if (view === 303) { + right = [ + { key: '警报' }, + { key: '安防监控', style: { height: '14rem', flexGrow: 1 } }, + { key: '电耗分析', style: { height: '19rem', flexGrow: 1 } }, + { key: '药耗分析', style: { height: '21rem', flexGrow: 1 } }, ]; } else if (view === 501) { right = [ diff --git a/src/views/Home/InfoDlg/PdfDlg/index.js b/src/views/Home/InfoDlg/PdfDlg/index.js index 452df35..110fca1 100644 --- a/src/views/Home/InfoDlg/PdfDlg/index.js +++ b/src/views/Home/InfoDlg/PdfDlg/index.js @@ -31,7 +31,7 @@ function HDStDlg({ record, onClose }) { - +
diff --git a/src/views/Home/PanelIndex.js b/src/views/Home/PanelIndex.js index a833e83..9de2247 100644 --- a/src/views/Home/PanelIndex.js +++ b/src/views/Home/PanelIndex.js @@ -61,6 +61,19 @@ import Rgsl from './panels/Rgsl' import Dbfx from './panels/Dbfx' import Gsjk from './panels/Gsjk' import YaRes from './panels/YaRes' +import Gssjgl from './panels/Gssjgl' +import Scscqk from './panels/Scscqk'//echarts +import Gsjg from './panels/Gsjg' +import Scszjc from './panels/Scszjc' +import Bjfx from './panels/Bjfx' +import Scjk from './panels/Scjk' +import Sbsltj from './panels/Sbsltj' +import Sbgztj from './panels/Sbgztj' +import Afjk from './panels/Afjk' +import Dhfx from './panels/Dhfx' +import Yhfx from './panels/Yhfx' +import Bjtj from './panels/Bjtj' + export default function PanelIndex({ name, style, ...params }) { if (name === '天气') { return ( @@ -186,8 +199,33 @@ export default function PanelIndex({ name, style, ...params }) { return } else if (name === '供水监控') { return + } else if (name === '供水数据概览') { + return + } else if (name === '水厂生产情况') { + return + } else if (name === '供水监管') { + return + } else if (name === '水厂水质监测') { + return + } else if (name === '报警分析') { + return + } else if (name === '水厂监控') { + return + } else if (name === '设备数量统计') { + return + } else if (name === '设备故障统计') { + return + } else if (name === '安防监控') { + return + } else if (name === '电耗分析') { + return + } else if (name === '药耗分析') { + return + } else if (name === '报警统计') { + return } + return (

not impl

diff --git a/src/views/Home/components/ActionDock/index.js b/src/views/Home/components/ActionDock/index.js index 80afb29..28ef5eb 100644 --- a/src/views/Home/components/ActionDock/index.js +++ b/src/views/Home/components/ActionDock/index.js @@ -24,10 +24,8 @@ const VIEWS = [ ] }, { id: 300, title: '水厂', img: '/assets/menu/水利设施.png',children:[ { id: 301, title: '供水态势', img: '/assets/menu/降雨中心.png' }, - - // 供水态势 - // 水质安全 - // 水厂运行 + { id: 302, title: '水质安全', img: '/assets/menu/水情监测.png' }, + { id: 303, title: '水厂运行', img: '/assets/menu/水库管理.png' }, // 管网健康诊断 // 应急指挥调度 // 决策支持与报表 diff --git a/src/views/Home/panels/Afjk/index.js b/src/views/Home/panels/Afjk/index.js new file mode 100644 index 0000000..c1abd9b --- /dev/null +++ b/src/views/Home/panels/Afjk/index.js @@ -0,0 +1,17 @@ +import React, { useMemo, useState } from 'react'; +import PanelBox from '../../components/PanelBox'; + +function DrpReal({ style }) { + + return ( + + + + ) +} + +export default DrpReal; diff --git a/src/views/Home/panels/Bjfx/chart.js b/src/views/Home/panels/Bjfx/chart.js new file mode 100644 index 0000000..53e0088 --- /dev/null +++ b/src/views/Home/panels/Bjfx/chart.js @@ -0,0 +1,171 @@ +import React, { useMemo } from 'react'; +import echarts from 'echarts/lib/echarts'; +import ReactEcharts from 'echarts-for-react'; + + +const pallete = [ + ['#177ab3', '#51c3e7'], + ['#9976dc', '#c792ee'], + ['#94a1eb', '#a7caf8'], + ['#7ae5c3', '#c9f4ea'], + ['#c7dca5', '#f5fcd5'], + ['#7988d9', '#9dc6f1'], + ['#d9ed8f', '#d3f89b'], +]; + +const palleteLen = pallete.length; + + +const AreaDrpChart = () => { + const x = ['清泉水厂','南湖水厂','东郊水厂','西山水厂'] + const y1 = [612, 601, 630, 640] + const y2 = [624, 645, 665, 656] + + + + var option = { + tooltip: { + trigger: 'axis', + axisPointer: { + type: 'shadow', + label: { + show: false + } + }, + valueFormatter: (value) => value + ' 万m³' + }, + grid: { + top: 42, + left: 50, + right: 0, + bottom: 27, + }, + legend: { + data: ['设计产能', '实际产水'], + top: '8', + left: 'center', + itemWidth: 11,//11, + itemHeight: 11,//11, + textStyle: { + color: '#B9BFC9', + fontSize: 12,//12 + } + }, + xAxis: [ + { + type: 'category', + data: x, + splitLine: { + show: true, //隐藏X轴轴线 + lineStyle: { + color: 'rgba(255,255,255,0.2)', + width: 0 + } + }, + axisLabel: { + show: true, + textStyle: { + color: '#B9BFC9' //X轴文字颜色 + }, + // rotate: 20, // 角度值：Number + fontSize: 10,//10 + }, + axisLine: { + show: true, //隐藏X轴轴线 + lineStyle: { + color: 'rgba(255,255,255,0.2)', + width: 0 + } + }, + axisTick: { + show: true, + } + } + ], + yAxis: [ + { + type: 'value', + position: 'left', + name: '产水量m³', + nameTextStyle: { + color: '#B9BFC9', + fontSize: 10,//10, + padding: [0, 0, 0, -30],//[0, 0, 0, -30]//控制y轴标题位置 + }, + nameGap: 17, + + splitLine: { + show: true, + lineStyle: { + width: 1, + color: 'rgba(255,255,255,0.2)' + } + }, + axisLabel: { + show: true, + textStyle: { + color: '#B9BFC9', + fontSize: 11,//11 + } + }, + axisLine: { + show: false + }, + axisTick: { + show: false, + }, + min: 200, + max: 800, + } + ], + series: [ + { + name: '设计产能', + type: 'bar', + barWidth: 10, + data: y1, + itemStyle: { + normal: { + color: '#56b38b' + }, + }, + // label: { + // show: true, + // position: 'top', + // color: '#bbb', + // fontSize: 12, + // textShadowBlur: 4, + // textShadowColor: '#6ab', + // }, + }, + { + name: '实际产水', + type: 'bar', + barWidth: 10, + data: y2, + itemStyle: { + normal: { + color: '#3860d0' + }, + }, + // label: { + // show: true, + // position: 'top', + // color: '#bbb', + // fontSize: 12, + // textShadowBlur: 4, + // textShadowColor: '#6ab', + // }, + } + ] + }; + + return ( + + ) +} + +export default React.memo(AreaDrpChart); diff --git a/src/views/Home/panels/Bjfx/index.js b/src/views/Home/panels/Bjfx/index.js new file mode 100644 index 0000000..838c1b8 --- /dev/null +++ b/src/views/Home/panels/Bjfx/index.js @@ -0,0 +1,19 @@ +import React, { useMemo, useState } from 'react'; +import PanelBox from '../../components/PanelBox'; +import AreaDrpChart from './chart'; + + +function DrpReal({ style }) { + + return ( + + + + ) +} + +export default DrpReal; diff --git a/src/views/Home/panels/Bjtj/chart.js b/src/views/Home/panels/Bjtj/chart.js new file mode 100644 index 0000000..5dda17f --- /dev/null +++ b/src/views/Home/panels/Bjtj/chart.js @@ -0,0 +1,191 @@ +import React, { useMemo } from 'react'; +import echarts from 'echarts/lib/echarts'; +import ReactEcharts from 'echarts-for-react'; + + +const pallete = [ + ['#177ab3', '#51c3e7'], + ['#9976dc', '#c792ee'], + ['#94a1eb', '#a7caf8'], + ['#7ae5c3', '#c9f4ea'], + ['#c7dca5', '#f5fcd5'], + ['#7988d9', '#9dc6f1'], + ['#d9ed8f', '#d3f89b'], +]; + +const palleteLen = pallete.length; + + +const AreaDrpChart = () => { + const x = ['宋埠镇','歧亭镇','白果镇','夫子河镇','阎家河镇'] + const y1 = [212, 0, 0, 0,0] + const y2 = [212, 0, 0, 0,0] + const y3 = [0, 0, 0, 0,0] + + + + + var option = { + tooltip: { + trigger: 'axis', + axisPointer: { + type: 'shadow', + label: { + show: false + } + }, + valueFormatter: (value) => value + ' 万m³' + }, + grid: { + top: 42, + left: 50, + right: 0, + bottom: 27, + }, + legend: { + data: ['报警总数', '已解除','未解除'], + top: '8', + left: 'center', + itemWidth: 11,//11, + itemHeight: 11,//11, + textStyle: { + color: '#B9BFC9', + fontSize: 12,//12 + } + }, + xAxis: [ + { + type: 'category', + data: x, + splitLine: { + show: true, //隐藏X轴轴线 + lineStyle: { + color: 'rgba(255,255,255,0.2)', + width: 0 + } + }, + axisLabel: { + show: true, + textStyle: { + color: '#B9BFC9' //X轴文字颜色 + }, + // rotate: 20, // 角度值：Number + fontSize: 10,//10 + }, + axisLine: { + show: true, //隐藏X轴轴线 + lineStyle: { + color: 'rgba(255,255,255,0.2)', + width: 0 + } + }, + axisTick: { + show: true, + } + } + ], + yAxis: [ + { + type: 'value', + position: 'left', + name: '产水量m³', + nameTextStyle: { + color: '#B9BFC9', + fontSize: 10,//10, + padding: [0, 0, 0, -30],//[0, 0, 0, -30]//控制y轴标题位置 + }, + nameGap: 17, + + splitLine: { + show: true, + lineStyle: { + width: 1, + color: 'rgba(255,255,255,0.2)' + } + }, + axisLabel: { + show: true, + textStyle: { + color: '#B9BFC9', + fontSize: 11,//11 + } + }, + axisLine: { + show: false + }, + axisTick: { + show: false, + }, + min: 0, + max: 500, + } + ], + series: [ + { + name: '报警总数', + type: 'bar', + barWidth: 10, + data: y1, + itemStyle: { + normal: { + color: '#3860d0' + }, + }, + // label: { + // show: true, + // position: 'top', + // color: '#bbb', + // fontSize: 12, + // textShadowBlur: 4, + // textShadowColor: '#6ab', + // }, + }, + { + name: '已解除', + type: 'bar', + barWidth: 10, + data: y2, + itemStyle: { + normal: { + color: '#56b38b' + }, + }, + // label: { + // show: true, + // position: 'top', + // color: '#bbb', + // fontSize: 12, + // textShadowBlur: 4, + // textShadowColor: '#6ab', + // }, + },{ + name: '未解除', + type: 'bar', + barWidth: 10, + data: y3, + itemStyle: { + normal: { + color: '#f5c75f' + }, + }, + // label: { + // show: true, + // position: 'top', + // color: '#bbb', + // fontSize: 12, + // textShadowBlur: 4, + // textShadowColor: '#6ab', + // }, + } + ] + }; + + return ( + + ) +} + +export default React.memo(AreaDrpChart); diff --git a/src/views/Home/panels/Bjtj/index.js b/src/views/Home/panels/Bjtj/index.js new file mode 100644 index 0000000..2cae210 --- /dev/null +++ b/src/views/Home/panels/Bjtj/index.js @@ -0,0 +1,349 @@ +import React, { useMemo, useState } from 'react'; +import PanelBox from '../../components/PanelBox'; +import AreaDrpChart from './chart'; +import Table from '@material-ui/core/Table'; +import TableContainer from '@material-ui/core/TableContainer'; +import TableBody from '@material-ui/core/TableBody'; +import TableHead from '@material-ui/core/TableHead'; +import TableRow from '@material-ui/core/TableRow'; +import DpTableCell from '../../../../layouts/mui/DpTableCell'; +import DpTableRow from '../../../../layouts/mui/DpTableRow'; + +const data = [ + { + "id": 16514, + "defineId": 99, + "tenantId": 14, + "tenantName": null, + "alarmName": "出水浊度报警", + "disarmMethod": "AutoOrManual", + "alarmLevel": "1", + "alarmStatus": "Unremove", + "alarmTriggerTime": "2025-03-02T12:01:49Z", + "alarmReleaseTime": null, + "releaseUserid": null, + "duration": "2月24天", + "subscribeAlarm": 0, + "siteId": 8, + "siteName": "朝阳寺镇新水厂", + "siteRootName": "朝阳寺镇", + "remarks": null, + "threshold": null, + "releaseUserName": null, + "handleStatus": 1, + "faultId": null, + "equipment": "", + "equipmentName": null, + "alarmValue": "1.98", + "unit": "NTU", + "mpointName": "新水厂-出厂水浊度", + "mpointId": "71", + "processingPlan": "", + "contactPersonId": null, + "expression": null, + "codeMap": null, + "alarmView": null, + "schemeHistoryId": null, + "err": null, + "videoId": null, + "video": null, + "orderId": null, + "orderType": null, + "alarmType": "water", + "alarmRecordOrderVo": null + }, + { + "id": 27258, + "defineId": 111, + "tenantId": 14, + "tenantName": null, + "alarmName": "凉桥水厂-破水平进水停用报警", + "disarmMethod": "AutoOrManual", + "alarmLevel": "1", + "alarmStatus": "Remove", + "alarmTriggerTime": "2025-05-18T21:37:35Z", + "alarmReleaseTime": "2025-05-18T21:46:07Z", + "releaseUserid": "system", + "duration": "8分32秒", + "subscribeAlarm": 0, + "siteId": 10, + "siteName": "凉桥水厂", + "siteRootName": "朝阳寺镇", + "remarks": null, + "threshold": null, + "releaseUserName": "system", + "handleStatus": 1, + "faultId": null, + "equipment": "", + "equipmentName": null, + "alarmValue": "0.00", + "unit": "m³/h", + "mpointName": "进水破水坪1#瞬时流量", + "mpointId": "304", + "processingPlan": "", + "contactPersonId": null, + "expression": null, + "codeMap": null, + "alarmView": null, + "schemeHistoryId": null, + "err": null, + "videoId": null, + "video": null, + "orderId": null, + "orderType": null, + "alarmType": "water", + "alarmRecordOrderVo": null + }, + { + "id": 27257, + "defineId": 115, + "tenantId": 14, + "tenantName": null, + "alarmName": "老厂水质2小时无数据", + "disarmMethod": "AutoOrManual", + "alarmLevel": "1", + "alarmStatus": "Remove", + "alarmTriggerTime": "2025-05-18T19:25:00Z", + "alarmReleaseTime": "2025-05-19T05:26:00Z", + "releaseUserid": "system", + "duration": "10小时1分", + "subscribeAlarm": 0, + "siteId": 128, + "siteName": "水质指标监测", + "siteRootName": "朝阳寺镇", + "remarks": null, + "threshold": null, + "releaseUserName": "system", + "handleStatus": 1, + "faultId": null, + "equipment": "", + "equipmentName": null, + "alarmValue": "", + "unit": "", + "mpointName": "老水厂-出厂水酸碱度", + "mpointId": "56", + "processingPlan": "", + "contactPersonId": null, + "expression": null, + "codeMap": null, + "alarmView": null, + "schemeHistoryId": null, + "err": null, + "videoId": null, + "video": null, + "orderId": null, + "orderType": null, + "alarmType": "water", + "alarmRecordOrderVo": null + }, + { + "id": 27256, + "defineId": 116, + "tenantId": 14, + "tenantName": null, + "alarmName": "斑竹坪水质1小时无数据", + "disarmMethod": "AutoOrManual", + "alarmLevel": "1", + "alarmStatus": "Remove", + "alarmTriggerTime": "2025-05-18T17:37:00Z", + "alarmReleaseTime": "2025-05-19T05:26:00Z", + "releaseUserid": "system", + "duration": "11小时49分", + "subscribeAlarm": 0, + "siteId": 126, + "siteName": "水质指标监测", + "siteRootName": "朝阳寺镇", + "remarks": null, + "threshold": null, + "releaseUserName": "system", + "handleStatus": 1, + "faultId": null, + "equipment": "", + "equipmentName": null, + "alarmValue": "", + "unit": "", + "mpointName": "斑竹坪-出厂水温度", + "mpointId": "28", + "processingPlan": "", + "contactPersonId": null, + "expression": null, + "codeMap": null, + "alarmView": null, + "schemeHistoryId": null, + "err": null, + "videoId": null, + "video": null, + "orderId": null, + "orderType": null, + "alarmType": "water", + "alarmRecordOrderVo": null + }, + { + "id": 27254, + "defineId": 92, + "tenantId": 14, + "tenantName": null, + "alarmName": "班竹坪水厂-出水余氯超报警", + "disarmMethod": "AutoOrManual", + "alarmLevel": "1", + "alarmStatus": "Remove", + "alarmTriggerTime": "2025-05-18T17:24:00Z", + "alarmReleaseTime": "2025-05-18T17:27:00Z", + "releaseUserid": "system", + "duration": "3分0秒", + "subscribeAlarm": 0, + "siteId": 7, + "siteName": "斑竹坪水厂", + "siteRootName": "朝阳寺镇", + "remarks": null, + "threshold": null, + "releaseUserName": "system", + "handleStatus": 1, + "faultId": null, + "equipment": ",", + "equipmentName": null, + "alarmValue": "", + "unit": "", + "mpointName": "斑竹坪-出厂水余氯,斑竹坪-出厂水余氯", + "mpointId": "26,26", + "processingPlan": "", + "contactPersonId": null, + "expression": null, + "codeMap": null, + "alarmView": null, + "schemeHistoryId": null, + "err": null, + "videoId": null, + "video": null, + "orderId": null, + "orderType": null, + "alarmType": "water", + "alarmRecordOrderVo": null + }, + { + "id": 27255, + "defineId": 108, + "tenantId": 14, + "tenantName": null, + "alarmName": "出水余氯超报警", + "disarmMethod": "AutoOrManual", + "alarmLevel": "1", + "alarmStatus": "Remove", + "alarmTriggerTime": "2025-05-18T17:24:00Z", + "alarmReleaseTime": "2025-05-18T17:25:00Z", + "releaseUserid": "system", + "duration": "1分0秒", + "subscribeAlarm": 0, + "siteId": 9, + "siteName": "朝阳寺镇老水厂", + "siteRootName": "朝阳寺镇", + "remarks": null, + "threshold": null, + "releaseUserName": "system", + "handleStatus": 1, + "faultId": null, + "equipment": ",", + "equipmentName": null, + "alarmValue": "", + "unit": "", + "mpointName": "老水厂-出厂水余氯,老水厂-出厂水余氯", + "mpointId": "57,57", + "processingPlan": "", + "contactPersonId": null, + "expression": null, + "codeMap": null, + "alarmView": null, + "schemeHistoryId": null, + "err": null, + "videoId": null, + "video": null, + "orderId": null, + "orderType": null, + "alarmType": "water", + "alarmRecordOrderVo": null + }, + { + "id": 27253, + "defineId": 115, + "tenantId": 14, + "tenantName": null, + "alarmName": "老厂水质2小时无数据", + "disarmMethod": "AutoOrManual", + "alarmLevel": "1", + "alarmStatus": "Remove", + "alarmTriggerTime": "2025-05-18T07:24:00Z", + "alarmReleaseTime": "2025-05-18T17:24:00Z", + "releaseUserid": "system", + "duration": "10小时0分", + "subscribeAlarm": 0, + "siteId": 128, + "siteName": "水质指标监测", + "siteRootName": "朝阳寺镇", + "remarks": null, + "threshold": null, + "releaseUserName": "system", + "handleStatus": 1, + "faultId": null, + "equipment": "", + "equipmentName": null, + "alarmValue": "", + "unit": "", + "mpointName": "老水厂-出厂水酸碱度", + "mpointId": "56", + "processingPlan": "", + "contactPersonId": null, + "expression": null, + "codeMap": null, + "alarmView": null, + "schemeHistoryId": null, + "err": null, + "videoId": null, + "video": null, + "orderId": null, + "orderType": null, + "alarmType": "water", + "alarmRecordOrderVo": null + } +] + + + +function DrpReal({ style }) { + + return ( + + + + + + + 区域位置 + 报警名称 + 报警等级 + 报警时间 + + + + {data.map((row) => ( + + +
宋埠镇
+ + +
{row.alarmName}
 + 一级 + {row.alarmTriggerTime.slice(0,10)} + + ))} + +
+ + + ) +} + +export default DrpReal; diff --git a/src/views/Home/panels/Dhfx/index.js b/src/views/Home/panels/Dhfx/index.js new file mode 100644 index 0000000..152c7ee --- /dev/null +++ b/src/views/Home/panels/Dhfx/index.js @@ -0,0 +1,17 @@ +import React, { useMemo, useState } from 'react'; +import PanelBox from '../../components/PanelBox'; + +function DrpReal({ style }) { + + return ( + + + + ) +} + +export default DrpReal; diff --git a/src/views/Home/panels/Gsjg/index.js b/src/views/Home/panels/Gsjg/index.js new file mode 100644 index 0000000..95eed71 --- /dev/null +++ b/src/views/Home/panels/Gsjg/index.js @@ -0,0 +1,17 @@ +import React, { useMemo, useState } from 'react'; +import PanelBox from '../../components/PanelBox'; + +function DrpReal({ style }) { + + return ( + + + + ) +} + +export default DrpReal; diff --git a/src/views/Home/panels/Gssjgl/index.js b/src/views/Home/panels/Gssjgl/index.js new file mode 100644 index 0000000..2bf638d --- /dev/null +++ b/src/views/Home/panels/Gssjgl/index.js @@ -0,0 +1,17 @@ +import React, { useMemo, useState } from 'react'; +import PanelBox from '../../components/PanelBox'; + +function DrpReal({ style }) { + + return ( + + + + ) +} + +export default DrpReal; diff --git a/src/views/Home/panels/Sbgztj/index.js b/src/views/Home/panels/Sbgztj/index.js new file mode 100644 index 0000000..d5cfe6c --- /dev/null +++ b/src/views/Home/panels/Sbgztj/index.js @@ -0,0 +1,17 @@ +import React, { useMemo, useState } from 'react'; +import PanelBox from '../../components/PanelBox'; + +function DrpReal({ style }) { + + return ( + + + + ) +} + +export default DrpReal; diff --git a/src/views/Home/panels/Sbsltj/index.js b/src/views/Home/panels/Sbsltj/index.js new file mode 100644 index 0000000..f117c5f --- /dev/null +++ b/src/views/Home/panels/Sbsltj/index.js @@ -0,0 +1,17 @@ +import React, { useMemo, useState } from 'react'; +import PanelBox from '../../components/PanelBox'; + +function DrpReal({ style }) { + + return ( + + + + ) +} + +export default DrpReal; diff --git a/src/views/Home/panels/Scjk/index.js b/src/views/Home/panels/Scjk/index.js new file mode 100644 index 0000000..1f5a1f7 --- /dev/null +++ b/src/views/Home/panels/Scjk/index.js @@ -0,0 +1,17 @@ +import React, { useMemo, useState } from 'react'; +import PanelBox from '../../components/PanelBox'; + +function DrpReal({ style }) { + + return ( + + + + ) +} + +export default DrpReal; diff --git a/src/views/Home/panels/Scscqk/chart.js b/src/views/Home/panels/Scscqk/chart.js new file mode 100644 index 0000000..53e0088 --- /dev/null +++ b/src/views/Home/panels/Scscqk/chart.js @@ -0,0 +1,171 @@ +import React, { useMemo } from 'react'; +import echarts from 'echarts/lib/echarts'; +import ReactEcharts from 'echarts-for-react'; + + +const pallete = [ + ['#177ab3', '#51c3e7'], + ['#9976dc', '#c792ee'], + ['#94a1eb', '#a7caf8'], + ['#7ae5c3', '#c9f4ea'], + ['#c7dca5', '#f5fcd5'], + ['#7988d9', '#9dc6f1'], + ['#d9ed8f', '#d3f89b'], +]; + +const palleteLen = pallete.length; + + +const AreaDrpChart = () => { + const x = ['清泉水厂','南湖水厂','东郊水厂','西山水厂'] + const y1 = [612, 601, 630, 640] + const y2 = [624, 645, 665, 656] + + + + var option = { + tooltip: { + trigger: 'axis', + axisPointer: { + type: 'shadow', + label: { + show: false + } + }, + valueFormatter: (value) => value + ' 万m³' + }, + grid: { + top: 42, + left: 50, + right: 0, + bottom: 27, + }, + legend: { + data: ['设计产能', '实际产水'], + top: '8', + left: 'center', + itemWidth: 11,//11, + itemHeight: 11,//11, + textStyle: { + color: '#B9BFC9', + fontSize: 12,//12 + } + }, + xAxis: [ + { + type: 'category', + data: x, + splitLine: { + show: true, //隐藏X轴轴线 + lineStyle: { + color: 'rgba(255,255,255,0.2)', + width: 0 + } + }, + axisLabel: { + show: true, + textStyle: { + color: '#B9BFC9' //X轴文字颜色 + }, + // rotate: 20, // 角度值：Number + fontSize: 10,//10 + }, + axisLine: { + show: true, //隐藏X轴轴线 + lineStyle: { + color: 'rgba(255,255,255,0.2)', + width: 0 + } + }, + axisTick: { + show: true, + } + } + ], + yAxis: [ + { + type: 'value', + position: 'left', + name: '产水量m³', + nameTextStyle: { + color: '#B9BFC9', + fontSize: 10,//10, + padding: [0, 0, 0, -30],//[0, 0, 0, -30]//控制y轴标题位置 + }, + nameGap: 17, + + splitLine: { + show: true, + lineStyle: { + width: 1, + color: 'rgba(255,255,255,0.2)' + } + }, + axisLabel: { + show: true, + textStyle: { + color: '#B9BFC9', + fontSize: 11,//11 + } + }, + axisLine: { + show: false + }, + axisTick: { + show: false, + }, + min: 200, + max: 800, + } + ], + series: [ + { + name: '设计产能', + type: 'bar', + barWidth: 10, + data: y1, + itemStyle: { + normal: { + color: '#56b38b' + }, + }, + // label: { + // show: true, + // position: 'top', + // color: '#bbb', + // fontSize: 12, + // textShadowBlur: 4, + // textShadowColor: '#6ab', + // }, + }, + { + name: '实际产水', + type: 'bar', + barWidth: 10, + data: y2, + itemStyle: { + normal: { + color: '#3860d0' + }, + }, + // label: { + // show: true, + // position: 'top', + // color: '#bbb', + // fontSize: 12, + // textShadowBlur: 4, + // textShadowColor: '#6ab', + // }, + } + ] + }; + + return ( + + ) +} + +export default React.memo(AreaDrpChart); diff --git a/src/views/Home/panels/Scscqk/index.js b/src/views/Home/panels/Scscqk/index.js new file mode 100644 index 0000000..a368b04 --- /dev/null +++ b/src/views/Home/panels/Scscqk/index.js @@ -0,0 +1,19 @@ +import React, { useMemo, useState } from 'react'; +import PanelBox from '../../components/PanelBox'; +import AreaDrpChart from './chart'; + + +function DrpReal({ style }) { + + return ( + + + + ) +} + +export default DrpReal; diff --git a/src/views/Home/panels/Scszjc/index.js b/src/views/Home/panels/Scszjc/index.js new file mode 100644 index 0000000..3f2fde1 --- /dev/null +++ b/src/views/Home/panels/Scszjc/index.js @@ -0,0 +1,17 @@ +import React, { useMemo, useState } from 'react'; +import PanelBox from '../../components/PanelBox'; + +function DrpReal({ style }) { + + return ( + + + + ) +} + +export default DrpReal; diff --git a/src/views/Home/panels/Skgl/index.js b/src/views/Home/panels/Skgl/index.js index eccc141..f98928f 100644 --- a/src/views/Home/panels/Skgl/index.js +++ b/src/views/Home/panels/Skgl/index.js @@ -1653,288 +1653,83 @@ const data3 = [ } ] const data4 = [ - { - "id": 125973, - "reviewStatus": "2", - "createTime": "2025-05-03 21:25:23", - "updateId": "187", - "updateName": "麻城市", - "updateTime": "2025-05-15 16:09:53", - "del": "0", - "planId": "421181000000000", - "planName": "麻城市山洪灾害防御预案", - "levels": "2", - "year": "2025", - "adnm": "麻城市", - "adcd": "421181000000000", - "attachUpdateTime": "2025-05-15 16:09:53", - "status": 0, - "uploadAttachStatus": "1", - "padNm": "421181000000000", - "url": "dplan/2025/421181000000000/麻城市山洪灾害防御预案.pdf" - }, - { - "id": 125974, - "reviewStatus": "2", - "createTime": "2025-05-03 21:25:23", - "updateId": "187", - "updateName": "麻城市", - "updateTime": "2025-05-15 10:01:56", - "del": "0", - "planId": "421181001000000", - "planName": "龙池桥街道山洪灾害防御预案", - "levels": "1", - "year": "2025", - "adnm": "龙池桥街道", - "adcd": "421181001000000", - "attachUpdateTime": "2025-05-15 10:01:55", - "status": 0, - "uploadAttachStatus": "1", - "padNm": "421181001000000", - "url": "dplan/2025/421181001000000/龙池桥街道山洪灾害防御预案.pdf" - }, - { - "id": 125975, - "reviewStatus": "2", - "createTime": "2025-05-03 21:25:23", - "updateId": "187", - "updateName": "麻城市", - "updateTime": "2025-05-15 15:35:33", - "del": "0", - "planId": "421181001001000", - "planName": "园林社区居民委员会山洪灾害防御预案", - "levels": "0", - "year": "2025", - "adnm": "园林社区居民委员会", - "adcd": "421181001001000", - "attachUpdateTime": "2025-05-15 15:35:33", - "status": 0, - "uploadAttachStatus": "1", - "padNm": "421181001001000", - "url": "dplan/2025/421181001001000/园林社区居民委员会山洪灾害防御预案.pdf" - }, - { - "id": 125976, - "reviewStatus": "2", - "createTime": "2025-05-03 21:25:23", - "updateTime": "2025-05-14 09:53:14", - "del": "0", - "planId": "421181001001000", - "planName": "园林社区居民委员会一页纸预案", - "levels": "6", - "year": "2025", - "adnm": "园林社区居民委员会", - "adcd": "421181001001000", - "status": 0, - "uploadAttachStatus": "0", - "padNm": "421181001001000", - "url": "dplan/2025/421181001001000/园林社区居民委员会一页纸预案.pdf" - }, - { - "id": 125977, - "reviewStatus": "2", - "createTime": "2025-05-03 21:25:23", - "updateId": "187", - "updateName": "麻城市", - "updateTime": "2025-05-15 15:35:45", - "del": "0", - "planId": "421181001002000", - "planName": "城西社区居民委员会山洪灾害防御预案", - "levels": "0", - "year": "2025", - "adnm": "城西社区居民委员会", - "adcd": "421181001002000", - "attachUpdateTime": "2025-05-15 15:35:45", - "status": 0, - "uploadAttachStatus": "1", - "padNm": "421181001002000", - "url": "dplan/2025/421181001002000/城西社区居民委员会山洪灾害防御预案.pdf" - }, - { - "id": 125978, - "reviewStatus": "2", - "createTime": "2025-05-03 21:25:24", - "updateTime": "2025-05-14 09:53:14", - "del": "0", - "planId": "421181001002000", - "planName": "城西社区居民委员会一页纸预案", - "levels": "6", - "year": "2025", - "adnm": "城西社区居民委员会", - "adcd": "421181001002000", - "status": 0, - "uploadAttachStatus": "0", - "padNm": "421181001002000", - "url": "dplan/2025/421181001002000/城西社区居民委员会一页纸预案.pdf" - }, - { - "id": 125979, - "reviewStatus": "2", - "createTime": "2025-05-03 21:25:24", - "updateId": "187", - "updateName": "麻城市", - "updateTime": "2025-05-15 15:35:59", - "del": "0", - "planId": "421181001007000", - "planName": "黄狮岗社区居民委员会山洪灾害防御预案", - "levels": "0", - "year": "2025", - "adnm": "黄狮岗社区居民委员会", - "adcd": "421181001007000", - "attachUpdateTime": "2025-05-15 15:35:59", - "status": 0, - "uploadAttachStatus": "1", - "padNm": "421181001007000", - "url": "dplan/2025/421181001007000/黄狮岗社区居民委员会山洪灾害防御预案.pdf" - }, - { - "id": 125980, - "reviewStatus": "2", - "createTime": "2025-05-03 21:25:24", - "updateTime": "2025-05-14 09:53:14", - "del": "0", - "planId": "421181001007000", - "planName": "黄狮岗社区居民委员会一页纸预案", - "levels": "6", - "year": "2025", - "adnm": "黄狮岗社区居民委员会", - "adcd": "421181001007000", - "status": 0, - "uploadAttachStatus": "0", - "padNm": "421181001007000", - "url": "dplan/2025/421181001007000/黄狮岗社区居民委员会一页纸预案.pdf" - }, - { - "id": 125981, - "reviewStatus": "2", - "createTime": "2025-05-03 21:25:24", - "updateId": "187", - "updateName": "麻城市", - "updateTime": "2025-05-15 15:36:08", - "del": "0", - "planId": "421181001008000", - "planName": "宋家河社区居民委员会山洪灾害防御预案", - "levels": "0", - "year": "2025", - "adnm": "宋家河社区居民委员会", - "adcd": "421181001008000", - "attachUpdateTime": "2025-05-15 15:36:08", - "status": 0, - "uploadAttachStatus": "1", - "padNm": "421181001008000", - "url": "dplan/2025/421181001008000/宋家河社区居民委员会山洪灾害防御预案.pdf" - }, - { - "id": 125982, - "reviewStatus": "2", - "createTime": "2025-05-03 21:25:24", - "updateTime": "2025-05-14 09:53:14", - "del": "0", - "planId": "421181001008000", - "planName": "宋家河社区居民委员会一页纸预案", - "levels": "6", - "year": "2025", - "adnm": "宋家河社区居民委员会", - "adcd": "421181001008000", - "status": 0, - "uploadAttachStatus": "0", - "padNm": "421181001008000", - "url": "dplan/2025/421181001008000/宋家河社区居民委员会一页纸预案.pdf" - }, - { - "id": 125983, - "reviewStatus": "2", - "createTime": "2025-05-03 21:25:24", - "updateId": "187", - "updateName": "麻城市", - "updateTime": "2025-05-15 15:36:17", - "del": "0", - "planId": "421181001010000", - "planName": "松鹤社区居民委员会山洪灾害防御预案", - "levels": "0", - "year": "2025", - "adnm": "松鹤社区居民委员会", - "adcd": "421181001010000", - "attachUpdateTime": "2025-05-15 15:36:17", - "status": 0, - "uploadAttachStatus": "1", - "padNm": "421181001010000", - "url": "dplan/2025/421181001010000/松鹤社区居民委员会山洪灾害防御预案.pdf" - }, - { - "id": 125984, - "reviewStatus": "2", - "createTime": "2025-05-03 21:25:24", - "updateTime": "2025-05-14 09:53:14", - "del": "0", - "planId": "421181001010000", - "planName": "松鹤社区居民委员会一页纸预案", - "levels": "6", - "year": "2025", - "adnm": "松鹤社区居民委员会", - "adcd": "421181001010000", - "status": 0, - "uploadAttachStatus": "0", - "padNm": "421181001010000", - "url": "dplan/2025/421181001010000/松鹤社区居民委员会一页纸预案.pdf" - }, - { - "id": 125985, - "reviewStatus": "2", - "createTime": "2025-05-03 21:25:24", - "updateId": "187", - "updateName": "麻城市", - "updateTime": "2025-05-15 15:36:35", - "del": "0", - "planId": "421181001011000", - "planName": "龙池桥社区居民委员会山洪灾害防御预案", - "levels": "0", - "year": "2025", - "adnm": "龙池桥社区居民委员会", - "adcd": "421181001011000", - "attachUpdateTime": "2025-05-15 15:36:34", - "status": 0, - "uploadAttachStatus": "1", - "padNm": "421181001011000", - "url": "dplan/2025/421181001011000/龙池桥社区居民委员会山洪灾害防御预案.pdf" - }, - { - "id": 125986, - "reviewStatus": "2", - "createTime": "2025-05-03 21:25:24", - "updateTime": "2025-05-14 09:53:14", - "del": "0", - "planId": "421181001011000", - "planName": "龙池桥社区居民委员会一页纸预案", - "levels": "6", - "year": "2025", - "adnm": "龙池桥社区居民委员会", - "adcd": "421181001011000", - "status": 0, - "uploadAttachStatus": "0", - "padNm": "421181001011000", - "url": "dplan/2025/421181001011000/龙池桥社区居民委员会一页纸预案.pdf" - }, - { - "id": 125987, - "reviewStatus": "2", - "createTime": "2025-05-03 21:25:24", - "updateId": "187", - "updateName": "麻城市", - "updateTime": "2025-05-15 15:36:47", - "del": "0", - "planId": "421181001204000", - "planName": "七里桥村村民委员会山洪灾害防御预案", - "levels": "0", - "year": "2025", - "adnm": "七里桥村村民委员会", - "adcd": "421181001204000", - "attachUpdateTime": "2025-05-15 15:36:47", - "status": 0, - "uploadAttachStatus": "1", - "padNm": "421181001204000", - "url": "dplan/2025/421181001204000/七里桥村村民委员会山洪灾害防御预案.pdf" - } + { + "id": 125973, + "reviewStatus": "2", + "createTime": "2025-05-03 21:25:23", + "updateId": "187", + "updateName": "麻城市", + "updateTime": "2025-05-15 16:09:53", + "del": "0", + "planId": "421181000000000", + "planName": "麻城市山洪灾害防御预案", + "levels": "2", + "year": "2025", + "adnm": "麻城市", + "adcd": "421181000000000", + "attachUpdateTime": "2025-05-15 16:09:53", + "status": 0, + "uploadAttachStatus": "1", + "padNm": "421181000000000", + "url": "dplan/2025/421181000000000/麻城市山洪灾害防御预案.pdf" + }, + { + "id": 125974, + "reviewStatus": "2", + "createTime": "2025-05-03 21:25:23", + "updateId": "187", + "updateName": "麻城市", + "updateTime": "2025-05-15 10:01:56", + "del": "0", + "planId": "421181001000000", + "planName": "龙池桥街道山洪灾害防御预案", + "levels": "1", + "year": "2025", + "adnm": "龙池桥街道", + "adcd": "421181001000000", + "attachUpdateTime": "2025-05-15 10:01:55", + "status": 0, + "uploadAttachStatus": "1", + "padNm": "421181001000000", + "url": "dplan/2025/421181001000000/龙池桥街道山洪灾害防御预案.pdf" + }, + { + "id": 125975, + "reviewStatus": "2", + "createTime": "2025-05-03 21:25:23", + "updateId": "187", + "updateName": "麻城市", + "updateTime": "2025-05-15 15:35:33", + "del": "0", + "planId": "421181001001000", + "planName": "园林社区居民委员会山洪灾害防御预案", + "levels": "0", + "year": "2025", + "adnm": "园林社区居民委员会", + "adcd": "421181001001000", + "attachUpdateTime": "2025-05-15 15:35:33", + "status": 0, + "uploadAttachStatus": "1", + "padNm": "421181001001000", + "url": "dplan/2025/421181001001000/园林社区居民委员会山洪灾害防御预案.pdf" + }, + { + "id": 125976, + "reviewStatus": "2", + "createTime": "2025-05-03 21:25:23", + "updateTime": "2025-05-14 09:53:14", + "del": "0", + "planId": "421181001001000", + "planName": "园林社区居民委员会一页纸预案", + "levels": "6", + "year": "2025", + "adnm": "园林社区居民委员会", + "adcd": "421181001001000", + "status": 0, + "uploadAttachStatus": "0", + "padNm": "421181001001000", + "url": "dplan/2025/421181001001000/园林社区居民委员会一页纸预案.pdf" + }, ] function DrpReal({ style }) { diff --git a/src/views/Home/panels/Yhfx/index.js b/src/views/Home/panels/Yhfx/index.js new file mode 100644 index 0000000..2f293a3 --- /dev/null +++ b/src/views/Home/panels/Yhfx/index.js @@ -0,0 +1,17 @@ +import React, { useMemo, useState } from 'react'; +import PanelBox from '../../components/PanelBox'; + +function DrpReal({ style }) { + + return ( + + + + ) +} + +export default DrpReal;