} onClick={doBx} style={{ color: '#fff' }} size="small">报讯
diff --git a/src/views/Home/panels/Sbtj/index.js b/src/views/Home/panels/Sbtj/index.js
new file mode 100644
index 0000000..e5e1789
--- /dev/null
+++ b/src/views/Home/panels/Sbtj/index.js
@@ -0,0 +1,21 @@
+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/Sbyj/index.js b/src/views/Home/panels/Sbyj/index.js
new file mode 100644
index 0000000..e85917f
--- /dev/null
+++ b/src/views/Home/panels/Sbyj/index.js
@@ -0,0 +1,207 @@
+import React, { useEffect, useMemo, useState } from 'react';
+import useRequest from '../../../../utils/useRequest';
+import PanelBox from '../../components/PanelBox';
+import { parseGeoJSON } from "../../../../utils/tools";
+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 appconsts from '../../../../models/appconsts';
+import { renderDrp, renderSkArz, renderSkRz } from '../../../../utils/renutils';
+import clsx from 'clsx';
+
+
+const data1 = [
+ {name1:'水泵1',name2:'浮桥河水厂',name3:'2025-06-06 15:38:00',name4:250,name5:230,name6:80,name7:4.3},
+ {name1:'水泵2',name2:'浮桥河水厂',name3:'2025-06-06 15:38:00',name4:200,name5:214,name6:86,name7:3.9},
+ {name1:'水泵3',name2:'浮桥河水厂',name3:'2025-06-06 15:38:00',name4:270,name5:265,name6:84,name7:4.2},
+]
+
+
+const data2 = [
+ {name:'风机1',tm:'2025-06-06 15:38:00',ckfy:110,fl:98,djwd:65,clwd:86},
+ {name:'风机2',tm:'2025-06-06 15:38:00',ckfy:110,fl:95,djwd:63,clwd:85},
+ {name:'风机3',tm:'2025-06-06 15:38:00',ckfy:111,fl:99,djwd:55,clwd:67},
+]
+
+
+const data3 = [
+ {name1:'变压器1',name2:'浮桥河水厂',name3:'2025-06-06 15:38:00',name4:1,name5:95,name6:97},
+ {name1:'变压器2',name2:'浮桥河水厂',name3:'2025-06-06 15:38:00',name4:1,name5:57,name6:104},
+ {name1:'变压器3',name2:'浮桥河水厂',name3:'2025-06-06 15:38:00',name4:1,name5:76,name6:54},
+]
+
+function SkReal({ style }) {
+ const dispatch = useDispatch();
+ const [skType,setSkType] = useState('1')
+
+ useEffect(()=>{
+ return ()=>{
+ const map = window.__mapref;
+ const layer = map.getLayer('水厂运行设备预警')
+ if(layer){
+ map.removeLayer('水厂运行设备预警');
+ map.removeSource('水厂运行设备预警');
+ }
+ }
+ },[])
+
+ useEffect(()=>{
+ const map = window.__mapref;
+ if(map){
+ if(skType==='1'){
+ // setLayer(data1,'sb')
+ }
+ if(skType==='2'){
+ // setLayer(data2,'fj')
+ }
+ if(skType==='3'){
+ // setLayer(data3,'dj')
+ }
+ }else{
+ const dsq = setInterval(() => {
+ const map = window.__mapref;
+ // if(map && drpData.length>0){
+ // clearInterval(dsq)
+ // // setLayer(drpData,'drp')
+ // }
+ }, 500);
+ }
+
+ },[skType])
+
+
+ return (
+
+
+ {
+ setSkType('1')
+ }}>水泵
+ {
+ setSkType('2')
+ }}>风机
+ {
+ setSkType('3')
+ }}>电机
+
+
+ }
+ >
+
+ {
+ skType==='1'?
+
+
+
+ 设备名称
+ 所在水厂
+ 监测时间
+ 电流（A）
+ 电压（V）
+ 轴承温度（℃）
+ 振动速度（mm/s）
+
+
+
+ {
+ data1.map((row) => (
+
+
+ {
+ dispatch?.runtime.setInfoDlg({ layerId: 'ShuiBengLayer', properties: {} })
+ }}>{row.name1}
+
+ {row.name2}
+ {row.name3}
+ {row.name4}
+ {row.name5}
+ {row.name6}
+ {row.name7}
+
+ ))
+ }
+
+
+ :null
+ }
+
+ {
+ skType==='2'?
+
+
+
+ 设备名称
+ 监测时间
+ 出口风压
+ 风量
+ 电机绕组温度（℃）
+ 齿轮箱油温（℃）
+
+
+
+ {
+ data2.map((row) => (
+
+
+ {
+ dispatch?.runtime.setInfoDlg({ layerId: 'ShuiBengLayer', properties: {} })
+ }}>{row.name}
+
+ {row.tm}
+ {row.ckfy}
+ {row.fl}
+ {row.djwd}
+ {row.clwd}
+
+ ))
+ }
+
+
+ :null
+ }
+ {
+ skType==='3'?
+
+
+
+ 设备名称
+ 监测时间
+ 功率因数
+ 谐波畸变率（%）
+ 电母线温度（℃）
+
+
+
+ {
+ data3.map((row) => (
+
+
+ {
+ }}>{row.name1}
+
+ {row.name3}
+ {row.name4}
+ {row.name5}
+ {row.name6}
+
+ ))
+ }
+
+
+ :null
+ }
+
+
+ )
+}
+
+export default React.memo(SkReal);
diff --git a/src/views/Home/panels/Sczl/index.js b/src/views/Home/panels/Sczl/index.js
new file mode 100644
index 0000000..164c898
--- /dev/null
+++ b/src/views/Home/panels/Sczl/index.js
@@ -0,0 +1,209 @@
+import React, { useMemo, useState } from 'react';
+import useRequest from '../../../../utils/useRequest';
+import { useDispatch, useSelector } from 'react-redux';
+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';
+import { DatePicker } from 'antd';
+import moment from 'moment';
+const { RangePicker } = DatePicker;
+
+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"
+ }
+]
+
+
+function DrpReal({ style }) {
+ const [tab,setTab] = useState('1')
+ const dispatch = useDispatch();
+ const [params, setParams] = useState({ tm: [
+ moment().add(-7, 'days'),
+ moment(),
+ ] })
+
+ 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,
+ })
+ };
+
+
+ return (
+
+
+ trigger.parentElement}
+ />
+
+
+ }
+ >
+ 
+
+
+
+
+ 水厂名称
+ 进水量
+ 供水量
+
+
+
+ {data1.map((row,index) => (
+
+
+ {
+ const { res_lon:lgtd, res_lat:lttd } = row;
+ if (lgtd && lttd) {
+ dispatch.runtime.setCameraTarget({
+ center: [lgtd, lttd],
+ zoom: 15,
+ pitch: 60,
+ bearing: 0
+ });
+ }
+ }}>{row.res_nm}
+
+ {row.cd_nm}
+ {row.du_value}
+
+ ))}
+
+
+
+
+
+
+ )
+}
+
+export default DrpReal;
*/}
+
+
+ }
+ >
+ 
+ {/*