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

1590 lines
46 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

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 (
<PanelBox
style={style}
title="防汛调度"
color="green"
tabs={
<span className="button-group">
<span className={clsx({ active: tab==='1' })} onClick={() => setTab('1')}>物资仓库</span>
<span className={clsx({ active: tab==='2' })} onClick={() => setTab('2')}>应急队伍</span>
{/* <span className={clsx({ active: tab==='3' })} onClick={() => setTab('3')}>闸门</span> */}
<span className={clsx({ active: tab==='4' })} onClick={() => setTab('4')}>安置点</span>
</span>
}
>
<TableContainer style={{ height: '100%' }}>
{
tab==='1'?
<Table size="small" stickyHeader>
<TableHead>
<TableRow>
<DpTableCell style={{ maxWidth: '20%' }} align="center">仓库名称</DpTableCell>
<DpTableCell style={{ maxWidth: '20%' }} align="center">仓库地址</DpTableCell>
</TableRow>
</TableHead>
<TableBody>
{/* {data1.map((row,index) => (
<DpTableRow key={row.stcd}>
<DpTableCell align="center">{index+1}</DpTableCell>
<DpTableCell align="center">{row.res_nm}</DpTableCell>
</DpTableRow>
))} */}
<DpTableRow>
<DpTableCell align="center">麻城市应急物资储备中心</DpTableCell>
<DpTableCell align="center">麻城市京广大道与金交汇处</DpTableCell>
</DpTableRow>
</TableBody>
</Table>:null
}
{
tab==='2'?
<Table size="small" stickyHeader>
<TableHead>
<TableRow>
<DpTableCell style={{ maxWidth: '20%' }} align="center">队伍名称</DpTableCell>
<DpTableCell style={{ minWidth: '5rem' }} align="center">人员总数</DpTableCell>
<DpTableCell style={{ maxWidth: '20%' }} align="center">地址</DpTableCell>
<DpTableCell style={{ maxWidth: '20%' }} align="center">管理单位</DpTableCell>
</TableRow>
</TableHead>
<TableBody>
{/* {data2.map((row,index) => (
<DpTableRow key={row.stcd}>
<DpTableCell align="center">{index+1}</DpTableCell>
<DpTableCell align="center">{row.res_nm}</DpTableCell>
<DpTableCell align="center">{row.town_nm}</DpTableCell>
<DpTableCell align="center">{row.cd_nm}</DpTableCell>
<DpTableCell align="center">{row.value}</DpTableCell>
</DpTableRow>
))} */}
<DpTableRow>
<DpTableCell align="center">乡镇应急救援中队</DpTableCell>
<DpTableCell align="center">20</DpTableCell>
<DpTableCell align="center">麻城市京广大道与金交汇处</DpTableCell>
<DpTableCell align="center">麻城市水利局</DpTableCell>
</DpTableRow>
</TableBody>
</Table>:null
}
{
tab==='3'?
<Table size="small" stickyHeader>
<TableHead>
<TableRow>
<DpTableCell style={{ maxWidth: '20%' }} align="center">序号</DpTableCell>
<DpTableCell style={{ maxWidth: '20%' }} align="center">水库名称</DpTableCell>
<DpTableCell style={{ maxWidth: '20%' }} align="center">行政区</DpTableCell>
<DpTableCell style={{ maxWidth: '20%' }} align="center">测点</DpTableCell>
<DpTableCell style={{ maxWidth: '20%' }} align="center">渗流量</DpTableCell>
</TableRow>
</TableHead>
<TableBody>
{data3.map((row,index) => (
<DpTableRow key={row.stcd}>
<DpTableCell align="center">{index+1}</DpTableCell>
<DpTableCell align="center">{row.res_nm}</DpTableCell>
<DpTableCell align="center">{row.town_nm}</DpTableCell>
<DpTableCell align="center">{row.cd_nm}</DpTableCell>
<DpTableCell align="center">{row.value}</DpTableCell>
</DpTableRow>
))}
</TableBody>
</Table>:null
}
{
tab==='4'?
<Table size="small" stickyHeader>
<TableHead>
<TableRow>
<DpTableCell style={{ maxWidth: '20%' }} align="center">安置点名称</DpTableCell>
<DpTableCell style={{ maxWidth: '20%' }} align="center">容纳人数</DpTableCell>
<DpTableCell style={{ maxWidth: '20%' }} align="center">地址</DpTableCell>
<DpTableCell style={{ maxWidth: '20%' }} align="center">管理单位</DpTableCell>
</TableRow>
</TableHead>
<TableBody>
{/* {data4.map((row,index) => (
<DpTableRow key={row.stcd}>
<DpTableCell align="center">{index+1}</DpTableCell>
<DpTableCell align="center">{row.res_nm}</DpTableCell>
<DpTableCell align="center">{row.town_nm}</DpTableCell>
<DpTableCell align="center">{row.res_nm}</DpTableCell>
<DpTableCell align="center">{row?.children?.[0]?.termite_status==='y'?'有白蚁':'无白蚁'}</DpTableCell>
</DpTableRow>
))} */}
<DpTableRow>
<DpTableCell align="center">阎家河镇</DpTableCell>
<DpTableCell align="center">1800</DpTableCell>
<DpTableCell align="center">麻城市京广大道与金交汇处</DpTableCell>
<DpTableCell align="center">麻城市水利局</DpTableCell>
</DpTableRow>
</TableBody>
</Table>:null
}
</TableContainer>
</PanelBox>
)
}
export default DrpReal;