mcfxkh-Web/src/views/Home/panels/Syjc/index.js

760 lines
21 KiB
JavaScript
Raw Normal View History

2025-06-06 16:30:16 +08:00
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';
const data2 = [
{
"cd": "1",
"cd_nm": "UPD1",
"ch": "0+060",
"res_reg_cd": "42118140011-A4",
"res_cd": "42118140038",
2025-06-11 11:10:37 +08:00
"res_lon": 114.87929,
"res_lat": 31.171467,
"res_nm": "浮桥河水库",
2025-06-06 16:30:16 +08:00
"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
}
]
function DrpReal({ style }) {
const [tab,setTab] = useState('1')
const dispatch = useDispatch();
return (
<PanelBox
style={style}
title="渗压监测"
color="green"
>
<TableContainer style={{ height: '100%' }}>
<Table size="small" stickyHeader>
<TableHead>
<TableRow>
<DpTableCell style={{ minWidth: '7rem' }} align="center">水库名称</DpTableCell>
<DpTableCell style={{ minWidth: '4rem' }} align="center">测点</DpTableCell>
<DpTableCell style={{ minWidth: '6rem' }} align="center">渗压水位</DpTableCell>
<DpTableCell style={{ minWidth: '9rem' }} align="center">监测时间</DpTableCell>
</TableRow>
</TableHead>
<TableBody>
{data2.map((row,index) => (
<DpTableRow key={row.stcd}>
<DpTableCell component="th" scope="row">
<div className="table-ellipsis cursor-pointer" onClick={() => {
2025-06-11 11:10:37 +08:00
const { res_lon: lgtd, res_lat: lttd,res_nm:stnm } = row;
if (stnm == '浮桥河水库') {
if (lgtd && lttd) {
dispatch.runtime.setCameraTarget({
center: [lgtd+ 0.0019, lttd],
zoom: 17,
pitch: 60,
bearing: 0
});
}
2025-06-06 16:30:16 +08:00
}
}}>{row.res_nm}</div>
</DpTableCell>
<DpTableCell align="center">{row.cd_nm}</DpTableCell>
<DpTableCell align="center">{row.value}</DpTableCell>
<DpTableCell align="center">{row.dt}</DpTableCell>
</DpTableRow>
))}
</TableBody>
</Table>
</TableContainer>
</PanelBox>
)
}
export default DrpReal;