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 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')
  const dispatch = useDispatch();


  return (
    <PanelBox
      style={style}
      title="关联站点"
      color="green"
      tabs={
        <span className="button-group">
          <span className={clsx({ active: tab==='1' })} onClick={() => {
            dispatch.map.setLayerVisible({'BxjcLayer':true});
            dispatch.map.setLayerVisible({'SyjcLayer':false});
            dispatch.map.setLayerVisible({'SljcLayer':false});
            dispatch.map.setLayerVisible({'ByjcLayer':false});
            setTab('1')
          }}>雨量站</span>
          <span className={clsx({ active: tab==='2' })} onClick={() => {
            dispatch.map.setLayerVisible({'BxjcLayer':false});
            dispatch.map.setLayerVisible({'SyjcLayer':true});
            dispatch.map.setLayerVisible({'SljcLayer':false});
            dispatch.map.setLayerVisible({'ByjcLayer':false});
            setTab('2')
          }}>水位站</span>
          <span className={clsx({ active: tab==='3' })} onClick={() => {
            dispatch.map.setLayerVisible({'BxjcLayer':false});
            dispatch.map.setLayerVisible({'SyjcLayer':false});
            dispatch.map.setLayerVisible({'SljcLayer':true});
            dispatch.map.setLayerVisible({'ByjcLayer':false});
            setTab('3')
          }}>流量站</span>
          <span className={clsx({ active: tab==='4' })} onClick={() => {
            dispatch.map.setLayerVisible({'BxjcLayer':false});
            dispatch.map.setLayerVisible({'SyjcLayer':false});
            dispatch.map.setLayerVisible({'SljcLayer':false});
            dispatch.map.setLayerVisible({'ByjcLayer':true});
            setTab('4')
          }}>图像站</span>
          <span className={clsx({ active: tab==='5' })} onClick={() => {
            dispatch.map.setLayerVisible({'BxjcLayer':false});
            dispatch.map.setLayerVisible({'SyjcLayer':false});
            dispatch.map.setLayerVisible({'SljcLayer':false});
            dispatch.map.setLayerVisible({'ByjcLayer':true});
            setTab('4')
          }}>视频站</span>
        </span>
      }
    >

      <TableContainer style={{ height: '100%' }}>
        {
          tab==='1'?
          <Table size="small" stickyHeader>
            <TableHead>
              <TableRow>
                <DpTableCell style={{ minWidth:'50px' }} align="center">序号</DpTableCell>
                <DpTableCell style={{ minWidth: '8rem' }} align="center">水库名称</DpTableCell>
                <DpTableCell style={{ minWidth: '6rem' }} align="center">行政区</DpTableCell>
                <DpTableCell style={{ minWidth: '3rem' }} align="center">测点</DpTableCell>
              </TableRow>
            </TableHead>
            <TableBody>
              {data1.map((row,index) => (
                <DpTableRow key={row.stcd}>
                  <DpTableCell align="center">{index+1}</DpTableCell>
                  <DpTableCell component="th" scope="row">
                    <div className="table-ellipsis cursor-pointer" onClick={() => {
                      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}</div>
                  </DpTableCell>
                  <DpTableCell align="center">{row.town_nm}</DpTableCell>
                  <DpTableCell align="center">{row.cd_nm}</DpTableCell>
                </DpTableRow>
              ))}
            </TableBody>
          </Table>:null
        }
        {
          tab==='2'?
          <Table size="small" stickyHeader>
            <TableHead>
              <TableRow>
                <DpTableCell style={{ minWidth: '50px' }} align="center">序号</DpTableCell>
                <DpTableCell style={{ minWidth: '8rem' }} align="center">水库名称</DpTableCell>
                <DpTableCell style={{ minWidth: '8rem' }} align="center">行政区</DpTableCell>
                <DpTableCell style={{ minWidth: '4rem' }} align="center">测点</DpTableCell>
                <DpTableCell style={{ minWidth: '6rem' }} align="center">渗压水位</DpTableCell>
                <DpTableCell style={{ minWidth: '10rem' }} align="center">监测时间</DpTableCell>

              </TableRow>
            </TableHead>
            <TableBody>
              {data2.map((row,index) => (
                <DpTableRow key={row.stcd}>
                  <DpTableCell align="center">{index+1}</DpTableCell>
                  <DpTableCell component="th" scope="row">
                    <div className="table-ellipsis cursor-pointer" onClick={() => {
                      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}</div>
                  </DpTableCell>
                  <DpTableCell align="center">{row.town_nm}</DpTableCell>
                  <DpTableCell align="center">{row.cd_nm}</DpTableCell>
                  <DpTableCell align="center">{row.value}</DpTableCell>
                  <DpTableCell align="center">{row.dt}</DpTableCell>

                </DpTableRow>
              ))}
            </TableBody>
          </Table>:null
        }
        {
          tab==='3'?
          <Table size="small" stickyHeader>
            <TableHead>
              <TableRow>
                <DpTableCell style={{ minWidth: '50px' }} align="center">序号</DpTableCell>
                <DpTableCell style={{ minWidth: '6rem' }} align="center">水库名称</DpTableCell>
                <DpTableCell style={{ minWidth: '7rem' }} align="center">行政区</DpTableCell>
                <DpTableCell style={{ minWidth: '4rem' }} align="center">测点</DpTableCell>
                <DpTableCell style={{ minWidth: '6rem' }} align="center">渗流量</DpTableCell>
                <DpTableCell style={{ minWidth: '8rem' }} align="center">监测时间</DpTableCell>
              </TableRow>
            </TableHead>
            <TableBody>
              {data3.map((row,index) => (
                <DpTableRow key={row.stcd}>
                  <DpTableCell align="center">{index+1}</DpTableCell>
                  <DpTableCell component="th" scope="row">
                    <div className="table-ellipsis cursor-pointer" onClick={() => {
                      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}</div>
                  </DpTableCell>
                  <DpTableCell align="center">{row.town_nm}</DpTableCell>
                  <DpTableCell align="center">{row.cd_nm}</DpTableCell>
                  <DpTableCell align="center">{row.value}</DpTableCell>
                  <DpTableCell align="center">{row.dt}</DpTableCell>
                </DpTableRow>
              ))}
            </TableBody>
          </Table>:null
        }
        {
          tab==='4'?
          <Table size="small" stickyHeader>
            <TableHead>
              <TableRow>
                <DpTableCell style={{ minWidth: '50px' }} align="center">序号</DpTableCell>
                <DpTableCell style={{ minWidth: '5.5rem' }} align="center">水库名称</DpTableCell>
                <DpTableCell style={{ minWidth: '7rem' }} align="center">行政区</DpTableCell>
                <DpTableCell style={{ minWidth: '6rem' }} align="center">测点</DpTableCell>
                <DpTableCell style={{ minWidth: '6rem' }} align="center">状态</DpTableCell>
                {/* <DpTableCell style={{ minWidth: '8rem' }} align="center">监测时间</DpTableCell> */}
              </TableRow>
            </TableHead>
            <TableBody>
              {data4.map((row,index) => (
                <DpTableRow key={row.stcd}>
                  <DpTableCell align="center">{index+1}</DpTableCell>
                  <DpTableCell component="th" scope="row">
                    <div className="table-ellipsis cursor-pointer" onClick={() => {
                      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}</div>
                  </DpTableCell>
                  <DpTableCell align="center">{row.town_nm}</DpTableCell>
                  <DpTableCell align="center">{row.res_nm}</DpTableCell>
                  <DpTableCell align="center">{row?.children?.[0]?.termite_status==='y'?<span style={{color:'#ff4d4f',display:'flex',alignItems:'center'}}><div style={{width:'10px',height:'10px',borderRadius:'10px',marginRight:'7px',background:'#ff4d4f'}}></div>有白蚁</span>:<span style={{color:'#3af6cd',display:'flex',alignItems:'center'}}><div style={{width:'10px',height:'10px',borderRadius:'10px',marginRight:'7px',background:'#3af6cd'}}></div>无白蚁</span>}</DpTableCell>
                  {/* <DpTableCell align="center">{row.dt}</DpTableCell> */}
                </DpTableRow>
              ))}
            </TableBody>
          </Table>:null
        }
      </TableContainer>
    </PanelBox>
  )
}

export default DrpReal;