import clsx from 'clsx';
import React, { useMemo, useState,useEffect } from 'react';
import { useDispatch, useSelector } from 'react-redux';
import useRequest from '../../../../utils/useRequest';
import PanelBox from '../../components/PanelBox';
import {
    Box,
    Typography,
    Checkbox,
    FormControlLabel,
    ButtonGroup,
    Button,
    Table,
    TableBody,
    TableCell,
    TableContainer,
    TableHead,
    TableRow,
    IconButton,
    Collapse,
    Paper
  } from '@material-ui/core';
  import RemoveIcon from '@material-ui/icons/Remove';
import { makeStyles } from '@material-ui/core/styles';
import AddIcon from '@material-ui/icons/Add';
import DpTableCell from '../../../../layouts/mui/DpTableCell';
import DpTableRow from '../../../../layouts/mui/DpTableRow';
import appconsts from '../../../../models/appconsts';
import { DatePicker } from 'antd';
import { SkRealPromise } from '../../../../models/_/real';
import { InfoPopNames } from '../../InfoPops';
import { renderDrp, renderSkArz, renderSkRz } from '../../../../utils/renutils';
import config from '../../../../config';
import moment from 'moment';
const { RangePicker } = DatePicker;

const lyData = [
  {
      "id": "FE220003640420000",
      "name": "唐崖河",
      "drp": 0.1,
      "lgtd": null,
      "lttd": null,
      "timeRainVos": [
          {
              "tm": "2025-06-03 09:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 10:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 11:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 12:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 13:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 14:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 15:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 16:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 17:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 18:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 19:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 20:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 21:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 22:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 23:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 00:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 01:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 02:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 03:00:00",
              "drp": 0.1
          },
          {
              "tm": "2025-06-04 04:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 05:00:00",
              "drp": 0.1
          },
          {
              "tm": "2025-06-04 06:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 07:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 08:00:00",
              "drp": 0
          }
      ]
  },
  {
      "id": "FE223017470420000",
      "name": "南河",
      "drp": 0.1,
      "lgtd": null,
      "lttd": null,
      "timeRainVos": [
          {
              "tm": "2025-06-03 09:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 10:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 11:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 12:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 13:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 14:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 15:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 16:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 17:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 18:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 19:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 20:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 21:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 22:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 23:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 00:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 01:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 02:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 03:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 04:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 05:00:00",
              "drp": 0.1
          },
          {
              "tm": "2025-06-04 06:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 07:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 08:00:00",
              "drp": 0
          }
      ]
  },
  {
      "id": "FE225417700420000",
      "name": "土溪河",
      "drp": 0,
      "lgtd": null,
      "lttd": null,
      "timeRainVos": [
          {
              "tm": "2025-06-03 09:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 10:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 11:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 12:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 13:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 14:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 15:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 16:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 17:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 18:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 19:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 20:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 21:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 22:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 23:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 00:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 01:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 02:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 03:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 04:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 05:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 06:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 07:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 08:00:00",
              "drp": 0
          }
      ]
  },
  {
      "id": "FE224122490420000",
      "name": "青狮河",
      "drp": 0,
      "lgtd": null,
      "lttd": null,
      "timeRainVos": [
          {
              "tm": "2025-06-03 09:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 10:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 11:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 12:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 13:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 14:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 15:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 16:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 17:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 18:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 19:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 20:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 21:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 22:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 23:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 00:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 01:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 02:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 03:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 04:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 05:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 06:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 07:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 08:00:00",
              "drp": 0
          }
      ]
  },
  {
      "id": "WFE22001211Z0000",
      "name": "蛇盘溪河",
      "drp": 0,
      "lgtd": null,
      "lttd": null,
      "timeRainVos": [
          {
              "tm": "2025-06-03 09:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 10:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 11:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 12:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 13:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 14:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 15:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 16:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 17:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 18:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 19:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 20:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 21:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 22:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 23:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 00:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 01:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 02:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 03:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 04:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 05:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 06:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 07:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 08:00:00",
              "drp": 0
          }
      ]
  },
  {
      "id": "FA851L26420420000",
      "name": "野猫河",
      "drp": 0,
      "lgtd": null,
      "lttd": null,
      "timeRainVos": [
          {
              "tm": "2025-06-03 09:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 10:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 11:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 12:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 13:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 14:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 15:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 16:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 17:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 18:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 19:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 20:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 21:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 22:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 23:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 00:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 01:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 02:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 03:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 04:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 05:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 06:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 07:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 08:00:00",
              "drp": 0
          }
      ]
  },
  {
      "id": "FA85A813600420001",
      "name": "曲江河",
      "drp": 0,
      "lgtd": null,
      "lttd": null,
      "timeRainVos": [
          {
              "tm": "2025-06-03 09:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 10:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 11:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 12:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 13:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 14:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 15:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 16:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 17:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 18:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 19:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 20:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 21:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 22:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 23:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 00:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 01:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 02:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 03:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 04:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 05:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 06:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 07:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 08:00:00",
              "drp": 0
          }
      ]
  },
  {
      "id": "FA85B120410420000",
      "name": "龙洞河",
      "drp": 0,
      "lgtd": null,
      "lttd": null,
      "timeRainVos": [
          {
              "tm": "2025-06-03 09:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 10:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 11:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 12:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 13:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 14:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 15:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 16:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 17:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 18:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 19:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 20:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 21:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 22:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 23:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 00:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 01:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 02:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 03:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 04:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 05:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 06:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 07:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 08:00:00",
              "drp": 0
          }
      ]
  },
  {
      "id": "WFE22001291P0000",
      "name": "冷水河",
      "drp": 0,
      "lgtd": null,
      "lttd": null,
      "timeRainVos": [
          {
              "tm": "2025-06-03 09:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 10:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 11:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 12:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 13:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 14:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 15:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 16:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 17:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 18:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 19:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 20:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 21:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 22:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 23:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 00:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 01:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 02:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 03:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 04:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 05:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 06:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 07:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 08:00:00",
              "drp": 0
          }
      ]
  },
  {
      "id": "FA85A813600420000",
      "name": "忠建河",
      "drp": 0,
      "lgtd": null,
      "lttd": null,
      "timeRainVos": [
          {
              "tm": "2025-06-03 09:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 10:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 11:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 12:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 13:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 14:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 15:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 16:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 17:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 18:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 19:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 20:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 21:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 22:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 23:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 00:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 01:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 02:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 03:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 04:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 05:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 06:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 07:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 08:00:00",
              "drp": 0
          }
      ]
  },
  {
      "id": "FE243615050420000",
      "name": "龙嘴河",
      "drp": 0,
      "lgtd": null,
      "lttd": null,
      "timeRainVos": [
          {
              "tm": "2025-06-03 09:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 10:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 11:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 12:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 13:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 14:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 15:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 16:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 17:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 18:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 19:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 20:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 21:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 22:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 23:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 00:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 01:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 02:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 03:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 04:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 05:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 06:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 07:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 08:00:00",
              "drp": 0
          }
      ]
  },
  {
      "id": "WFE22001211j0000",
      "name": "白家河",
      "drp": 0,
      "lgtd": null,
      "lttd": null,
      "timeRainVos": [
          {
              "tm": "2025-06-03 09:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 10:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 11:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 12:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 13:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 14:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 15:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 16:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 17:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 18:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 19:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 20:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 21:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 22:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 23:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 00:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 01:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 02:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 03:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 04:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 05:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 06:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 07:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 08:00:00",
              "drp": 0
          }
      ]
  }
]
const qyData = [
  {
      "id": "422826203",
      "name": "小村乡",
      "drp": 0.1,
      "lgtd": null,
      "lttd": null,
      "timeRainVos": [
          {
              "tm": "2025-06-03 09:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 10:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 11:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 12:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 13:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 14:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 15:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 16:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 17:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 18:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 19:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 20:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 21:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 22:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 23:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 00:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 01:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 02:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 03:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 04:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 05:00:00",
              "drp": 0.1
          },
          {
              "tm": "2025-06-04 06:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 07:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 08:00:00",
              "drp": 0
          }
      ]
  },
  {
      "id": "422826204",
      "name": "黄金洞乡",
      "drp": 0.1,
      "lgtd": null,
      "lttd": null,
      "timeRainVos": [
          {
              "tm": "2025-06-03 09:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 10:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 11:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 12:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 13:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 14:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 15:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 16:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 17:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 18:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 19:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 20:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 21:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 22:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 23:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 00:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 01:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 02:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 03:00:00",
              "drp": 0.1
          },
          {
              "tm": "2025-06-04 04:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 05:00:00",
              "drp": 0.1
          },
          {
              "tm": "2025-06-04 06:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 07:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 08:00:00",
              "drp": 0
          }
      ]
  },
  {
      "id": "422826102",
      "name": "坪坝营镇",
      "drp": 0,
      "lgtd": null,
      "lttd": null,
      "timeRainVos": [
          {
              "tm": "2025-06-03 09:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 10:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 11:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 12:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 13:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 14:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 15:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 16:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 17:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 18:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 19:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 20:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 21:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 22:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 23:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 00:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 01:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 02:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 03:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 04:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 05:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 06:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 07:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 08:00:00",
              "drp": 0
          }
      ]
  },
  {
      "id": "422826100",
      "name": "高乐山镇",
      "drp": 0,
      "lgtd": null,
      "lttd": null,
      "timeRainVos": [
          {
              "tm": "2025-06-03 09:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 10:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 11:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 12:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 13:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 14:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 15:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 16:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 17:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 18:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 19:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 20:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 21:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 22:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 23:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 00:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 01:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 02:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 03:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 04:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 05:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 06:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 07:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 08:00:00",
              "drp": 0
          }
      ]
  },
  {
      "id": "422826105",
      "name": "唐崖镇",
      "drp": 0,
      "lgtd": null,
      "lttd": null,
      "timeRainVos": [
          {
              "tm": "2025-06-03 09:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 10:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 11:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 12:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 13:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 14:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 15:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 16:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 17:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 18:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 19:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 20:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 21:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 22:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 23:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 00:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 01:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 02:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 03:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 04:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 05:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 06:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 07:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 08:00:00",
              "drp": 0
          }
      ]
  },
  {
      "id": "422826104",
      "name": "清坪镇",
      "drp": 0,
      "lgtd": null,
      "lttd": null,
      "timeRainVos": [
          {
              "tm": "2025-06-03 09:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 10:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 11:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 12:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 13:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 14:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 15:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 16:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 17:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 18:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 19:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 20:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 21:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 22:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 23:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 00:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 01:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 02:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 03:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 04:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 05:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 06:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 07:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 08:00:00",
              "drp": 0
          }
      ]
  },
  {
      "id": "422826106",
      "name": "曲江镇",
      "drp": 0,
      "lgtd": null,
      "lttd": null,
      "timeRainVos": [
          {
              "tm": "2025-06-03 09:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 10:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 11:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 12:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 13:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 14:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 15:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 16:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 17:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 18:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 19:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 20:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 21:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 22:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 23:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 00:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 01:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 02:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 03:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 04:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 05:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 06:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 07:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 08:00:00",
              "drp": 0
          }
      ]
  },
  {
      "id": "422826101",
      "name": "忠堡镇",
      "drp": 0,
      "lgtd": null,
      "lttd": null,
      "timeRainVos": [
          {
              "tm": "2025-06-03 09:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 10:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 11:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 12:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 13:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 14:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 15:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 16:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 17:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 18:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 19:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 20:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 21:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 22:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 23:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 00:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 01:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 02:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 03:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 04:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 05:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 06:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 07:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 08:00:00",
              "drp": 0
          }
      ]
  },
  {
      "id": "422826103",
      "name": "朝阳寺镇",
      "drp": 0,
      "lgtd": null,
      "lttd": null,
      "timeRainVos": [
          {
              "tm": "2025-06-03 09:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 10:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 11:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 12:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 13:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 14:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 15:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 16:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 17:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 18:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 19:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 20:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 21:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 22:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 23:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 00:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 01:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 02:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 03:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 04:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 05:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 06:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 07:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 08:00:00",
              "drp": 0
          }
      ]
  },
  {
      "id": "422826202",
      "name": "活龙坪乡",
      "drp": 0,
      "lgtd": null,
      "lttd": null,
      "timeRainVos": [
          {
              "tm": "2025-06-03 09:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 10:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 11:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 12:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 13:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 14:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 15:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 16:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 17:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 18:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 19:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 20:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 21:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 22:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 23:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 00:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 01:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 02:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 03:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 04:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 05:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 06:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 07:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 08:00:00",
              "drp": 0
          }
      ]
  },
  {
      "id": "422826400",
      "name": "大路坝区",
      "drp": 0,
      "lgtd": null,
      "lttd": null,
      "timeRainVos": [
          {
              "tm": "2025-06-03 09:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 10:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 11:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 12:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 13:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 14:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 15:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 16:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 17:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 18:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 19:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 20:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 21:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 22:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-03 23:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 00:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 01:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 02:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 03:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 04:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 05:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 06:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 07:00:00",
              "drp": 0
          },
          {
              "tm": "2025-06-04 08:00:00",
              "drp": 0
          }
      ]
  }
]
const ljtj = [
    {'level':'≥250',children:[],stcd:'001'},
    {'level':'100~250',children:[],stcd:'002'},
    {'level':'50~100',children:[],stcd:'003'},
    {'level':'25~50',children:[],stcd:'004'},
    {'level':'10~25',children:[],stcd:'005'},
    {'level':'0.1~10',stcd:'006',children:[
        {
            "stcd": "60848595",
            "sttp": null,
            "stnm": "田坝雨量站",
            "stlc": "咸丰县小村乡田坝",
            "drp": 0.1,
            "adcd": "422826203000000",
            "adnm": "小村乡",
            "resCode": null,
            "resName": null,
            "basCode": "FE223017470420000",
            "basName": "南河",
            "lgtd": "108.947777800",
            "lttd": "29.950277780",
            "source": null,
            "rainTag": 1,
            "yesDrp": null,
            "stype": null
        }
    ]},
]

