diff --git a/public/assets/gqbg.png b/public/assets/gqbg.png index 2633600..573f630 100644 Binary files a/public/assets/gqbg.png and b/public/assets/gqbg.png differ diff --git a/public/assets/tl.png b/public/assets/tl.png new file mode 100644 index 0000000..363874b Binary files /dev/null and b/public/assets/tl.png differ diff --git a/src/models/map/index.js b/src/models/map/index.js index 9046585..727a0bc 100644 --- a/src/models/map/index.js +++ b/src/models/map/index.js @@ -455,7 +455,7 @@ const map = { // dispatch.map.setLayerSetting({dom: true}); map.setLayoutProperty('管网图', 'visibility', 'none'); } - if (id === 503) { + if (id === 503 || id == 501 || id == 504 || id == 505 || id == 506 || id == 507) { dispatch.map.setLayerSetting({ dom: false }); map.setLayoutProperty('灌区图', 'visibility', 'visible'); } else { diff --git a/src/models/map/layout.js b/src/models/map/layout.js index dada419..b8e106e 100644 --- a/src/models/map/layout.js +++ b/src/models/map/layout.js @@ -110,9 +110,9 @@ export default function calcLayout(view, rightStack, hidePanels) { { key: '设备故障统计',style: { height: '18rem'} }, ]; }else if (view === 305) { - left = [ - { key: '供水量统计', style: { height: '30rem', flexGrow: 1 } }, - { key: '取水量统计', style: { height: '40rem', flexGrow: 1 } }, + left = [ + { key: '24h用水', style: { height: '50%', flexGrow: 1 } }, + { key: '电耗统计', style: { height: '50%', flexGrow: 1 } }, ]; leftFullHeight = true; } @@ -126,9 +126,9 @@ export default function calcLayout(view, rightStack, hidePanels) { } else if (view === 307) { left = [ - { key: '预案库管理', style: { height: '40rem', flexGrow: 1 } }, + { key: '预案库管理', style: { height: '50rem' } }, ]; - leftFullHeight = true; + // leftFullHeight = true; }else if (view === 501) { left = [ { key: '天气'}, @@ -277,18 +277,25 @@ export default function calcLayout(view, rightStack, hidePanels) { { key: '电耗分析', style: { height: '19rem', flexGrow: 1 } }, { key: '药耗分析', style: { height: '21rem', flexGrow: 1 } }, ]; - }else if (view === 305) { - right = [ - { key: '电耗统计', style: { height: '100%', flexGrow: 1 } }, + } else if (view === 305) { + right = [ + { key: '供水量统计', style: { height: '30rem', flexGrow: 1 } }, + { key: '取水量统计', style: { height: '40rem', flexGrow: 1 } }, ]; + rightFullHeight = true; } else if (view === 306) { right = [ - { key: '漏损排行榜', style: { height: '50%', flexGrow: 1 } }, - { key: '最小流量', style: { height: '50%', flexGrow: 1 } }, + { key: '漏损排行榜', style: { height: '40%', flexGrow: 1 } }, + { key: '最小流量', style: { height: '60%', flexGrow: 1 } }, ]; rightFullHeight = true; + }else if(view === 307) { + right = [ + { key: '应急指挥调度', style: { height: '40rem'} }, + ]; + // rightFullHeight = true; } else if (view === 501) { right = [ diff --git a/src/views/Home/MapCtrl/mapstyle/sources.js b/src/views/Home/MapCtrl/mapstyle/sources.js index 970dc56..57a84a3 100644 --- a/src/views/Home/MapCtrl/mapstyle/sources.js +++ b/src/views/Home/MapCtrl/mapstyle/sources.js @@ -72,16 +72,23 @@ const sources = { "gqmapImg": { 'type': 'image', 'url': `${hash}/assets/gqbg.png`, + // 'coordinates': [ + // // 图片覆盖地图的四至点 + // [114.8510271999999929, 31.2068084090000987], // 左上 + + // [115.0357823634995805, 31.1568084090000987], // 右上 + + // [115.0707823634995805, 30.9913739500000008], // 右下 + + // [114.6660271999999929, 30.9913739500000008], // 左下 + // ], 'coordinates': [ - // 图片覆盖地图的四至点 - [114.6710271999999929, 31.6068084090000987], // 左上 + [114.818962 , 31.291471], // 左上 + [115.027001, 31.231773], // 右上 + [115.0707823634995805, 30.9913739500000008], // 右下 + [114.687749, 30.963712], // 左下 - [115.4557823634995805, 31.6068084090000987], // 右上 - - [115.4907823634995805, 30.8713739500000008], // 右下 - - [114.7460271999999929, 30.8613739500000008], // 左下 - ], + ] }, // 管网图 "gwImg": { diff --git a/src/views/Home/PanelIndex.js b/src/views/Home/PanelIndex.js index 9c19638..88f354f 100644 --- a/src/views/Home/PanelIndex.js +++ b/src/views/Home/PanelIndex.js @@ -85,6 +85,8 @@ import Bjtj from './panels/Bjtj' import Szzddgxs from './panels/Szzddgxs' import Szzddjq from './panels/Szzddjq' import Gcxxzl from './panels/Gcxxzl' +import Dhxs from './panels/Gwxs' +import Yjdd from './panels/Yjdd' export default function PanelIndex({ name, style, ...params }) { if (name === '天气') { return ( @@ -250,6 +252,8 @@ export default function PanelIndex({ name, style, ...params }) { return } else if (name === '电耗分析') { return + } else if (name === '24h用水') { + return } else if (name === '药耗分析') { return } else if (name === '报警统计') { @@ -259,6 +263,8 @@ export default function PanelIndex({ name, style, ...params }) { } else if (name === '信息总览') { return + }else if (name === '应急指挥调度') { + return } diff --git a/src/views/Home/panels/Gqdd/index.js b/src/views/Home/panels/Gqdd/index.js index 34a8062..bfbc2ce 100644 --- a/src/views/Home/panels/Gqdd/index.js +++ b/src/views/Home/panels/Gqdd/index.js @@ -17,7 +17,7 @@ import { renderHDRz } from '../../../../utils/renutils'; import Setting from './Setting'; import { InfoPopNames } from '../../InfoPops'; import config from '../../../../config'; -import { Switch, FormControlLabel,InputLabel, Select, MenuItem,FormControl } from '@material-ui/core/index' +import { Switch, FormControlLabel, InputLabel, Select, MenuItem, FormControl } from '@material-ui/core/index' import { styled } from '@material-ui/styles'; function HDReal({ style }) { @@ -81,28 +81,42 @@ function HDReal({ style }) { } const CustomSwitch = styled(Switch)({ - '& .MuiSwitch-switchBase': { - color: '#fff', - '&.Mui-checked': { - color: '#1890ff', - '& + .MuiSwitch-track': { - backgroundColor: '#1890ff', - opacity: 0.5, + '& .MuiSwitch-switchBase': { + color: '#fff', + '&.Mui-checked': { + color: '#1890ff', + '& + .MuiSwitch-track': { + backgroundColor: '#1890ff', + opacity: 0.5, + }, }, }, - }, - '& .MuiSwitch-track': { - backgroundColor: 'rgba(255, 255, 255, 0.3)', - }, -}); + '& .MuiSwitch-track': { + backgroundColor: 'rgba(255, 255, 255, 0.3)', + }, + }); -const StyledFormControlLabel = styled(FormControlLabel)({ - '& .MuiFormControlLabel-label': { - color: '#fff' + const StyledFormControlLabel = styled(FormControlLabel)({ + '& .MuiFormControlLabel-label': { + color: '#fff' + } + }); + const [dimension, setDimension] = useState('fqh'); + + const switchChange = (e) => { + const val = e.target.checked + setChecked(val) + if (val) { + dispatch.runtime.setCameraTarget({ + center: [114.81944, 31.12068], + zoom: 13, + pitch: 60, + }); + } else { + dispatch.runtime.setHome(); + + } } -}); - const [dimension, setDimension] =useState('fqh'); - return ( - + { setting && showSetting(false)} /> } -
- - + + setChecked(e.target.checked)} + onChange={switchChange} + /> + } + label="多灌区模式" /> - } - label="多灌区模式" - /> - {checked &&
+ {checked &&
- - + +
} -
+
) } diff --git a/src/views/Home/panels/Gwjc/index.js b/src/views/Home/panels/Gwjc/index.js index f90ffb9..55e45ed 100644 --- a/src/views/Home/panels/Gwjc/index.js +++ b/src/views/Home/panels/Gwjc/index.js @@ -130,8 +130,8 @@ function HDReal({ style }) { 监测点 压力(Mpa) - 流量(m³/h) - 水质合格率(%) + 流量(m³/h) + 水质合格率(%) {/* 警戒水位 */} diff --git a/src/views/Home/panels/Gwxs/Setting.js b/src/views/Home/panels/Gwxs/Setting.js new file mode 100644 index 0000000..fd1c4ef --- /dev/null +++ b/src/views/Home/panels/Gwxs/Setting.js @@ -0,0 +1,51 @@ +import React from 'react'; + +import Dialog from '@material-ui/core/Dialog'; +import DialogContent from '@material-ui/core/DialogContent'; +import DpPaperComponent from '../../../../layouts/mui/DpPaperCompanent'; +import { FormGroup, MenuItem, Select, Switch, Typography } from '@material-ui/core'; +import DpDialogTitle from '../../../../layouts/mui/DpDialogTitle'; +import { useDispatch, useSelector } from 'react-redux'; +import { getLayerSetting, getLayerVisible } from '../../../../models/map/selectors'; +import DpBackgroundDrop from '../../../../layouts/mui/DpBackdrop'; + + +function Setting({ onClose }) { + const layerVisible = useSelector(getLayerVisible); + const layerSetting = useSelector(getLayerSetting); + + const dispath = useDispatch(); + + return ( + +
+ + 河道水位显示设置 + +
+ +
+ 显示河道水位图层 + dispath.map.setLayerVisible({ RealHDLayer: e.target.checked })} + /> +
+ +
+ +
+ + ) +} + +export default Setting; diff --git a/src/views/Home/panels/Gwxs/index.js b/src/views/Home/panels/Gwxs/index.js new file mode 100644 index 0000000..a669bb9 --- /dev/null +++ b/src/views/Home/panels/Gwxs/index.js @@ -0,0 +1,286 @@ +import React, { useMemo, useState,useEffect } from 'react'; +import useRequest from '../../../../utils/useRequest'; +import PanelBox from '../../components/PanelBox'; + +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'; +import { useDispatch, useSelector } from 'react-redux'; +import useRefresh from '../../../../utils/useRefresh'; +import { HDRealPromise } from '../../../../models/_/real'; +import clsx from 'clsx'; +import { renderHDRz } from '../../../../utils/renutils'; +import Setting from './Setting'; +import { InfoPopNames } from '../../InfoPops'; +import config from '../../../../config'; +import { DatePicker } from 'antd'; +import moment from 'moment'; +import './index.less' +import ReactEcharts from 'echarts-for-react'; + +import { Switch, FormControlLabel,InputLabel, Select, MenuItem,FormControl } from '@material-ui/core/index' +const { RangePicker } = DatePicker; + +function rzRender(rz, base) { + return ( + = base ? 'red' : '#fff' }}> + {typeof base === 'number' ? base.toFixed(2) : ''} + + ); +} + +function HDReal({ style }) { + const dispatch = useDispatch(); + const tableRzFilter = useSelector(s => s.realview.tableRzFilter); + const hdAutoRefresh = useSelector(s => s.realview.hdAutoRefresh); + // const t = useRefresh(hdAutoRefresh ? 60 * 1000 : 0); + // let { data } = useRequest(HDRealPromise.get, t); + const [setting, showSetting] = useState(false); + const [dimension, setDimension] =useState('ft'); + + // const showData = useMemo(() => { + // if (!data) { + // return []; + // } + // let ret = []; + // data.forEach(o => { + // if (!tableRzFilter[o.type]) { + // return; + // } + // o.status = Math.floor(Math.random() * (4 - 0 + 1)) + 0 + // o.kd = (Math.random() * 100).toFixed(2); + // o.ll = (Math.random() * 100).toFixed(1); + // ret.push(o); + // }); + // return ret; + // }, [data, tableRzFilter]); + + const showData = Array(1).fill(0).map((o,i) => ({ + date: '2025-05-26', + event: '侵占河道', + type: '侵占河道', + status: '待处理', + place:'浮桥河灌区' + })) + + const flyTo = (record) => { + const { lgtd, lttd } = record; + if (lgtd && lttd) { + dispatch.runtime.setFeaturePop({ type: InfoPopNames.RealHDPop, properties: record, coordinates: [lgtd, lttd] }); + dispatch.runtime.setCameraTarget({ + center: [lgtd, lttd + config.poiPositionOffsetY.hd], + zoom: config.poiPositionZoom.hd, + pitch: config.poiPitch, + }); + } + } + + + const data = [ + { town: '宋埠镇', waterUsage: 440, supplyCapacity: 380 }, + { town: '龟山镇', waterUsage: 430, supplyCapacity: 380 }, + { town: '黄土岗镇', waterUsage: 320, supplyCapacity: 300 }, + { town: '白果镇', waterUsage: 310, supplyCapacity: 300 }, + { town: '福田河镇', waterUsage: 380, supplyCapacity: 480 }, + { town: '张家畈镇', waterUsage: 380, supplyCapacity: 460 }, + { town: '乘马岗镇', waterUsage: 280, supplyCapacity: 340 }, + { town: '木子店镇', waterUsage: 370, supplyCapacity: 450 }, + { town: '盐田河镇', waterUsage: 360, supplyCapacity: 430 } + ]; + const option = { + tooltip: { + trigger: 'axis', + axisPointer: { + type: 'shadow' + } + }, + legend: { + data: ['未来24小时用水', '供水能力'], + textStyle: { + color: '#fff' + }, + top: 10 + }, + grid: { + left: '3%', + right: '4%', + bottom: '10%', + containLabel: true + }, + xAxis: [ + { + type: 'category', + data: data.map(item => item.town), + axisLine: { + lineStyle: { + color: '#fff' + } + }, + axisLabel: { + color: '#fff' + } + } + ], + yAxis: [ + { + type: 'value', + name: '水量 (吨/小时)', + nameTextStyle: { + color: '#fff' + }, + axisLine: { + lineStyle: { + color: '#fff' + } + }, + axisLabel: { + color: '#fff' + }, + splitLine: { + lineStyle: { + color: 'rgba(255, 255, 255, 0.1)' + } + } + } + ], + series: [ + { + name: '未来24小时用水', + type: 'bar', + barWidth: '20%', + data: data.map(item => item.waterUsage), + itemStyle: { + color: '#87CEEB' + } + }, + { + name: '供水能力', + type: 'bar', + barWidth: '20%', + data: data.map(item => item.supplyCapacity), + itemStyle: { + color: '#0066CC' + } + } + ] + }; + + const toggleStType = (type) => { + const visible = !tableRzFilter[type]; + dispatch.realview.setTableRzFilter({ [type]: visible }); + } + const [params, setParams] = useState({ tm: [] }) + const toggleAutoRefresh = () => { + dispatch.realview.setHdAutoRefresh(!hdAutoRefresh); + } + + const searchTm = (e) => { + setParams({ + ...params, + stm: e[0].format("YYYY-MM-DD HH:mm"), + etm: e[1].format("YYYY-MM-DD HH:mm"), + tm:e, + }) + }; + useEffect(() => { + let options = ""; + options = { + etm: moment().add(1, 'hour').set({minute: 0, second: 0}).format("YYYY-MM-DD HH:mm"), + stm: moment().subtract(7, 'days').add(1, 'hour').set({minute: 0, second: 0}).format("YYYY-MM-DD HH:mm"), + tm: [ + moment().subtract(7, 'days').add(1, 'hour').set({ minute: 0, second: 0 }), + moment().add(1, 'hour').set({ minute: 0, second: 0 }), + ], + } + + setParams(options) + + }, []) + return ( + + // toggleStType('sh')}>山洪 + // toggleStType('sw')}>水文 + // + // } + extra={ + <> + {/* */} + {/* showSetting(true)}> */} + + } + > +
+
+ trigger.parentElement} + /> +
+
+ + + + +
+
+ + { + setting && showSetting(false)} /> + } + + ) +} + +export default HDReal; diff --git a/src/views/Home/panels/Gwxs/index.less b/src/views/Home/panels/Gwxs/index.less new file mode 100644 index 0000000..a91a889 --- /dev/null +++ b/src/views/Home/panels/Gwxs/index.less @@ -0,0 +1,90 @@ + + .tm{ + width: 40%; + display: flex; + justify-content: center; + font-size: 14px; + font-weight: 400; + border-radius: 2px; + color: #fff; + background: linear-gradient(270deg,rgba(65,76,217,.4),rgba(58,85,218,.2) 14%,rgba(54,90,218,0) 49%,rgba(51,94,218,.2) 86%,rgba(44,102,219,.4)); + border: 1px solid #0e4e93; + + .MuiInput-underline:before{ + border: 0px; + } + .time-picker{ + .ant-picker-input > input{ + color: #fff; + } + .ant-picker-separator{ + color: #fff; + } + + } + } + .time-type { + margin-left: 10rem; + display: flex; + cursor: pointer; + background-color: #393e45; + border-radius: 5%; + padding: 0.01% !important; + border: 1px solid #585e64; + div { + width: 80px; + border-radius: 5%; + text-align: center; + border: 1px solid #585e64; + padding: 4px 0; + } + + .active { + color: #5FB7FF; + // background: #F0F7FF; + border: 1px solid #5FB7FF; + } + } + + + +.ant-picker-panel-container{ + background-color: rgba(36, 46, 92,1) !important; + +} +.ant-picker-header,.ant-picker-body{ + color: #fff !important; + border-color: #242e5c; +} +.ant-picker-content th{ + color: #fff !important; +} +.ant-picker-cell, +.ant-picker-header-super-prev-btn, +.ant-picker-header-prev-btn, +.ant-picker-header-next-btn, +.ant-picker-header-super-next-btn +{ + color: #fff !important; +} +.ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner{ + // background: transparent !important; + color: #000; +} +.ant-picker-cell-in-view.ant-picker-cell-in-range::before, +.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before, +.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before +{ + background-color:transparent !important; +} +.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner{ + background-color: #1890ff !important; +} +.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover{ + // background-color:transparent !important; + color: #000 !important; +} +.ant-picker-header-super-next-btn,.ant-picker-time-panel-cell-inner +{ + color: #fff !important; +} \ No newline at end of file diff --git a/src/views/Home/panels/Gxzxll/index.js b/src/views/Home/panels/Gxzxll/index.js index 4560f56..b07fe18 100644 --- a/src/views/Home/panels/Gxzxll/index.js +++ b/src/views/Home/panels/Gxzxll/index.js @@ -20,7 +20,8 @@ import config from '../../../../config'; import moment from 'moment'; import showData from './constant' import ReactECharts from 'echarts-for-react'; - +import {TextField} from '@material-ui/core/index'; +import { styled } from '@material-ui/styles'; function rzRender(rz, base) { return ( = base ? 'red' : '#fff' }}> @@ -30,6 +31,37 @@ function rzRender(rz, base) { } function HDReal({ style }) { + const StyledTextField = styled(TextField)({ + '& .MuiOutlinedInput-root': { + '& fieldset': { + borderColor: 'rgba(255, 255, 255, 0.23)', + }, + '&:hover fieldset': { + borderColor: 'rgba(255, 255, 255, 0.5)', + }, + '&.Mui-focused fieldset': { + borderColor: '#1976d2', + }, + }, + '& .MuiInputLabel-root': { + color: 'rgba(255, 255, 255, 0.7)', + '&.Mui-focused': { + color: '#1976d2', + }, + }, + '& .MuiInputBase-input': { + color: '#fff', + }, + }); + const CustomTextField = (props) => { + return ( + + ); +}; const dispatch = useDispatch(); const tableRzFilter = useSelector(s => s.realview.tableRzFilter); const hdAutoRefresh = useSelector(s => s.realview.hdAutoRefresh); @@ -193,6 +225,12 @@ const option = { } > +
+ console.log(e.target.value)} + /> +
{ + const val = e.target.checked + setChecked(val) + if (val) { + dispatch.runtime.setCameraTarget({ + center: [114.81944, 31.12068], + zoom: 13, + pitch: 60, + }); + } else { + dispatch.runtime.setHome(); + } + } return ( setChecked(e.target.checked)} + onChange={switchChange} /> } label="多灌区模式" diff --git a/src/views/Home/panels/Szwtqytj/index.js b/src/views/Home/panels/Szwtqytj/index.js index 84bcafe..a4ac895 100644 --- a/src/views/Home/panels/Szwtqytj/index.js +++ b/src/views/Home/panels/Szwtqytj/index.js @@ -109,6 +109,21 @@ function HDReal({ style }) { const toggleAutoRefresh = () => { dispatch.realview.setHdAutoRefresh(!hdAutoRefresh); } + const switchChange = (e) => { + const val = e.target.checked + setChecked(val) + if (val) { + dispatch.runtime.setCameraTarget({ + center: [114.81944, 31.12068], + zoom: 13, + pitch: 60, + }); + } else { + dispatch.runtime.setHome(); + + } + } + const [params, setParams] = useState({ tm: [] }) const searchTm = (e) => { @@ -212,7 +227,7 @@ function HDReal({ style }) { control={ setChecked(e.target.checked)} + onChange={switchChange} /> } label="多灌区模式" diff --git a/src/views/Home/panels/Szzdd/index.js b/src/views/Home/panels/Szzdd/index.js index 6e0069e..ea9f826 100644 --- a/src/views/Home/panels/Szzdd/index.js +++ b/src/views/Home/panels/Szzdd/index.js @@ -4,9 +4,11 @@ import MiniSinglePie from './MiniSinglePie' import clsx from 'clsx'; import { Switch, FormControlLabel,InputLabel, Select, MenuItem,FormControl } from '@material-ui/core/index' import { styled } from '@material-ui/styles'; - +import { useDispatch, useSelector } from 'react-redux'; export default function GQ({ style }) { + const dispatch = useDispatch(); + const v1 = 20; const v2 = 32; const r = (v1 * 100 / v2).toFixed(1); @@ -38,7 +40,20 @@ export default function GQ({ style }) { }); const [dimension, setDimension] = useState('fqh'); const [checked, setChecked] = React.useState(false); - + const switchChange = (e) => { + const val = e.target.checked + setChecked(val) + if (val) { + dispatch.runtime.setCameraTarget({ + center: [114.81944, 31.12068], + zoom: 13, + pitch: 60, + }); + } else { + dispatch.runtime.setHome(); + + } + } return ( setChecked(e.target.checked)} + onChange={switchChange} /> } label="多灌区模式" diff --git a/src/views/Home/panels/WhSta/index.js b/src/views/Home/panels/WhSta/index.js index 3e30632..9555a04 100644 --- a/src/views/Home/panels/WhSta/index.js +++ b/src/views/Home/panels/WhSta/index.js @@ -5,7 +5,10 @@ import PanelBox from '../../components/PanelBox'; import OverallContent from './OverallContent'; import { Switch, FormControlLabel,InputLabel, Select, MenuItem,FormControl } from '@material-ui/core/index' import { styled } from '@material-ui/styles'; +import { useDispatch, useSelector } from 'react-redux'; + export default function Overall({ style }) { + const dispatch = useDispatch(); const { data } = useRequest(OverallPromise.get); const CustomSwitch = styled(Switch)({ @@ -30,7 +33,21 @@ export default function Overall({ style }) { } }); const [dimension, setDimension] = useState('fqh'); - const [checked, setChecked] = React.useState(false); + const [checked, setChecked] = React.useState(false); + const switchChange = (e) => { + const val = e.target.checked + setChecked(val) + if (val) { + dispatch.runtime.setCameraTarget({ + center: [114.81944, 31.12068], + zoom: 13, + pitch: 60, + }); + } else { + dispatch.runtime.setHome(); + + } + } return ( setChecked(e.target.checked)} + onChange={switchChange} /> } label="多灌区模式" diff --git a/src/views/Home/panels/Yakgl/index.js b/src/views/Home/panels/Yakgl/index.js index 8939984..dd00fd8 100644 --- a/src/views/Home/panels/Yakgl/index.js +++ b/src/views/Home/panels/Yakgl/index.js @@ -1937,10 +1937,189 @@ const data4 = [ } ] +const data5 = [ + { + "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": 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": 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" + }, +] +const country =['中馆驿镇', '宋埠镇', '歧亭镇', '白果镇', '夫子河镇', '阎家河镇', '龟山镇', '盐田河镇', '张家畈镇', '木子店镇', '三河口镇', '黄土岗镇', '福田河镇', '乘马岗镇', '顺河镇']; +const ghData = Array(13).fill(0).map((item,i) => ( + { + "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": `${country[i]}干旱天气供水应急调度与推演预案`, + "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" + } +)) + +const hlData = Array(13).fill(0).map((item,i) => ( + { + "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": `${country[i]}洪涝天气水厂防淹应急调度与推演预案`, + "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" + } +)) +const szData = Array(13).fill(0).map((item,i) => ( + { + "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": `${country[i]}水质污染应急切换水源与推演预案`, + "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" + } +)) function DrpReal({ style }) { const [tab,setTab] = useState('1') const dispatch = useDispatch(); - + const rep = useMemo(() => { + if (tab == 1) { + return ghData; + } else if (tab == 2) { + return hlData + } else if (tab == 3) { + return szData + } else { + return []; + } +},[tab]) return ( - {data4.map((row,index) => ( + {rep.map((row,index) => ( {index+1} diff --git a/src/views/Home/panels/Yjdd/Setting.js b/src/views/Home/panels/Yjdd/Setting.js new file mode 100644 index 0000000..a3055ef --- /dev/null +++ b/src/views/Home/panels/Yjdd/Setting.js @@ -0,0 +1,67 @@ +import React from 'react'; + +import Dialog from '@material-ui/core/Dialog'; +import DialogContent from '@material-ui/core/DialogContent'; +import DpPaperComponent from '../../../../layouts/mui/DpPaperCompanent'; +import { FormGroup, MenuItem, Select, Switch, Typography } from '@material-ui/core'; +import DpDialogTitle from '../../../../layouts/mui/DpDialogTitle'; +import { useDispatch, useSelector } from 'react-redux'; +import { getLayerSetting, getLayerVisible } from '../../../../models/map/selectors'; +import DpBackgroundDrop from '../../../../layouts/mui/DpBackdrop'; + + +function Setting({ onClose }) { + const layerVisible = useSelector(getLayerVisible); + const layerSetting = useSelector(getLayerSetting); + + const dispath = useDispatch(); + + return ( + +
+ + 实时雨量显示设置 + +
+ +
+ 地图实时雨量显示雨量时段 + +
+
+ 显示实时雨量图层 + dispath.map.setLayerVisible({ RealDrpLayer: e.target.checked })} + /> +
+ +
+ +
+ + ) +} + +export default Setting; diff --git a/src/views/Home/panels/Yjdd/index.js b/src/views/Home/panels/Yjdd/index.js new file mode 100644 index 0000000..755c38b --- /dev/null +++ b/src/views/Home/panels/Yjdd/index.js @@ -0,0 +1,1589 @@ +import React, { useMemo, useState } from 'react'; +import useRequest from '../../../../utils/useRequest'; +import PanelBox from '../../components/PanelBox'; + +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'; +import clsx from 'clsx'; +import { renderDrp } from '../../../../utils/renutils'; + +const data1 = [ + { + "res_cd": "42118140035", + "res_lon": 115.14137, + "res_lat": 31.55095, + "cd": "01", + "cd_nm": "GN1", + "res_reg_cd": "42118140006-A4", + "ch": "0+000", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181112000", + "town_nm": "福田河镇", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "非病险水库", + "label": "2023高标准", + "res_nm": "大堰口水库", + "de_value": -4.2885, + "dn_value": -13.5384, + "du_value": 132.4892, + "de_trend": null, + "dn_trend": null, + "du_trend": null, + "max_de": 1.0981, + "max_dn": -2.3255, + "max_du": 132.4892, + "dt": "2025-05-20", + "is_has_data": "y" + }, + { + "res_cd": "42118140035", + "res_lon": 115.14137, + "res_lat": 31.55095, + "cd": "03", + "cd_nm": "GN3", + "res_reg_cd": "42118140006-A4", + "ch": "0+000", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181112000", + "town_nm": "福田河镇", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "非病险水库", + "label": "2023高标准", + "res_nm": "大堰口水库", + "de_value": -10.73, + "dn_value": -9.8975, + "du_value": 121.3495, + "de_trend": null, + "dn_trend": null, + "du_trend": null, + "max_de": 1.0981, + "max_dn": -2.3255, + "max_du": 132.4892, + "dt": "2025-05-20", + "is_has_data": "y" + }, + { + "res_cd": "42118140035", + "res_lon": 115.14137, + "res_lat": 31.55095, + "cd": "02", + "cd_nm": "GN2", + "res_reg_cd": "42118140006-A4", + "ch": "0+000", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181112000", + "town_nm": "福田河镇", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "非病险水库", + "label": "2023高标准", + "res_nm": "大堰口水库", + "de_value": 1.0981, + "dn_value": -7.0736, + "du_value": 75.4661, + "de_trend": null, + "dn_trend": null, + "du_trend": null, + "max_de": 1.0981, + "max_dn": -2.3255, + "max_du": 132.4892, + "dt": "2025-05-20", + "is_has_data": "y" + }, + { + "res_cd": "42118140035", + "res_lon": 115.14137, + "res_lat": 31.55095, + "cd": "04", + "cd_nm": "GN4", + "res_reg_cd": "42118140006-A4", + "ch": "0+000", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181112000", + "town_nm": "福田河镇", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "非病险水库", + "label": "2023高标准", + "res_nm": "大堰口水库", + "de_value": -6.469, + "dn_value": -2.3255, + "du_value": 47.1633, + "de_trend": null, + "dn_trend": null, + "du_trend": null, + "max_de": 1.0981, + "max_dn": -2.3255, + "max_du": 132.4892, + "dt": "2025-05-20", + "is_has_data": "y" + }, + { + "res_cd": "42118140011", + "res_lon": 115.11878, + "res_lat": 30.88904, + "cd": "01", + "cd_nm": "GN1", + "res_reg_cd": "42118140019-A4", + "ch": "0+000", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181104000", + "town_nm": "夫子河镇", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "非病险水库", + "label": "2023高标准", + "res_nm": "黄麻坳水库", + "de_value": -5.5809, + "dn_value": 4.6055, + "du_value": -13.083, + "de_trend": null, + "dn_trend": null, + "du_trend": null, + "max_de": -5.1079, + "max_dn": 4.6055, + "max_du": -11.1644, + "dt": "2025-05-20", + "is_has_data": "y" + }, + { + "res_cd": "42118140011", + "res_lon": 115.11878, + "res_lat": 30.88904, + "cd": "02", + "cd_nm": "GN2", + "res_reg_cd": "42118140019-A4", + "ch": "0+000", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181104000", + "town_nm": "夫子河镇", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "非病险水库", + "label": "2023高标准", + "res_nm": "黄麻坳水库", + "de_value": -5.1079, + "dn_value": 3.9064, + "du_value": -12.2936, + "de_trend": null, + "dn_trend": null, + "du_trend": null, + "max_de": -5.1079, + "max_dn": 4.6055, + "max_du": -11.1644, + "dt": "2025-05-20", + "is_has_data": "y" + }, + { + "res_cd": "42118140017", + "res_lon": 115.14545, + "res_lat": 30.95398, + "cd": "03", + "cd_nm": "GN3", + "res_reg_cd": "42118140031-A4", + "ch": "0+000", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181107000", + "town_nm": "盐田河镇", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "非病险水库", + "label": "2023高标准", + "res_nm": "群建水库", + "de_value": 1.166, + "dn_value": 2.1274, + "du_value": 11.5948, + "de_trend": null, + "dn_trend": null, + "du_trend": null, + "max_de": 2.6901, + "max_dn": 3.7945, + "max_du": 11.5948, + "dt": "2025-05-20", + "is_has_data": "y" + }, + { + "res_cd": "42118140011", + "res_lon": 115.11878, + "res_lat": 30.88904, + "cd": "03", + "cd_nm": "GN3", + "res_reg_cd": "42118140019-A4", + "ch": "0+000", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181104000", + "town_nm": "夫子河镇", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "非病险水库", + "label": "2023高标准", + "res_nm": "黄麻坳水库", + "de_value": -5.1345, + "dn_value": 3.7423, + "du_value": -11.5382, + "de_trend": null, + "dn_trend": null, + "du_trend": null, + "max_de": -5.1079, + "max_dn": 4.6055, + "max_du": -11.1644, + "dt": "2025-05-20", + "is_has_data": "y" + }, + { + "res_cd": "42118140022", + "res_lon": 115.39612, + "res_lat": 31.1526, + "cd": "02", + "cd_nm": "GN2", + "res_reg_cd": "42118140014-A4", + "ch": "0+000", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181109000", + "town_nm": "木子店镇", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "非病险水库", + "label": "2023高标准", + "res_nm": "何门咀水库", + "de_value": -0.7313, + "dn_value": 2.702, + "du_value": -11.493, + "de_trend": null, + "dn_trend": null, + "du_trend": null, + "max_de": -0.4931, + "max_dn": 4.3759, + "max_du": -10.0925, + "dt": "2025-05-20", + "is_has_data": "y" + }, + { + "res_cd": "42118140011", + "res_lon": 115.11878, + "res_lat": 30.88904, + "cd": "04", + "cd_nm": "GN4", + "res_reg_cd": "42118140019-A4", + "ch": "0+000", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181104000", + "town_nm": "夫子河镇", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "非病险水库", + "label": "2023高标准", + "res_nm": "黄麻坳水库", + "de_value": -5.7038, + "dn_value": 3.3505, + "du_value": -11.1644, + "de_trend": null, + "dn_trend": null, + "du_trend": null, + "max_de": -5.1079, + "max_dn": 4.6055, + "max_du": -11.1644, + "dt": "2025-05-20", + "is_has_data": "y" + }, + { + "res_cd": "42118140017", + "res_lon": 115.14545, + "res_lat": 30.95398, + "cd": "04", + "cd_nm": "GN4", + "res_reg_cd": "42118140031-A4", + "ch": "0+000", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181107000", + "town_nm": "盐田河镇", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "非病险水库", + "label": "2023高标准", + "res_nm": "群建水库", + "de_value": 1.3441, + "dn_value": 3.3718, + "du_value": 10.8126, + "de_trend": null, + "dn_trend": null, + "du_trend": null, + "max_de": 2.6901, + "max_dn": 3.7945, + "max_du": 11.5948, + "dt": "2025-05-20", + "is_has_data": "y" + }, + { + "res_cd": "42118140022", + "res_lon": 115.39612, + "res_lat": 31.1526, + "cd": "01", + "cd_nm": "GN1", + "res_reg_cd": "42118140014-A4", + "ch": "0+000", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181109000", + "town_nm": "木子店镇", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "非病险水库", + "label": "2023高标准", + "res_nm": "何门咀水库", + "de_value": -0.4931, + "dn_value": 4.3759, + "du_value": -10.0925, + "de_trend": null, + "dn_trend": null, + "du_trend": null, + "max_de": -0.4931, + "max_dn": 4.3759, + "max_du": -10.0925, + "dt": "2025-05-20", + "is_has_data": "y" + }, + { + "res_cd": "42118140017", + "res_lon": 115.14545, + "res_lat": 30.95398, + "cd": "01", + "cd_nm": "GN1", + "res_reg_cd": "42118140031-A4", + "ch": "0+000", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181107000", + "town_nm": "盐田河镇", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "非病险水库", + "label": "2023高标准", + "res_nm": "群建水库", + "de_value": 2.6901, + "dn_value": 3.7368, + "du_value": 8.7918, + "de_trend": null, + "dn_trend": null, + "du_trend": null, + "max_de": 2.6901, + "max_dn": 3.7945, + "max_du": 11.5948, + "dt": "2025-05-20", + "is_has_data": "y" + }, + { + "res_cd": "42118140017", + "res_lon": 115.14545, + "res_lat": 30.95398, + "cd": "02", + "cd_nm": "GN2", + "res_reg_cd": "42118140031-A4", + "ch": "0+000", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181107000", + "town_nm": "盐田河镇", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "非病险水库", + "label": "2023高标准", + "res_nm": "群建水库", + "de_value": 1.5528, + "dn_value": 3.7945, + "du_value": 7.5172, + "de_trend": null, + "dn_trend": null, + "du_trend": null, + "max_de": 2.6901, + "max_dn": 3.7945, + "max_du": 11.5948, + "dt": "2025-05-20", + "is_has_data": "y" + }, + { + "res_cd": "42118140009", + "res_lon": 114.73138, + "res_lat": 31.01948, + "cd": "04", + "cd_nm": "GN4", + "res_reg_cd": "42118140028-A4", + "ch": "0+000", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181102000", + "town_nm": "歧亭镇", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "非病险水库", + "label": "2023高标准", + "res_nm": "鲇鱼坝水库", + "de_value": -2.3116, + "dn_value": -7.9976, + "du_value": -6.8754, + "de_trend": null, + "dn_trend": null, + "du_trend": null, + "max_de": -1.4148, + "max_dn": -7.6521, + "max_du": -3.4337, + "dt": "2025-05-20", + "is_has_data": "y" + }, + { + "res_cd": "42118140032", + "res_lon": 115.13073, + "res_lat": 31.35489, + "cd": "02", + "cd_nm": "GN2", + "res_reg_cd": "42118140020-A4", + "ch": "0+000", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181111000", + "town_nm": "黄土岗镇", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "待除险加固", + "label": "2023高标准", + "res_nm": "鸡翅关水库", + "de_value": -4.2641, + "dn_value": -1.5343, + "du_value": -6.8233, + "de_trend": null, + "dn_trend": null, + "du_trend": null, + "max_de": 1.346, + "max_dn": -1.5343, + "max_du": -3.1838, + "dt": "2025-05-20", + "is_has_data": "y" + }, + { + "res_cd": "42118140032", + "res_lon": 115.13073, + "res_lat": 31.35489, + "cd": "03", + "cd_nm": "GN3", + "res_reg_cd": "42118140020-A4", + "ch": "0+000", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181111000", + "town_nm": "黄土岗镇", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "待除险加固", + "label": "2023高标准", + "res_nm": "鸡翅关水库", + "de_value": -1.1126, + "dn_value": -1.7529, + "du_value": -5.7066, + "de_trend": null, + "dn_trend": null, + "du_trend": null, + "max_de": 1.346, + "max_dn": -1.5343, + "max_du": -3.1838, + "dt": "2025-05-20", + "is_has_data": "y" + }, + { + "res_cd": "42118140009", + "res_lon": 114.73138, + "res_lat": 31.01948, + "cd": "01", + "cd_nm": "GN1", + "res_reg_cd": "42118140028-A4", + "ch": "0+000", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181102000", + "town_nm": "歧亭镇", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "非病险水库", + "label": "2023高标准", + "res_nm": "鲇鱼坝水库", + "de_value": -1.4148, + "dn_value": -10.2713, + "du_value": -5.146, + "de_trend": null, + "dn_trend": null, + "du_trend": null, + "max_de": -1.4148, + "max_dn": -7.6521, + "max_du": -3.4337, + "dt": "2025-05-20", + "is_has_data": "y" + } +] +const data2 = [ + { + "cd": "1", + "cd_nm": "UPD1", + "ch": "0+060", + "res_reg_cd": "42118140011-A4", + "res_cd": "42118140038", + "res_lon": 115.01664, + "res_lat": 31.40681, + "res_nm": "蛤蟆岗水库", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181113000", + "town_nm": "乘马岗镇", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "非病险水库", + "label": "2023高标准", + "value": 164.8742, + "diff_value": -0.0275, + "trend": -1, + "is_has_data": "y", + "diff_rz": -0.6958, + "stcd": "4239", + "diff_rz_cd": 5.0554, + "max_cd_value": -0.0225, + "rz": 165.57, + "dt": "2025-05-20", + "diff5_value": -0.0737, + "trend5": -1, + "diff10_value": -0.1204, + "trend10": -1, + "diff30_value": -0.0633, + "trend30": -1 + }, + { + "cd": "1", + "cd_nm": "UPD1", + "ch": "0+027", + "res_reg_cd": "42118140006-A4", + "res_cd": "42118140035", + "res_lon": 115.14137, + "res_lat": 31.55095, + "res_nm": "大堰口水库", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181112000", + "town_nm": "福田河镇", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "非病险水库", + "label": "2023高标准", + "value": 209.4042, + "diff_value": -0.0258, + "trend": -1, + "is_has_data": "y", + "diff_rz": -2.5358, + "stcd": "4159", + "diff_rz_cd": 48.6446, + "max_cd_value": -0.01, + "rz": 211.94, + "dt": "2025-05-20", + "diff5_value": -0.0983, + "trend5": -1, + "diff10_value": -0.1329, + "trend10": -1, + "diff30_value": -0.0954, + "trend30": -1 + }, + { + "cd": "3", + "cd_nm": "UPD3", + "ch": "0+060", + "res_reg_cd": "42118140011-A4", + "res_cd": "42118140038", + "res_lon": 115.01664, + "res_lat": 31.40681, + "res_nm": "蛤蟆岗水库", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181113000", + "town_nm": "乘马岗镇", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "非病险水库", + "label": "2023高标准", + "value": 162.6908, + "diff_value": -0.0246, + "trend": -1, + "is_has_data": "y", + "diff_rz": -2.8792, + "stcd": "4239", + "diff_rz_cd": 5.0554, + "max_cd_value": -0.0225, + "rz": 165.57, + "dt": "2025-05-20", + "diff5_value": -0.095, + "trend5": -1, + "diff10_value": -0.123, + "trend10": -1, + "diff30_value": -0.0588, + "trend30": -1 + }, + { + "cd": "1", + "cd_nm": "UPD1", + "ch": "0+038", + "res_reg_cd": "42118140014-A4", + "res_cd": "42118140022", + "res_lon": 115.39612, + "res_lat": 31.1526, + "res_nm": "何门咀水库", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181109000", + "town_nm": "木子店镇", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "非病险水库", + "label": "2023高标准", + "value": 139.2533, + "diff_value": -0.0171, + "trend": -1, + "is_has_data": "y", + "diff_rz": -3.0767, + "stcd": "4268", + "diff_rz_cd": 24.9337, + "max_cd_value": -0.0045, + "rz": 142.33, + "dt": "2025-05-20", + "diff5_value": -0.0675, + "trend5": -1, + "diff10_value": -0.0627, + "trend10": -1, + "diff30_value": -0.0342, + "trend30": -1 + }, + { + "cd": "4", + "cd_nm": "UPR1", + "ch": "0+055", + "res_reg_cd": "42118140043-A4", + "res_cd": "42118140029", + "res_lon": 115.12048, + "res_lat": 31.18362, + "res_nm": "永红水库", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181105000", + "town_nm": "阎家河镇", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "非病险水库", + "label": "2023高标准", + "value": 116.1513, + "diff_value": -0.0208, + "trend": -1, + "is_has_data": "y", + "diff_rz": -3.1187, + "stcd": "5320", + "diff_rz_cd": 38.1171, + "max_cd_value": 0.0009, + "rz": 119.27, + "dt": "2025-05-20", + "diff5_value": -0.082, + "trend5": -1, + "diff10_value": -0.1333, + "trend10": -1, + "diff30_value": -0.0041, + "trend30": -1 + }, + { + "cd": "4", + "cd_nm": "UPR1", + "ch": "0+085", + "res_reg_cd": "42118140020-A4", + "res_cd": "42118140032", + "res_lon": 115.13073, + "res_lat": 31.35489, + "res_nm": "鸡翅关水库", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181111000", + "town_nm": "黄土岗镇", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "待除险加固", + "label": "2023高标准", + "value": 483.1646, + "diff_value": -0.0108, + "trend": -1, + "is_has_data": "y", + "diff_rz": -3.2454, + "stcd": "4151", + "diff_rz_cd": 14.6887, + "max_cd_value": -0.0108, + "rz": 486.41, + "dt": "2025-05-20", + "diff5_value": -0.0742, + "trend5": -1, + "diff10_value": -0.1258, + "trend10": -1, + "diff30_value": -0.1708, + "trend30": -1 + }, + { + "cd": "1", + "cd_nm": "UPD1", + "ch": "0+51.6", + "res_reg_cd": "42118140042-A4", + "res_cd": "42118140004", + "res_lon": 115.05541, + "res_lat": 31.11106, + "res_nm": "永丰水库", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181003000", + "town_nm": "南湖办事处", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "非病险水库", + "label": "2023高标准", + "value": 68.1333, + "diff_value": -0.0142, + "trend": -1, + "is_has_data": "y", + "diff_rz": -3.2767, + "stcd": "340", + "diff_rz_cd": 23.0069, + "max_cd_value": -0.0142, + "rz": 71.41, + "dt": "2025-05-20", + "diff5_value": -0.0109, + "trend5": -1, + "diff10_value": 0.0087, + "trend10": 1, + "diff30_value": 0.0683, + "trend30": 1 + }, + { + "cd": "7", + "cd_nm": "UPR3", + "ch": "0+060", + "res_reg_cd": "42118140022-A4", + "res_cd": "42118140024", + "res_lon": 115.4501, + "res_lat": 31.3021, + "res_nm": "界岭水库", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181109000", + "town_nm": "木子店镇", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "非病险水库", + "label": "2023高标准", + "value": 374.7421, + "diff_value": -0.0412, + "trend": -1, + "is_has_data": "y", + "diff_rz": -3.4679, + "stcd": "4276", + "diff_rz_cd": 27.0054, + "max_cd_value": -0.0171, + "rz": 378.21, + "dt": "2025-05-20", + "diff5_value": -0.1442, + "trend5": -1, + "diff10_value": -0.1617, + "trend10": -1, + "diff30_value": -0.1121, + "trend30": -1 + }, + { + "cd": "5", + "cd_nm": "UPR2", + "ch": "0+085", + "res_reg_cd": "42118140011-A4", + "res_cd": "42118140038", + "res_lon": 115.01664, + "res_lat": 31.40681, + "res_nm": "蛤蟆岗水库", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181113000", + "town_nm": "乘马岗镇", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "非病险水库", + "label": "2023高标准", + "value": 161.9071, + "diff_value": -0.0246, + "trend": -1, + "is_has_data": "y", + "diff_rz": -3.6629, + "stcd": "4239", + "diff_rz_cd": 5.0554, + "max_cd_value": -0.0225, + "rz": 165.57, + "dt": "2025-05-20", + "diff5_value": -0.0704, + "trend5": -1, + "diff10_value": -0.0804, + "trend10": -1, + "diff30_value": -0.1242, + "trend30": -1 + }, + { + "cd": "1", + "cd_nm": "UPD1", + "ch": "0+145", + "res_reg_cd": "42118140015-A4", + "res_cd": "42118140042", + "res_lon": 114.84792, + "res_lat": 31.44124, + "res_nm": "黑龙潭水库", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181114000", + "town_nm": "顺河镇", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "非病险水库", + "label": "2023高标准", + "value": 121.0708, + "diff_value": -0.028, + "trend": -1, + "is_has_data": "y", + "diff_rz": -4.0992, + "stcd": "5356", + "diff_rz_cd": 37.8067, + "max_cd_value": -0.0254, + "rz": 125.17, + "dt": "2025-05-20", + "diff5_value": -0.1067, + "trend5": -1, + "diff10_value": -0.115, + "trend10": -1, + "diff30_value": 0.3258, + "trend30": 1 + }, + { + "cd": "1", + "cd_nm": "UPD1", + "ch": "0+042", + "res_reg_cd": "42118140031-A4", + "res_cd": "42118140017", + "res_lon": 115.14545, + "res_lat": 30.95398, + "res_nm": "群建水库", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181107000", + "town_nm": "盐田河镇", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "非病险水库", + "label": "2023高标准", + "value": 115.0463, + "diff_value": -0.0254, + "trend": -1, + "is_has_data": "y", + "diff_rz": -4.1337, + "stcd": "5331", + "diff_rz_cd": 11.2642, + "max_cd_value": -0.0238, + "rz": 119.18, + "dt": "2025-05-20", + "diff5_value": -0.0929, + "trend5": -1, + "diff10_value": -0.1241, + "trend10": -1, + "diff30_value": -0.1004, + "trend30": -1 + }, + { + "cd": "2", + "cd_nm": "UPD2", + "ch": "0+060", + "res_reg_cd": "42118140011-A4", + "res_cd": "42118140038", + "res_lon": 115.01664, + "res_lat": 31.40681, + "res_nm": "蛤蟆岗水库", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181113000", + "town_nm": "乘马岗镇", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "非病险水库", + "label": "2023高标准", + "value": 161.3038, + "diff_value": -0.0225, + "trend": -1, + "is_has_data": "y", + "diff_rz": -4.2662, + "stcd": "4239", + "diff_rz_cd": 5.0554, + "max_cd_value": -0.0225, + "rz": 165.57, + "dt": "2025-05-20", + "diff5_value": -0.085, + "trend5": -1, + "diff10_value": -0.1233, + "trend10": -1, + "diff30_value": -0.0695, + "trend30": -1 + }, + { + "cd": "3", + "cd_nm": "UPD3", + "ch": "0+080", + "res_reg_cd": "42118140023-A4", + "res_cd": "42118140033", + "res_lon": 114.99636, + "res_lat": 30.70309, + "res_nm": "刘家冲水库", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181111000", + "town_nm": "黄土岗镇", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "非病险水库", + "label": "2023高标准", + "value": 83.9746, + "diff_value": -0.0271, + "trend": -1, + "is_has_data": "y", + "diff_rz": -4.7254, + "stcd": "5385", + "diff_rz_cd": 29.575, + "max_cd_value": -0.0196, + "rz": 88.7, + "dt": "2025-05-20", + "diff5_value": -0.0717, + "trend5": -1, + "diff10_value": -0.0979, + "trend10": -1, + "diff30_value": -0.155, + "trend30": -1 + }, + { + "cd": "4", + "cd_nm": "UPR1", + "ch": "0+142", + "res_reg_cd": "42118140015-A4", + "res_cd": "42118140042", + "res_lon": 114.84792, + "res_lat": 31.44124, + "res_nm": "黑龙潭水库", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181114000", + "town_nm": "顺河镇", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "非病险水库", + "label": "2023高标准", + "value": 120.4183, + "diff_value": -0.0338, + "trend": -1, + "is_has_data": "y", + "diff_rz": -4.7517, + "stcd": "5356", + "diff_rz_cd": 37.8067, + "max_cd_value": -0.0254, + "rz": 125.17, + "dt": "2025-05-20", + "diff5_value": -0.1488, + "trend5": -1, + "diff10_value": -0.2259, + "trend10": -1, + "diff30_value": -0.2617, + "trend30": -1 + }, + { + "cd": "6", + "cd_nm": "UPR3", + "ch": "0+085", + "res_reg_cd": "42118140011-A4", + "res_cd": "42118140038", + "res_lon": 115.01664, + "res_lat": 31.40681, + "res_nm": "蛤蟆岗水库", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181113000", + "town_nm": "乘马岗镇", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "非病险水库", + "label": "2023高标准", + "value": 160.5146, + "diff_value": -0.0254, + "trend": -1, + "is_has_data": "y", + "diff_rz": -5.0554, + "stcd": "4239", + "diff_rz_cd": 5.0554, + "max_cd_value": -0.0225, + "rz": 165.57, + "dt": "2025-05-20", + "diff5_value": -0.0867, + "trend5": -1, + "diff10_value": -0.0787, + "trend10": -1, + "diff30_value": -0.0375, + "trend30": -1 + }, + { + "cd": "1", + "cd_nm": "UPD1", + "ch": "0+030", + "res_reg_cd": "42118140022-A4", + "res_cd": "42118140024", + "res_lon": 115.4501, + "res_lat": 31.3021, + "res_nm": "界岭水库", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181109000", + "town_nm": "木子店镇", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "非病险水库", + "label": "2023高标准", + "value": 372.9888, + "diff_value": -0.0233, + "trend": -1, + "is_has_data": "y", + "diff_rz": -5.2212, + "stcd": "4276", + "diff_rz_cd": 27.0054, + "max_cd_value": -0.0171, + "rz": 378.21, + "dt": "2025-05-20", + "diff5_value": -0.0862, + "trend5": -1, + "diff10_value": -0.1062, + "trend10": -1, + "diff30_value": -0.1783, + "trend30": -1 + }, + { + "cd": "3", + "cd_nm": "UPD3", + "ch": "0+100", + "res_reg_cd": "42118140022-A4", + "res_cd": "42118140024", + "res_lon": 115.4501, + "res_lat": 31.3021, + "res_nm": "界岭水库", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181109000", + "town_nm": "木子店镇", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "非病险水库", + "label": "2023高标准", + "value": 372.6217, + "diff_value": -0.0171, + "trend": -1, + "is_has_data": "y", + "diff_rz": -5.5883, + "stcd": "4276", + "diff_rz_cd": 27.0054, + "max_cd_value": -0.0171, + "rz": 378.21, + "dt": "2025-05-20", + "diff5_value": -0.0954, + "trend5": -1, + "diff10_value": -0.1379, + "trend10": -1, + "diff30_value": -0.235, + "trend30": -1 + }, + { + "cd": "1", + "cd_nm": "UPD1", + "ch": "0+095", + "res_reg_cd": "42118140020-A4", + "res_cd": "42118140032", + "res_lon": 115.13073, + "res_lat": 31.35489, + "res_nm": "鸡翅关水库", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181111000", + "town_nm": "黄土岗镇", + "bas_guid": "鄂东五河片区", + "eng_scal": "小（1）型", + "danger_stat": "待除险加固", + "label": "2023高标准", + "value": 480.7392, + "diff_value": -0.0237, + "trend": -1, + "is_has_data": "y", + "diff_rz": -5.6708, + "stcd": "4151", + "diff_rz_cd": 14.6887, + "max_cd_value": -0.0108, + "rz": 486.41, + "dt": "2025-05-20", + "diff5_value": -0.0804, + "trend5": -1, + "diff10_value": -0.1033, + "trend10": -1, + "diff30_value": -0.0479, + "trend30": -1 + } +] +const data3 = [{ + "cd": "1", + "cd_nm": "WE", + "ch": "1", + "res_reg_cd": "42118140042-A4", + "res_cd": "42118140004", + "res_nm": "永丰水库", + "res_lon": 115.05541, + "res_lat": 31.11106, + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181003000", + "town_nm": "南湖办事处", + "danger_stat": "非病险水库", + "bas_guid": "鄂东五河片区", + "label": "2023高标准", + "eng_scal": "小（1）型", + "value": 0.3, + "diff_value": -0.02, + "trend": -1, + "dt": "2025-05-20", + "is_has_data": "y", + "max_value": 0.3 +}] +const data4 = [ + { + "res_cd": "42118140004", + "res_nm": "永丰水库", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181003000", + "town_nm": "南湖办事处", + "rv_name": "举水", + "bas_guid": "鄂东五河片区", + "res_lon": 115.05541, + "res_lat": 31.11106, + "res_reg_cd": "42118140042-A4", + "eng_scal": "小（1）型", + "eng_g": "IV", + "children": [ + { + "res_cd": "42118140004", + "res_nm": "永丰水库", + "cd": 5821, + "cd_nm": "永丰水库", + "termite_status": "n", + "tm": "2025-05-21 09:18:28", + "is_main_cd": "y" + } + ] + }, + { + "res_cd": "42118140015", + "res_nm": "麻城坳水库", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181107000", + "town_nm": "盐田河镇", + "rv_name": "举水", + "bas_guid": "鄂东五河片区", + "res_lon": 115.22541, + "res_lat": 30.98156, + "res_reg_cd": "42118140025-A4", + "eng_scal": "小（1）型", + "eng_g": "IV", + "children": [ + { + "res_cd": "42118140015", + "res_nm": "麻城坳水库", + "cd": 5820, + "cd_nm": "麻城坳水库", + "termite_status": "y", + "tm": "2025-05-21 04:27:18", + "is_main_cd": "y" + } + ] + }, + { + "res_cd": "42118140023", + "res_nm": "游家冲水库", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181109000", + "town_nm": "木子店镇", + "rv_name": "巴河", + "bas_guid": "鄂东五河片区", + "res_lon": 115.29541, + "res_lat": 31.20317, + "res_reg_cd": "42118140044-A4", + "eng_scal": "小（1）型", + "eng_g": "IV", + "children": [ + { + "res_cd": "42118140023", + "res_nm": "游家冲水库", + "cd": 5819, + "cd_nm": "游家冲水库", + "termite_status": "n", + "tm": "2025-05-21 04:25:56", + "is_main_cd": "y" + } + ] + }, + { + "res_cd": "42118140013", + "res_nm": "高峰水库", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181106000", + "town_nm": "龟山镇", + "rv_name": "举水", + "bas_guid": "鄂东五河片区", + "res_lon": 115.21201, + "res_lat": 31.05011, + "res_reg_cd": "42118140010-A4", + "eng_scal": "小（1）型", + "eng_g": "IV", + "children": null + }, + { + "res_cd": "42118140039", + "res_nm": "姚家河水库", + "province_cd": "420000000000", + "province_nm": "湖北省", + "city_cd": "421100000000", + "city_nm": "黄冈市", + "county_cd": "421181000000", + "county_nm": "麻城市", + "town_cd": "421181113000", + "town_nm": "乘马岗镇", + "rv_name": "举水", + "bas_guid": "鄂东五河片区", + "res_lon": 114.9355, + "res_lat": 31.28804, + "res_reg_cd": "42118140041-A4", + "eng_scal": "小（1）型", + "eng_g": "IV", + "children": null + } +] + +function DrpReal({ style }) { + const [tab,setTab] = useState('1') + + return ( + + setTab('1')}>物资仓库 + setTab('2')}>应急队伍 + {/* setTab('3')}>闸门 */} + setTab('4')}>安置点 + + } + > + + { + tab==='1'? + + + + 仓库名称 + 仓库地址 + + + + {/* {data1.map((row,index) => ( + + {index+1} + {row.res_nm} + + ))} */} + + 麻城市应急物资储备中心 + 麻城市京广大道与金交汇处 + + +
:null + } + { + tab==='2'? + + + + 队伍名称 + 人员总数 + 地址 + 管理单位 + + + + {/* {data2.map((row,index) => ( + + {index+1} + {row.res_nm} + {row.town_nm} + {row.cd_nm} + {row.value} + + ))} */} + + 乡镇应急救援中队 + 20 + 麻城市京广大道与金交汇处 + 麻城市水利局 + + +
:null + } + { + tab==='3'? + + + + 序号 + 水库名称 + 行政区 + 测点 + 渗流量 + + + + {data3.map((row,index) => ( + + {index+1} + {row.res_nm} + {row.town_nm} + {row.cd_nm} + {row.value} + + ))} + +
:null + } + { + tab==='4'? + + + + 安置点名称 + 容纳人数 + 地址 + 管理单位 + + + + {/* {data4.map((row,index) => ( + + {index+1} + {row.res_nm} + {row.town_nm} + {row.res_nm} + {row?.children?.[0]?.termite_status==='y'?'有白蚁':'无白蚁'} + + ))} */} + + 阎家河镇 + 1800 + 麻城市京广大道与金交汇处 + 麻城市水利局 + + +
:null + } + + + ) +} + +export default DrpReal; diff --git a/src/views/Home/panels/Yyfa/index.js b/src/views/Home/panels/Yyfa/index.js index fa973d5..f375e8f 100644 --- a/src/views/Home/panels/Yyfa/index.js +++ b/src/views/Home/panels/Yyfa/index.js @@ -72,7 +72,20 @@ const [yyValue, setYyValue] = React.useState(false); useEffect(() => { setValue(res.yy) }, [res]) - + const switchChange = (e) => { + const val = e.target.checked + setChecked(val) + if (val) { + dispatch.runtime.setCameraTarget({ + center: [114.81944, 31.12068], + zoom: 13, + pitch: 60, + }); + } else { + dispatch.runtime.setHome(); + + } + } return ( setChecked(e.target.checked)} + onChange={switchChange} /> } label="多灌区模式" diff --git a/src/views/Home/panels/lsphb/index.js b/src/views/Home/panels/lsphb/index.js index 554e4b7..e61b373 100644 --- a/src/views/Home/panels/lsphb/index.js +++ b/src/views/Home/panels/lsphb/index.js @@ -1,4 +1,4 @@ -import React, { useMemo, useState,useEffect } from 'react'; +import React, { useMemo, useState, useEffect } from 'react'; import useRequest from '../../../../utils/useRequest'; import PanelBox from '../../components/PanelBox'; @@ -55,12 +55,12 @@ function HDReal({ style }) { // return ret; // }, [data, tableRzFilter]); - const showData = Array(1).fill(0).map((o,i) => ({ + const showData = Array(1).fill(0).map((o, i) => ({ date: '2025-05-26', event: '侵占河道', type: '侵占河道', status: '待处理', - place:'浮桥河灌区' + place: '浮桥河灌区' })) const flyTo = (record) => { @@ -76,7 +76,7 @@ function HDReal({ style }) { } - const data = [ + const data = [ { name: '福田镇中心区', leakage: '1258.6', supply: '3526.8', rate: 35.6 }, { name: '木子店镇区', leakage: '986.3', supply: '2832.7', rate: 34.8 }, { name: '龙池桥镇区', leakage: '1485.5', supply: '4482.5', rate: 33.1 }, @@ -97,28 +97,28 @@ function HDReal({ style }) { dispatch.realview.setHdAutoRefresh(!hdAutoRefresh); } - const searchTm = (e) => { - setParams({ - ...params, - stm: e[0].format("YYYY-MM-DD HH:mm"), - etm: e[1].format("YYYY-MM-DD HH:mm"), - tm:e, - }) - }; - useEffect(() => { - let options = ""; - options = { - etm: moment().add(1, 'hour').set({minute: 0, second: 0}).format("YYYY-MM-DD HH:mm"), - stm: moment().subtract(7, 'days').add(1, 'hour').set({minute: 0, second: 0}).format("YYYY-MM-DD HH:mm"), - tm: [ - moment().subtract(7, 'days').add(1, 'hour').set({ minute: 0, second: 0 }), - moment().add(1, 'hour').set({ minute: 0, second: 0 }), - ], - } - - setParams(options) - - }, []) + const searchTm = (e) => { + setParams({ + ...params, + stm: e[0].format("YYYY-MM-DD HH:mm"), + etm: e[1].format("YYYY-MM-DD HH:mm"), + tm: e, + }) + }; + useEffect(() => { + let options = ""; + options = { + etm: moment().add(1, 'hour').set({ minute: 0, second: 0 }).format("YYYY-MM-DD HH:mm"), + stm: moment().subtract(7, 'days').add(1, 'hour').set({ minute: 0, second: 0 }).format("YYYY-MM-DD HH:mm"), + tm: [ + moment().subtract(7, 'days').add(1, 'hour').set({ minute: 0, second: 0 }), + moment().add(1, 'hour').set({ minute: 0, second: 0 }), + ], + } + + setParams(options) + + }, []) return ( } > -
- trigger.parentElement} - /> -
- +
+ trigger.parentElement} + /> +
+ @@ -188,6 +188,7 @@ function HDReal({ style }) { { setting && showSetting(false)} /> } + ) }