diff --git a/public/assets/menu/安全监测.png b/public/assets/menu/安全监测.png new file mode 100644 index 0000000..7d0a51d Binary files /dev/null and b/public/assets/menu/安全监测.png differ diff --git a/public/assets/menu/工程管理.png b/public/assets/menu/工程管理.png new file mode 100644 index 0000000..15d2121 Binary files /dev/null and b/public/assets/menu/工程管理.png differ diff --git a/public/assets/menu/水库专题.png b/public/assets/menu/水库专题.png new file mode 100644 index 0000000..34df53e Binary files /dev/null and b/public/assets/menu/水库专题.png differ diff --git a/public/assets/menu/水库管理.png b/public/assets/menu/水库管理.png new file mode 100644 index 0000000..8d84f08 Binary files /dev/null and b/public/assets/menu/水库管理.png differ diff --git a/public/assets/menu/水情监测.png b/public/assets/menu/水情监测.png new file mode 100644 index 0000000..ef5ed4c Binary files /dev/null and b/public/assets/menu/水情监测.png differ diff --git a/public/assets/menu/水政管理.png b/public/assets/menu/水政管理.png new file mode 100644 index 0000000..f537918 Binary files /dev/null and b/public/assets/menu/水政管理.png differ diff --git a/public/assets/menu/水旱灾害防御.png b/public/assets/menu/水旱灾害防御.png new file mode 100644 index 0000000..dbb7e29 Binary files /dev/null and b/public/assets/menu/水旱灾害防御.png differ diff --git a/public/assets/menu/水资源调度.png b/public/assets/menu/水资源调度.png new file mode 100644 index 0000000..bc555b3 Binary files /dev/null and b/public/assets/menu/水资源调度.png differ diff --git a/public/assets/menu/灌区专题.png b/public/assets/menu/灌区专题.png new file mode 100644 index 0000000..de32cdc Binary files /dev/null and b/public/assets/menu/灌区专题.png differ diff --git a/public/assets/menu/灌区监测.png b/public/assets/menu/灌区监测.png new file mode 100644 index 0000000..3e07a0b Binary files /dev/null and b/public/assets/menu/灌区监测.png differ diff --git a/public/assets/menu/视频监视.png b/public/assets/menu/视频监视.png new file mode 100644 index 0000000..58aa15e Binary files /dev/null and b/public/assets/menu/视频监视.png differ diff --git a/public/assets/menu/量测水管理.png b/public/assets/menu/量测水管理.png new file mode 100644 index 0000000..1989149 Binary files /dev/null and b/public/assets/menu/量测水管理.png differ diff --git a/public/assets/menu/防汛调度.png b/public/assets/menu/防汛调度.png new file mode 100644 index 0000000..11068eb Binary files /dev/null and b/public/assets/menu/防汛调度.png differ diff --git a/public/assets/menu/雨情监测.png b/public/assets/menu/雨情监测.png new file mode 100644 index 0000000..7273b86 Binary files /dev/null and b/public/assets/menu/雨情监测.png differ diff --git a/public/assets/menu/预警信息管理.png b/public/assets/menu/预警信息管理.png new file mode 100644 index 0000000..9715189 Binary files /dev/null and b/public/assets/menu/预警信息管理.png differ 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/public/mapbox/sprite@2x.json b/public/mapbox/sprite@2x.json index e471476..a013f71 100644 --- a/public/mapbox/sprite@2x.json +++ b/public/mapbox/sprite@2x.json @@ -288,7 +288,7 @@ "visible": true }, "变形监测": { - "width": 32, + "width": 26, "height": 32, "x": 0, "y": 288, diff --git a/src/models/map/layout.js b/src/models/map/layout.js index 5f3ab3c..cb8c64e 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 === 305) { left = [ @@ -216,7 +229,8 @@ export default function calcLayout(view, rightStack, hidePanels) { ]; } else if (view === 205) { right = [ - { key: '警报' }, + { key: '预演方案', style: { height: '30%', flexGrow: 1 } }, + { key: '预演结果', style: { height: '70%', flexGrow: 1 } }, ]; } else if (view === 206) { right = [ @@ -225,9 +239,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 === 305) { right = [ diff --git a/src/views/Home/InfoDlg/ByjcDlg/descstyle.js b/src/views/Home/InfoDlg/ByjcDlg/descstyle.js new file mode 100644 index 0000000..36e42b1 --- /dev/null +++ b/src/views/Home/InfoDlg/ByjcDlg/descstyle.js @@ -0,0 +1,104 @@ +import { makeStyles } from '@material-ui/core' +const useDescStyles = makeStyles({ + root: { flex: 'auto' }, + + tabBox: { width: '2rem' }, + tabs1: { + backgroundColor: '#122e47', + fontWeight: 'bold', + overflow: 'hidden', + marginBottom: '0.6rem', + color: '#E2EDFF' + }, + tabIndicator: { + backgroundColor: 'transparent' + }, + + active: { + border: '1px solid #02a6b5' + }, + title: { + width: '16%', + display: 'flex', + alignItems: 'center', + padding: '0.2rem 0.5rem', + textAlign: 'left', + borderBottom: '1px solid rgb(33, 53, 77)', + borderLeft: '1px solid rgb(33, 53, 77)', + borderTop: '1px solid rgb(33, 53, 77)', + overflowWrap: 'break-word' + }, + + value: { + width: '50%', + display: 'flex', + alignItems: 'center', + padding: '1rem 0.5rem', + textAlign: 'left', + border: '1px solid rgb(33, 53, 77)', + overflowWrap: 'break-word', + wordBreak: 'break-all' + }, + title1: { + width: '99.6%', + display: 'flex', + alignItems: 'center', + padding: '0.2rem 0.5rem', + textAlign: 'left', + border: '1px solid rgb(33, 53, 77)', + overflowWrap: 'break-word', + height: '2.5rem' + }, + + cont: { + display: 'flex' + }, + tabList: { + width: '100%' + }, + tableCont: { + height: '100%', + width: '99.6%', + border: '1px solid rgb(33, 53, 77)' + }, + tablebg: { + backgroundColor: 'transparent', + border: '1px solid rgb(33, 53, 77)' + }, + emit: { + border: '1px solid rgb(33, 53, 77)' + }, + title2: { + width: '83.6%', + display: 'flex', + alignItems: 'center', + padding: '0.2rem 0.5rem', + textAlign: 'left', + border: '1px solid rgb(33, 53, 77)', + overflowWrap: 'break-word' + }, + tit: { + width: '50%', + display: 'flex', + alignItems: 'center', + padding: '1rem 0.5rem', + textAlign: 'left', + borderBottom: '1px solid rgb(33, 53, 77)', + borderLeft: '1px solid rgb(33, 53, 77)', + borderTop: '1px solid rgb(33, 53, 77)', + overflowWrap: 'break-word', + backgroundColor: 'rgba(33,53,77,0.2)' + // color: '#bbb' + }, + value1: { + width: '99.6%', + display: 'flex', + alignItems: 'center', + padding: '0.2rem 0.5rem', + textAlign: 'left', + border: '1px solid rgb(33, 53, 77)', + overflowWrap: 'break-word' + } +}) + +export default useDescStyles diff --git a/src/views/Home/InfoDlg/ByjcDlg/index.js b/src/views/Home/InfoDlg/ByjcDlg/index.js new file mode 100644 index 0000000..d8a4d79 --- /dev/null +++ b/src/views/Home/InfoDlg/ByjcDlg/index.js @@ -0,0 +1,45 @@ +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 DpBackgroundDrop from '../../../../layouts/mui/DpBackdrop'; +import DpTabs from '../../../../layouts/mui/DpTabs'; +import DpTab from '../../../../layouts/mui/DpTab'; +import DpCloseButton from '../../../../layouts/mui/DpCloseButton'; +import DpAppBar from '../../../../layouts/mui/DpAppBar'; + +import Page from './index2' + +function HDStDlg({ record, onClose }) { + const [value, setValue] = React.useState(0); + + return ( + +
+ + + setValue(v)}> + + {/* */} + {/* */} + + + + + + + +
+ + ) +} + +export default React.memo(HDStDlg); diff --git a/src/views/Home/InfoDlg/ByjcDlg/index2.js b/src/views/Home/InfoDlg/ByjcDlg/index2.js new file mode 100644 index 0000000..8699573 --- /dev/null +++ b/src/views/Home/InfoDlg/ByjcDlg/index2.js @@ -0,0 +1,34 @@ +import { Grid } from '@material-ui/core'; +import React from 'react'; +import useRequest from '../../../../utils/useRequest'; +import { skInfo } from '../../../../models/_/search'; +import { adnmCun, adnmZhen } from '../../../../models/_/adcd'; +import { Person } from '@material-ui/icons'; +import DescriptionItem from '../../components/DescrptionItem'; + + + +function SkInfo({record}) { + return ( +
+ + {record?.res_nm} + 平原区水库 + 小（2）型 + 无 + 0 + 25 + 0 + 1 + 0 + 0 + 0 + 0 + 0 + 未填报 + +
+ ) +} + +export default SkInfo; diff --git a/src/views/Home/InfoDlg/ByjcDlg/jbxx.js b/src/views/Home/InfoDlg/ByjcDlg/jbxx.js new file mode 100644 index 0000000..4b09e13 --- /dev/null +++ b/src/views/Home/InfoDlg/ByjcDlg/jbxx.js @@ -0,0 +1,98 @@ +import React, { useEffect, useState } from 'react' +import { Grid } from '@material-ui/core' +import useDescStyle from './descstyle' + +function Jbxx ({ record }) { + const classes = useDescStyle() + + return ( + <> +
+ + + 灌区名称 + + + {record?.chanCode_dictText} + + + 水闸类型 + + + {record?.wagaType_dictText??'--'} + + + 行政区划 + + + {record?.adCode_dictText} + + + 管理单位 + + + {record?.engManCode_dictText} + + + 渠道名称 + + + {record?.chanCode_dictText} + + + 桩号 + + + {record?.bnch} + + + 动力类型 + + + {record?.pwrTp_dictText??'--'} + + + 闸门孔数 + + + {record?.whthInWat??'--'} + + + 闸门尺寸 + + + 3*2.8m*m + + + 设计流量 + + + {record?.dsfl}m³/s + + + 进口高程 + + + {record?.actIrrA??'--'}m + + + 实达流量 + + + {record?.stfl??'--'} + + + 运行状态 + + + {record?.runStat_dictText??'--'} + + +
+ +
+ + ) +} + +export default React.memo(Jbxx) \ No newline at end of file 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/InfoDlg/index.js b/src/views/Home/InfoDlg/index.js index f6525d2..e9a6d6d 100644 --- a/src/views/Home/InfoDlg/index.js +++ b/src/views/Home/InfoDlg/index.js @@ -27,6 +27,7 @@ import SqDlg from './SqDlg'; import LlqdDlg from './LlqdDlg'; import LlsbDlg from './LlsbDlg'; import BxjcDlg from './BxjcBlg' +import ByjcDlg from './ByjcDlg' import PdfDlg from './PdfDlg' function InfoDlg() { @@ -97,7 +98,7 @@ function InfoDlg() { }else if (layerId === 'SljcLayer') { return }else if (layerId === 'ByjcLayer') { - return + return }else if (layerId === 'PdfLayer') { return } diff --git a/src/views/Home/PanelIndex.js b/src/views/Home/PanelIndex.js index 0cef648..417c4fe 100644 --- a/src/views/Home/PanelIndex.js +++ b/src/views/Home/PanelIndex.js @@ -70,6 +70,19 @@ import Gxzxll from './panels/Gxzxll' import Gsl from './panels/Gwgsl' import Qsl from './panels/Gwqsl' import Dhtj from './panels/Gwdh' +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 ( @@ -213,8 +226,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 0aa82b2..a1c4c9f 100644 --- a/src/views/Home/components/ActionDock/index.js +++ b/src/views/Home/components/ActionDock/index.js @@ -5,6 +5,7 @@ import { useDispatch, useSelector } from 'react-redux'; import { makeStyles, Tooltip, Typography } from '@material-ui/core'; const VIEWS = [ + { id: 100, title: '防汛', img: '/assets/menu/防洪形势.png', children: [ { id: 0, title: '防洪形势', img: '/assets/menu/防洪形势.png' }, @@ -16,32 +17,22 @@ const VIEWS = [ { id: 5, title: '天气预报', img: '/assets/menu/降雨中心.png' }, ] }, - { - id: 200, title: '水库', img: '/assets/menu/实时数据.png', children: [ - { id: 201, title: '雨情监测', img: '/assets/menu/降雨中心.png' }, - { id: 202, title: '水情监测', img: '/assets/menu/水利设施.png' }, - { id: 203, title: '安全监测', img: '/assets/menu/降雨中心.png' }, - { id: 204, title: '视频监控', img: '/assets/menu/辅助决策.png' }, - { id: 205, title: '防汛调度', img: '/assets/menu/辅助决策.png' }, - { id: 206, title: '水库管理', img: '/assets/menu/病险水库.png' }, - ] - }, + { id: 200, title: '水库', img: '/assets/menu/水库专题.png',children:[ + { id: 201, title: '雨情监测', img: '/assets/menu/雨情监测.png' }, + { id: 202, title: '水情监测', img: '/assets/menu/水情监测.png' }, + { id: 203, title: '安全监测', img: '/assets/menu/安全监测.png' }, + { id: 204, title: '视频监视', img: '/assets/menu/视频监视.png' }, + { id: 205, title: '防汛调度', img: '/assets/menu/防汛调度.png' }, + { id: 206, title: '水库管理', img: '/assets/menu/水库管理.png' }, + ] }, { 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' }, { id: 306, title: '管网健康诊断', img: '/assets/menu/水利设施.png' }, { id: 307, title: '应急指挥调度', img: '/assets/menu/病险水库.png' }, { id: 305, title: '决策支持与报表', img: '/assets/menu/辅助决策.png' }, - // 供水态势 - // 水质安全 - // 水厂运行 - // 管网健康诊断 - // 应急指挥调度 - // 决策支持与报表 ] }, { @@ -63,7 +54,6 @@ const VIEWS = [ // 工程管理 ] }, - ]; @@ -140,7 +130,7 @@ export default function ActionDock({ }) { } }}>
- +
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/Fxdd/index.js b/src/views/Home/panels/Fxdd/index.js index f4e2b8a..45ac336 100644 --- a/src/views/Home/panels/Fxdd/index.js +++ b/src/views/Home/panels/Fxdd/index.js @@ -1478,23 +1478,21 @@ function DrpReal({ style }) { - 序号 - 水库名称 - 行政区 - 测点 - 垂直位移 + 仓库名称 + 仓库地址 - {data1.map((row,index) => ( + {/* {data1.map((row,index) => ( {index+1} {row.res_nm} - {row.town_nm} - {row.cd_nm} - {row.du_value} - ))} + ))} */} + + 麻城市应急物资储备中心 + 麻城市京广大道与金交汇处 +
:null } @@ -1503,15 +1501,14 @@ function DrpReal({ style }) { - 序号 - 水库名称 - 行政区 - 测点 - 渗压水位 + 队伍名称 + 人员总数 + 地址 + 管理单位 - {data2.map((row,index) => ( + {/* {data2.map((row,index) => ( {index+1} {row.res_nm} @@ -1519,7 +1516,13 @@ function DrpReal({ style }) { {row.cd_nm} {row.value} - ))} + ))} */} + + 乡镇应急救援中队 + 20 + 麻城市京广大道与金交汇处 + 麻城市水利局 +
:null } @@ -1553,15 +1556,14 @@ function DrpReal({ style }) { - 序号 - 水库名称 - 行政区 - 测点 - 状态 + 安置点名称 + 容纳人数 + 地址 + 管理单位 - {data4.map((row,index) => ( + {/* {data4.map((row,index) => ( {index+1} {row.res_nm} @@ -1569,7 +1571,13 @@ function DrpReal({ style }) { {row.res_nm} {row?.children?.[0]?.termite_status==='y'?'有白蚁':'无白蚁'} - ))} + ))} */} + + 阎家河镇 + 1800 + 麻城市京广大道与金交汇处 + 麻城市水利局 +
:null } 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/WeatherForcast/WF.js b/src/views/Home/panels/WeatherForcast/WF.js index af7c48b..d83c303 100644 --- a/src/views/Home/panels/WeatherForcast/WF.js +++ b/src/views/Home/panels/WeatherForcast/WF.js @@ -49,11 +49,17 @@ function WF() { }, [contourSetting]); const genWeatherContour24H = () => { + dispatch.runtime.setYyfa({yy:''}) dispatch.shyjview.showWeather24h(); + const map = window.__mapref + map.setLayoutProperty('热力图', 'visibility', 'none'); } const genWeatherContourRadar = () => { + dispatch.runtime.setYyfa({yy:''}) dispatch.shyjview.showWeatherRadar(); + const map = window.__mapref + map.setLayoutProperty('热力图', 'visibility', 'none'); } const setIndexH24 = (index) => { diff --git a/src/views/Home/panels/WeatherForcast/index.js b/src/views/Home/panels/WeatherForcast/index.js index 4a31cfb..9918d6c 100644 --- a/src/views/Home/panels/WeatherForcast/index.js +++ b/src/views/Home/panels/WeatherForcast/index.js @@ -10,6 +10,9 @@ export default function WeatherForcast({ style }) { const closeLayer = () => { dispatch.runtime.setLayerSetting({ contour: null, dem: undefined }); dispatch.map.setLayerVisible({ ContourLayer: false }); + dispatch.runtime.setYyfa({yy:''}) + const map = window.__mapref + map.setLayoutProperty('热力图', 'visibility', 'none'); } return ( 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;