const useStyles = makeStyles((theme) => ({
    root: {
      color: '#fff'
    },
    table: {
      '& .MuiTableCell-root': {
        color: '#fff',
        borderBottom: '1px solid rgba(255, 255, 255, 0.1)'
      }
    },
    warningRow: {
      '&.immediate': {
        backgroundColor: '#d32f2f'
      },
      '&.prepare': {
        backgroundColor: '#ed6c02'
      }
    },
    expandIcon: {
      marginRight: theme.spacing(1),
      fontSize: 20,
      cursor: 'pointer',
      transition: 'transform 0.3s',
      '&.expanded': {
        transform: 'rotate(180deg)'
      }
    },
    warningCount: {
      marginLeft: theme.spacing(1)
    },
    expandedContent: {
      backgroundColor: 'rgba(0, 0, 0, 0.2)',
      padding: theme.spacing(2)
    },
    statsSection: {
      marginTop: theme.spacing(4)
    },
    statsTitle: {
      color: '#1976d2',
      marginBottom: theme.spacing(3)
    },
    warningStats: {
      display: 'flex',
      justifyContent: 'space-around',
      marginTop: theme.spacing(2)
    },
    statItem: {
      display: 'flex',
      flexDirection: 'column',
      alignItems: 'center'
    },
    warningIcon: {
      fontSize: 40,
      marginBottom: theme.spacing(1),
      '&.immediate': {
        color: '#d32f2f'
      },
      '&.prepare': {
        color: '#ed6c02'
      }
    },
  }));

export default function AreaDrp({ style }) {
  const dispatch = useDispatch();
  const classes = useStyles();
  const [params, setParams] = useState({ tm: [moment(),moment().add(1,'days')] })
  const [tabVal, setTabVal] = useState('1')
  const [expanded, setExpanded] = useState({});
  let { data } = useRequest(SkRealPromise.get);
  const sortedData = useMemo(() => (data || []).sort((a, b) => (b.aRz - a.aRz), [data]));

  const flyTo = (record) => {
    const { lgtd, lttd } = record;
    if (lgtd && lttd) {
      dispatch.runtime.setFeaturePop({ type: InfoPopNames.RealSkPop, properties: record, coordinates: [lgtd, lttd] });
      dispatch.runtime.setCameraTarget({
        center: [lgtd, lttd + config.poiPositionOffsetY.sk],
        zoom: config.poiPositionZoom.sk,
        pitch: config.poiPitch,
        bearing: 0,
      });
    }
  }

  const handleExpand = (type) => {
    setExpanded(prev => ({
    //   ...prev,
      [type]: !prev[type]
    }));
  };

  return (
    <>
        <div style={{color:'#ffffff',padding:'0px 5px',display:'flex',alignItems:'center'}}>时段选择
            <div className='tm' style={{position:"relative",zIndex:999999,color:"#fff",width:"71%",margin:'10px'}}>
            <RangePicker
                className='time-picker'
                disabled
                style={{
                    flex:1,
                    background: "transparent",
                    border: "none",
                    color: "#fff",
                }}
                onChange={(e)=>{
                    setParams({
                    ...params,
                    stm: e[0].format("YYYY-MM-DD HH:mm"),
                    etm: e[1].format("YYYY-MM-DD HH:mm"),
                    tm:e,
                    })
                }}
                allowClear
                format="YYYY-MM-DD HH:mm"
                showTime={{
                    format: 'HH:mm',
                }}
                value={params.tm}
            />
            </div>
        </div>
        <TableContainer style={{ height: '30rem', border:'1px solid rgb(50 50 65)' }}>
        <Table size="small" stickyHeader>
            <TableHead>
                <TableRow>
                    <DpTableCell style={{ minWidth: '1rem' }} align="left"></DpTableCell>
                    <DpTableCell style={{ minWidth: '3rem' }} align="center">站名</DpTableCell>
                    <DpTableCell style={{ minWidth: '6rem' }} align="center">累计雨量(mm)</DpTableCell>
                    <DpTableCell style={{ minWidth: '5rem' }} align="center">所属政区</DpTableCell>
                    <DpTableCell style={{ minWidth: '5rem' }} align="center">所属流域</DpTableCell>
                </TableRow>
            </TableHead>
            <TableBody>
                {ljtj.map((row) => (
                <>
                    <DpTableRow key={row.stcd}>
                        <DpTableCell component="th" scope="row">
                            <Box display="flex" alignItems="center">
                                {expanded[row.stcd] ? (
                                <RemoveIcon
                                    className={`${classes.expandIcon} expanded`}
                                    onClick={() => handleExpand(row.stcd)}
                                />
                                ) : ( 
                                <AddIcon
                                    className={classes.expandIcon}
                                    onClick={() => handleExpand(row.stcd)}
                                />
                                )}
                            </Box>
                        </DpTableCell>
                        <DpTableCell align="center">
                            <div className="table-ellipsis cursor-pointer" onClick={() => {}}>{row.level+"（"+row.children.length+"）"}</div>
                        </DpTableCell>
                        <DpTableCell align="center"></DpTableCell>
                        <DpTableCell align="center"></DpTableCell>
                        <DpTableCell align="center"></DpTableCell>
                    </DpTableRow>
                    <DpTableRow>
                        <DpTableCell colSpan={4} style={{ padding: 0 }}>
                            <Collapse in={expanded[row.stcd]} timeout="auto" unmountOnExit>
                                <div style={{position:'relative'}}>
                                    <div style={{position:'absolute',left:'0rem'}}>
                                        {
                                            row.children.map((i,index)=>(
                                                <div style={{display:'flex', color:'#ffffff',padding:'10px 0',paddingLeft:"2.5rem",background:'#1c2439',width:'26.6rem'}}>
                                                    <div style={{width:'8rem',textAlign:'center'}}>{i.stnm}</div>
                                                    <div style={{width:'5rem',textAlign:'center'}}>{i.drp}</div>
                                                    <div style={{width:'7rem',textAlign:'center'}}>{i.adnm}</div>
                                                    <div style={{width:'3rem',textAlign:'center'}}>{i.basName}</div>
                                                </div>
                                            ))
                                        }
                                    </div>
                                </div>
                            </Collapse>
                        </DpTableCell>
                    </DpTableRow>
                </>
                ))}
            </TableBody>
            </Table>
        </TableContainer>
        <div style={{color:'#ffffff',padding:'0px 5px',display:'flex',marginTop:'4px',background:'#050d22',alignItems:'center'}}>
        站点统计（个）：<span style={{fontSize:'24px',color:'#3788fc',padding:"0 15px 0 5px"}}>120 </span>
        其中有雨站点（个）：<span style={{fontSize:'24px',color:'#3788fc',padding:"0 15px 0 5px"}}>120</span>
        </div>
        <img  src='/assets/天气预报2.jpg' style={{width:'100%',padding:'10px 5px'}}/>
    </>
  )
}