diff --git a/public/assets/duibi2.png b/public/assets/duibi2.png
new file mode 100644
index 0000000..226e5c9
Binary files /dev/null and b/public/assets/duibi2.png differ
diff --git a/public/assets/gantanh.png b/public/assets/gantanh.png
new file mode 100644
index 0000000..f867dc8
Binary files /dev/null and b/public/assets/gantanh.png differ
diff --git a/public/assets/gantanhpng.png b/public/assets/gantanhpng.png
new file mode 100644
index 0000000..623c05c
Binary files /dev/null and b/public/assets/gantanhpng.png differ
diff --git a/public/assets/gaoguan.mp4 b/public/assets/gaoguan.mp4
new file mode 100644
index 0000000..7979ba2
Binary files /dev/null and b/public/assets/gaoguan.mp4 differ
diff --git a/public/assets/pietl.jpg b/public/assets/pietl.jpg
new file mode 100644
index 0000000..1c2119b
Binary files /dev/null and b/public/assets/pietl.jpg differ
diff --git a/public/assets/shuikugh.png b/public/assets/shuikugh.png
new file mode 100644
index 0000000..40b2321
Binary files /dev/null and b/public/assets/shuikugh.png differ
diff --git a/public/assets/sjti2.png b/public/assets/sjti2.png
new file mode 100644
index 0000000..04f26e8
Binary files /dev/null and b/public/assets/sjti2.png differ
diff --git a/public/assets/sjtj1.jpg b/public/assets/sjtj1.jpg
new file mode 100644
index 0000000..2841fa0
Binary files /dev/null and b/public/assets/sjtj1.jpg differ
diff --git a/public/assets/sjyf.jpg b/public/assets/sjyf.jpg
new file mode 100644
index 0000000..5c5222e
Binary files /dev/null and b/public/assets/sjyf.jpg differ
diff --git a/public/assets/xcxq.png b/public/assets/xcxq.png
new file mode 100644
index 0000000..c1253b9
Binary files /dev/null and b/public/assets/xcxq.png differ
diff --git a/public/mapbox/sprite@2x.json b/public/mapbox/sprite@2x.json
index 3a2a505..c88673f 100644
--- a/public/mapbox/sprite@2x.json
+++ b/public/mapbox/sprite@2x.json
@@ -70,6 +70,14 @@
     "y": 0,
     "pixelRatio": 1,
     "visible": true
+  },
+   "巡查": {
+    "width": 32,
+    "height": 32,
+    "x": 128,
+    "y": 32,
+    "pixelRatio": 1,
+    "visible": true
   },
   "水库-离线": {
     "width": 32,
diff --git a/public/mapbox/sprite@2x.png b/public/mapbox/sprite@2x.png
index 5193efd..5384240 100644
Binary files a/public/mapbox/sprite@2x.png and b/public/mapbox/sprite@2x.png differ
diff --git a/src/models/map/index.js b/src/models/map/index.js
index 6071fba..4d72b97 100644
--- a/src/models/map/index.js
+++ b/src/models/map/index.js
@@ -442,7 +442,7 @@ const map = {
       dispatch.runtime.setFeaturePop(null);
 
 
-      if (id === 201 || id === 205) {
+      if (id === 201) {
         dispatch.map.setLayerSetting({ dom: false });
         map.setLayoutProperty('热力图', 'visibility', 'visible');
       } else {
diff --git a/src/models/map/layout.js b/src/models/map/layout.js
index 994f72f..8b77ff9 100644
--- a/src/models/map/layout.js
+++ b/src/models/map/layout.js
@@ -89,7 +89,7 @@ export default function calcLayout(view, rightStack, hidePanels) {
     } else if (view === 206) {
       left = [
         { key: '天气' },
-        { key: '水库管理', style: { height: '40rem', flexGrow: 1 } },
+        { key: '巡查任务总览', style: { height: '40rem', flexGrow: 1 } },
       ];
       leftFullHeight = true;
     } else if (view === 301) {
@@ -267,8 +267,10 @@ export default function calcLayout(view, rightStack, hidePanels) {
         ];
       } else if (view === 206) {
         right = [
-          { key: '警报' },
+          { key: '巡查问题看板', style: { height: '70%', flexGrow: 1 } },
+          { key: '水库管护', style: { height: '10rem', flexGrow: 1 } },
         ];
+      rightFullHeight = true;
       } else if (view === 301) {
         right = [
           // { key: '警报' },
diff --git a/src/views/Home/InfoDlg/HistoryYyDlg/VideoCom.js b/src/views/Home/InfoDlg/HistoryYyDlg/VideoCom.js
index a003f60..25d8c40 100644
--- a/src/views/Home/InfoDlg/HistoryYyDlg/VideoCom.js
+++ b/src/views/Home/InfoDlg/HistoryYyDlg/VideoCom.js
@@ -5,7 +5,7 @@ import {
   Box,
 } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
-
+import clsx from "clsx"
 import PlayArrowIcon from '@material-ui/icons/PlayArrow';
 import PauseIcon from '@material-ui/icons/Pause';
 
@@ -35,15 +35,33 @@ const useStyles = makeStyles((theme) => ({
     display: 'flex',
     alignItems: 'center',
     gap: theme.spacing(2),
+  },
+   controls1: {
+    position: 'absolute',
+    top: '50%',
+    left: '50%',
+    transform: 'translate(-50%, -50%)',
+    padding: theme.spacing(2),
+    background: 'rgba(0,0,0,0.7)',
+    borderRadius: theme.spacing(1),
+    display: 'flex',
+    alignItems: 'center',
+    gap: theme.spacing(2),
+    width: '800px',
+     maxWidth: '90%',
+     pointerEvents: 'none', 
+    
   },
   playButton: {
     color: '#fff',
+    pointerEvents: 'auto',
     '&:hover': {
       backgroundColor: 'rgba(255,255,255,0.1)',
     },
   },
   slider: {
     color: '#1976d2',
+     pointerEvents: 'auto',
     flex: 1,
     '& .MuiSlider-rail': {
       backgroundColor: 'rgba(255,255,255,0.3)',
@@ -65,6 +83,7 @@ const useStyles = makeStyles((theme) => ({
     fontSize: '0.875rem',
     minWidth: 100,
     textAlign: 'right',
+     pointerEvents: 'auto', 
   },
   dateDisplay: {
     position: 'absolute',
@@ -75,9 +94,13 @@ const useStyles = makeStyles((theme) => ({
     fontWeight: 500,
     textShadow: '1px 1px 2px rgba(0,0,0,0.5)',
   },
+  odd: {
+    zIndex: 1, 
+    position: 'absolute'
+  }
 }));
 
-const VideoPlayer = ({ videoUrl, date }) => {
+const VideoPlayer = ({ videoUrl, date,odd=false }) => {
   const classes = useStyles();
   const [playing, setPlaying] = useState(false);
   const [progress, setProgress] = useState(0);
@@ -120,7 +143,7 @@ const VideoPlayer = ({ videoUrl, date }) => {
   };
 
   return (
-    <div className={classes.root}>
+    <div className={clsx({[classes.root]:true,[classes.odd]:odd})}>
       <div className={classes.videoContainer}>
         <video
           ref={videoRef}
diff --git a/src/views/Home/InfoDlg/HistoryYyDlg/historyYy.js b/src/views/Home/InfoDlg/HistoryYyDlg/historyYy.js
index 2ff0c87..42c9311 100644
--- a/src/views/Home/InfoDlg/HistoryYyDlg/historyYy.js
+++ b/src/views/Home/InfoDlg/HistoryYyDlg/historyYy.js
@@ -5,7 +5,7 @@ import { makeStyles } from '@material-ui/core/styles';
 const useStyles = makeStyles(() => ({
   card: {
     marginBottom: '16px',
-    // backgroundColor: '#fff',
+    backgroundColor: 'transparent',
     '&:hover': {
       boxShadow: '0 4px 12px rgba(0,0,0,0.1)'
     }
diff --git a/src/views/Home/InfoDlg/HistoryYyDlg/historyYyBottom.js b/src/views/Home/InfoDlg/HistoryYyDlg/historyYyBottom.js
index f7d8213..6a9b9fc 100644
--- a/src/views/Home/InfoDlg/HistoryYyDlg/historyYyBottom.js
+++ b/src/views/Home/InfoDlg/HistoryYyDlg/historyYyBottom.js
@@ -5,7 +5,7 @@ import { makeStyles } from '@material-ui/core/styles';
 const useStyles = makeStyles(() => ({
   card: {
     marginBottom: '16px',
-    // backgroundColor: '#fff',
+    backgroundColor: 'transparent',
     '&:hover': {
       boxShadow: '0 4px 12px rgba(0,0,0,0.1)'
     }
diff --git a/src/views/Home/InfoDlg/HistoryYyDlg/rightYy.js b/src/views/Home/InfoDlg/HistoryYyDlg/rightYy.js
index 1bf6950..33259fa 100644
--- a/src/views/Home/InfoDlg/HistoryYyDlg/rightYy.js
+++ b/src/views/Home/InfoDlg/HistoryYyDlg/rightYy.js
@@ -43,7 +43,7 @@ const useStyles = makeStyles((theme) => ({
   },
   statsContainer: {
     marginTop: theme.spacing(2),
-    backgroundColor: 'rgba(0, 0, 0, 0.2)',
+    backgroundColor: 'transparent',
     borderRadius: theme.shape.borderRadius,
     padding: theme.spacing(2)
   },
@@ -81,55 +81,55 @@ const useStyles = makeStyles((theme) => ({
 const RainfallMonitor = () => {
   const rainfallList = [
     {
-      time: '2020-07-25 00:00:00',
+      time: '2024-12-10 10:00:00',
       rainfall: 1.5,
       magnified: 3,
       simulated: 4.5
     },
     {
-      time: '2020-07-25 01:00:00',
+      time: '2024-12-10 11:00:00',
       rainfall: 1.5,
       magnified: 3,
       simulated: 4.5
     },
     {
-      time: '2020-07-25 02:00:00',
+      time: '2024-12-10 12:00:00',
       rainfall: 4.5,
       magnified: 9,
       simulated: 13.5
     },
     {
-      time: '2020-07-25 03:00:00',
+      time: '2024-12-10 13:00:00',
       rainfall: 1.5,
       magnified: 3,
       simulated: 4.5
     },
     {
-      time: '2020-07-25 04:00:00',
+      time: '2024-12-10 14:00:00',
       rainfall: 1.5,
       magnified: 3,
       simulated: 4.5
     },
     {
-      time: '2020-07-25 05:00:00',
+      time: '2024-12-10 15:00:00',
       rainfall: 0,
       magnified: 0,
       simulated: 0
     },
     {
-      time: '2020-07-25 06:00:00',
+      time: '2024-12-10 16:00:00',
       rainfall: 1.5,
       magnified: 3,
       simulated: 4.5
     },
     {
-      time: '2020-07-25 07:00:00',
+      time: '2024-12-10 17:00:00',
       rainfall: 1.5,
       magnified: 3,
       simulated: 4.5
     },
     {
-      time: '2020-07-25 08:00:00',
+      time: '2024-12-10 18:00:00',
       rainfall: 3,
       magnified: 6,
       simulated: 9
@@ -163,10 +163,10 @@ const RainfallMonitor = () => {
             <Table>
               <TableHead>
                 <TableRow>
-                  <TableCell>时间</TableCell>
-                  <TableCell>面雨量(mm)</TableCell>
-                  <TableCell>放大量(mm)</TableCell>
-                  <TableCell>预演面雨量(mm)</TableCell>
+                  <TableCell style={{width:'37%'}}>时间</TableCell>
+                  <TableCell style={{width:'20%'}}>面雨量(mm)</TableCell>
+                  <TableCell style={{width:'20%'}}>放大量(mm)</TableCell>
+                  <TableCell style={{width:'20%'}}>预演面雨量(mm)</TableCell>
                 </TableRow>
               </TableHead>
               <TableBody>
@@ -202,7 +202,7 @@ const RainfallMonitor = () => {
               ))}
             </Box>
             <Box className={classes.statsRow}>
-              <Typography variant="subtitle2" style={{ color: "#fff", width: '120' }}></Typography>
+              <Typography variant="subtitle2" style={{ color: "#fff", width: '80px' }}></Typography>
               {['>102.0', '>125.0', '>141.0', '>163.0', '>188.0'].map((threshold, index) => (
                 <Box key={index} display="flex" flexDirection="column" alignItems="center">
                   <Typography variant="body2">{threshold}</Typography>
diff --git a/src/views/Home/InfoDlg/LayersDlg/index.js b/src/views/Home/InfoDlg/LayersDlg/index.js
index 31292ef..5d583de 100644
--- a/src/views/Home/InfoDlg/LayersDlg/index.js
+++ b/src/views/Home/InfoDlg/LayersDlg/index.js
@@ -31,6 +31,7 @@ import ShuizhiLayer from '../../MapCtrl/mapstyle/shuizhilayer';
 import TrsqLayer from '../../MapCtrl/mapstyle/trsqlayer';
 import ShuichangLayer from '../../MapCtrl/mapstyle/shuichangLayer'
 import ShuiyuandiLayer from '../../MapCtrl/mapstyle/shuiyuandiLayer'
+import XunchaLayer from '../../MapCtrl/mapstyle/xunchalayer';
 
 
 
@@ -149,6 +150,9 @@ function LayersDlg({ onClose }) {
           <div className={classes.catItem}>
             <RowItem icon="水源地" label="水源地" name={ShuiyuandiLayer.LayerName} checked={!!layerVisible[ShuiyuandiLayer.LayerName]} onChange={layerVisibleChanged} />
           </div>
+          <div className={classes.catItem}>
+            <RowItem icon="巡查" label="巡查" name={XunchaLayer.LayerName} checked={!!layerVisible[XunchaLayer.LayerName]} onChange={layerVisibleChanged} />
+          </div>
         </div>
 
         <div className={classes.catRoot}>
diff --git a/src/views/Home/InfoDlg/ShuikuyhDlg/index.js b/src/views/Home/InfoDlg/ShuikuyhDlg/index.js
new file mode 100644
index 0000000..3f480e4
--- /dev/null
+++ b/src/views/Home/InfoDlg/ShuikuyhDlg/index.js
@@ -0,0 +1,41 @@
+import React from 'react';
+import DpTab from '../../../../layouts/mui/DpTab';
+import Dialog from '@material-ui/core/Dialog';
+import DialogContent from '@material-ui/core/DialogContent';
+import DpPaperComponent from '../../../../layouts/mui/DpPaperCompanent';
+import DpTabs from '../../../../layouts/mui/DpTabs';
+import DpAppBar from '../../../../layouts/mui/DpAppBar';
+import DpBackgroundDrop from '../../../../layouts/mui/DpBackdrop';
+import DpCloseButton from '../../../../layouts/mui/DpCloseButton';
+
+function HDStDlg({ record, onClose }) {
+  const [value, setValue] = React.useState(0);
+
+  return (
+    <Dialog
+      open={true}
+      onClose={onClose}
+      maxWidth="xl"
+      style={{ borderRadius: 0 }}
+      PaperComponent={DpPaperComponent}
+      BackdropComponent={DpBackgroundDrop}
+    >
+      <div className="boxhead"></div>
+      <DialogContent style={{ padding: 0, width: '70rem', overflowX: 'hidden',height:'80rem' }}>
+        <DpAppBar position="sticky">
+          <DpTabs value={value} indicatorColor="primary" onChange={(_, v) => setValue(v)}>
+            <DpTab label="详情" />
+          </DpTabs>
+          <DpCloseButton onClick={onClose} />
+        </DpAppBar>
+        <div style={{padding:10}}>
+        <img src={`${process.env.PUBLIC_URL}/assets/shuikugh.png`} style={{width:'100%'}}></img>
+       </div>
+       
+      </DialogContent>
+      <div className="boxfoot"></div>
+    </Dialog>
+  )
+}
+
+export default React.memo(HDStDlg);
diff --git a/src/views/Home/InfoDlg/XcxqDlg/index.js b/src/views/Home/InfoDlg/XcxqDlg/index.js
new file mode 100644
index 0000000..acb2f82
--- /dev/null
+++ b/src/views/Home/InfoDlg/XcxqDlg/index.js
@@ -0,0 +1,40 @@
+import React from 'react';
+import DpTab from '../../../../layouts/mui/DpTab';
+import Dialog from '@material-ui/core/Dialog';
+import DialogContent from '@material-ui/core/DialogContent';
+import DpPaperComponent from '../../../../layouts/mui/DpPaperCompanent';
+import DpTabs from '../../../../layouts/mui/DpTabs';
+import DpAppBar from '../../../../layouts/mui/DpAppBar';
+import DpBackgroundDrop from '../../../../layouts/mui/DpBackdrop';
+import DpCloseButton from '../../../../layouts/mui/DpCloseButton';
+
+function HDStDlg({ record, onClose }) {
+  const [value, setValue] = React.useState(0);
+
+  return (
+    <Dialog
+      open={true}
+      onClose={onClose}
+      maxWidth="xl"
+      style={{ borderRadius: 0 }}
+      PaperComponent={DpPaperComponent}
+      BackdropComponent={DpBackgroundDrop}
+    >
+      <div className="boxhead"></div>
+      <DialogContent style={{ padding: 0, width: '60rem', overflowX: 'hidden',height:'80rem' }}>
+        <DpAppBar position="sticky">
+          <DpTabs value={value} indicatorColor="primary" onChange={(_, v) => setValue(v)}>
+            <DpTab label="任务信息" />
+          </DpTabs>
+          <DpCloseButton onClick={onClose} />
+        </DpAppBar>
+      <div style={{padding:10}}>
+        <img src={`${process.env.PUBLIC_URL}/assets/xcxq.png`} style={{width:'100%'}}></img>
+       </div>
+      </DialogContent>
+      <div className="boxfoot"></div>
+    </Dialog>
+  )
+}
+
+export default React.memo(HDStDlg);
diff --git a/src/views/Home/InfoDlg/XunchaDlg/detail.js b/src/views/Home/InfoDlg/XunchaDlg/detail.js
new file mode 100644
index 0000000..64ada2e
--- /dev/null
+++ b/src/views/Home/InfoDlg/XunchaDlg/detail.js
@@ -0,0 +1,377 @@
+import React, { useState,useEffect } from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import { 
+  Paper, 
+  Table, 
+  TableBody, 
+  TableCell, 
+  TableContainer, 
+  TableHead, 
+  TableRow,
+  TextField,
+  Button,
+  Box,
+  IconButton,
+  ButtonGroup,
+  Grid
+} from '@material-ui/core';
+import SearchIcon from '@material-ui/icons/Search';
+import RefreshIcon from '@material-ui/icons/Refresh';
+import { DatePicker } from 'antd';
+import moment from 'moment';
+import { useDispatch, useSelector } from 'react-redux';
+import ModalView from './view'
+const { RangePicker } = DatePicker;
+
+const useStyles = makeStyles((theme) => ({
+  root: {
+    width: '100%',
+    backgroundColor: 'transparent',
+    color: '#fff'
+  },
+  toolbar: {
+    padding: theme.spacing(2),
+    display: 'flex',
+    gap: theme.spacing(2),
+    alignItems: 'center',
+    borderBottom: '1px solid rgba(255, 255, 255, 0.1)'
+  },
+  searchRow: {
+    display: 'flex',
+    gap: theme.spacing(2),
+    alignItems: 'center',
+    flexWrap: 'wrap'
+  },
+  searchField: {
+    '& .MuiInputBase-root': {
+      color: '#fff',
+      backgroundColor: 'rgba(255, 255, 255, 0.05)',
+      borderRadius: 4,
+      width: 200
+    },
+    '& .MuiInputLabel-root': {
+      color: '#fff'
+    },
+    '& .MuiOutlinedInput-notchedOutline': {
+      borderColor: 'rgba(255, 255, 255, 0.1)'
+    }
+  },
+  datePicker: {
+    '& .MuiInputBase-root': {
+      color: '#fff',
+      backgroundColor: 'rgba(255, 255, 255, 0.05)',
+      width: 200
+    },
+    '& .MuiIconButton-root': {
+      color: '#fff'
+    },
+    '& .MuiOutlinedInput-notchedOutline': {
+      borderColor: 'rgba(255, 255, 255, 0.1)'
+    }
+  },
+  buttonGroup: {
+    '& .MuiButton-root': {
+      color: '#fff',
+      borderColor: 'rgba(255, 255, 255, 0.3)',
+      '&.active': {
+        backgroundColor: '#2196f3',
+        borderColor: '#2196f3'
+      }
+    }
+  },
+  table: {
+    '& .MuiTableCell-head': {
+      backgroundColor: 'rgba(255, 255, 255, 0.05)',
+      color: '#fff',
+      fontWeight: 'bold',
+      borderBottom: '1px solid rgba(255, 255, 255, 0.1)'
+    },
+    '& .MuiTableCell-body': {
+      color: '#fff',
+      borderBottom: '1px solid rgba(255, 255, 255, 0.1)'
+    }
+  },
+  status: {
+    padding: '4px 8px',
+    borderRadius: 4,
+    backgroundColor: 'rgba(33, 150, 243, 0.1)',
+    color: '#2196f3'
+  },
+  actionButton: {
+    color: '#2196f3',
+    '&:hover': {
+      backgroundColor: 'rgba(33, 150, 243, 0.1)'
+    }
+  }
+}));
+
+const TaskList = () => {
+  const classes = useStyles();
+  const [startDate, setStartDate] = useState(null);
+    const dispatch = useDispatch();
+  const [endDate, setEndDate] = useState(null);
+  const [activeType, setActiveType] = useState('daily');
+  const [visible, setVisible] = useState(false)
+  const handleTypeChange = (type) => {
+    setActiveType(type);
+  };
+
+  const columns = [
+    { id: 'sequence', label: '序号', width: 70 },
+    { id: 'city', label: '市' },
+    { id: 'district', label: '区县' },
+    { id: 'location', label: '街道乡镇' },
+    { id: 'taskType', label: '任务标题' },
+    { id: 'taskContent', label: '任务内容' },
+    { id: 'status', label: '任务状态' },
+    { id: 'person', label: '巡查人' },
+    { id: 'startTime', label: '开始时间' },
+    { id: 'endTime', label: '结束时间' },
+    { id: 'problems', label: '问题数量', width: 100 },
+    { id: 'processed', label: '待处理', width: 100 },
+    { id: 'actions', label: '操作', width: 150 }
+  ];
+
+  const mockData = [
+    {
+      sequence: 1,
+      city: '黄冈市',
+      district: '麻城市',
+      location: '',
+      taskType: '06-02明山水库日常巡查',
+      taskContent: '20250602每日巡检',
+      status: '未完成',
+      person: '姜兴军',
+      startTime: '2025-06-02 00:00:00',
+      endTime: '2025-06-08 23:59:59',
+      problems: 0,
+      processed: 0,
+      createTime: '2025-06-02 02:00:00',
+      creator: ''
+    },
+     {
+      sequence: 2,
+      city: '黄冈市',
+      district: '麻城市',
+      location: '',
+      taskType: '06-02浮桥河水库汛前巡查',
+      taskContent: '20250602每日巡检',
+      status: '未完成',
+      person: '熊杰',
+      startTime: '2025-06-02 00:00:00',
+      endTime: '2025-06-08 23:59:59',
+      problems: 0,
+      processed: 0,
+      createTime: '2025-06-02 02:00:00',
+      creator: ''
+    },
+      {
+      sequence: 3,
+      city: '黄冈市',
+      district: '麻城市',
+      location: '',
+      taskType: '06-02永丰水库特别检查',
+      taskContent: '20250602每日巡检',
+      status: '未完成',
+      person: '白斌',
+      startTime: '2025-06-02 00:00:00',
+      endTime: '2025-06-08 23:59:59',
+      problems: 0,
+      processed: 0,
+      createTime: '2025-06-02 02:00:00',
+      creator: ''
+    },
+    {
+      sequence: 4,
+      city: '黄冈市',
+      district: '麻城市',
+      location: '',
+      taskType: '06-02永红水库日常巡查',
+      taskContent: '20250602每日巡检',
+      status: '未完成',
+      person: '于静',
+      startTime: '2025-06-02 00:00:00',
+      endTime: '2025-06-08 23:59:59',
+      problems: 0,
+      processed: 0,
+      createTime: '2025-06-02 02:00:00',
+      creator: ''
+    },{
+      sequence: 5,
+      city: '黄冈市',
+      district: '麻城市',
+      location: '',
+      taskType: '06-02四新水库日常巡查',
+      taskContent: '20250602每日巡检',
+      status: '未完成',
+      person: '何义红',
+      startTime: '2025-06-02 00:00:00',
+      endTime: '2025-06-08 23:59:59',
+      problems: 0,
+      processed: 0,
+      createTime: '2025-06-02 02:00:00',
+      creator: ''
+    },
+  ];
+  const flyTo = () => {
+    // dispatch?.runtime.setInfoDlg({ layerId: 'ChaoshiDetailLayer', properties: {} })
+    setVisible(true)
+  }
+  const [params, setParams] = useState({ tm: [] })
+  
+    const searchTm = (e) => {
+      setParams({
+        ...params,
+        stm: e[0].format("YYYY-MM-DD HH:mm"),
+        etm: e[1].format("YYYY-MM-DD HH:mm"),
+        tm: e,
+      })
+    };
+      useEffect(() => {
+        let options = "";
+        options = {
+          etm: moment().add(1, 'hour').set({ minute: 0, second: 0 }).format("YYYY-MM-DD HH:mm"),
+          stm: moment().subtract(7, 'days').add(1, 'hour').set({ minute: 0, second: 0 }).format("YYYY-MM-DD HH:mm"),
+          tm: [
+            moment().subtract(7, 'days').add(1, 'hour').set({ minute: 0, second: 0 }),
+            moment().add(1, 'hour').set({ minute: 0, second: 0 }),
+          ],
+        }
+    
+        setParams(options)
+    
+      }, [])
+
+  return (
+    <Paper className={classes.root}>
+       <Box className={classes.toolbar}>
+        <Box className={classes.searchRow}>
+          <ButtonGroup className={classes.buttonGroup}>
+            <Button 
+              className={activeType === 'daily' ? 'active' : ''}
+              onClick={() => handleTypeChange('daily')}
+            >
+              日常巡查(3)
+            </Button>
+            <Button 
+              className={activeType === 'flood' ? 'active' : ''}
+              onClick={() => handleTypeChange('flood')}
+            >
+              汛期巡查(1)
+            </Button>
+            <Button 
+              className={activeType === 'special' ? 'active' : ''}
+              onClick={() => handleTypeChange('special')}
+            >
+              特别巡查(1)
+            </Button>
+            <Button 
+              className={activeType === 'all' ? 'active' : ''}
+              onClick={() => handleTypeChange('all')}
+            >
+              全部(5024)
+            </Button>
+          </ButtonGroup>
+        </Box>
+        <Box className={classes.searchRow}>
+          <TextField
+            className={classes.searchField}
+            variant="outlined"
+            size="small"
+            placeholder="请输入水库名称"
+          />
+          <TextField
+            className={classes.searchField}
+            variant="outlined"
+            size="small"
+            placeholder="请输入任务标题"
+          />
+          <div style={{ display: 'flex', alignItems: 'center',width:'40%' }}>
+          <div style={{ color: "#fff" }}>时段选择：</div>
+          <div className='tm' style={{ position: "relative", zIndex: 999999, color: "#fff", width: "70%", margin: '10px' }}>
+            <RangePicker
+              // width="100%"
+              className='time-picker'
+              style={{
+                flex: 1,
+                background: "transparent",
+                border: "none",
+                color: "#fff",
+              }}
+              onChange={searchTm}
+              allowClear
+              format="YYYY-MM-DD HH:mm"
+              showTime={{
+                format: 'HH:mm',
+              }}
+              value={params.tm}
+              getPopupContainer={trigger => trigger.parentElement}
+            />
+          </div>
+        </div>
+          <Button
+            variant="contained"
+            color="primary"
+            startIcon={<SearchIcon />}
+          >
+            查询
+          </Button>
+          <Button
+            variant="outlined"
+            style={{ color: '#fff', borderColor: 'rgba(255, 255, 255, 0.3)' }}
+            startIcon={<RefreshIcon />}
+          >
+            重置
+          </Button>
+        </Box>
+      </Box>
+      <TableContainer>
+        <Table className={classes.table} size="small">
+          <TableHead>
+            <TableRow>
+              {columns.map((column) => (
+                <TableCell
+                  key={column.id}
+                  style={{ width: column.width }}
+                >
+                  {column.label}
+                </TableCell>
+              ))}
+            </TableRow>
+          </TableHead>
+          <TableBody>
+            {mockData.map((row, index) => (
+              <TableRow key={index}>
+                <TableCell>{row.sequence}</TableCell>
+                <TableCell>{row.city}</TableCell>
+                <TableCell>{row.district}</TableCell>
+                <TableCell>{row.location}</TableCell>
+                <TableCell>{row.taskType}</TableCell>
+                <TableCell>{row.taskContent}</TableCell>
+                <TableCell>
+                  <span className={classes.status}>{row.status}</span>
+                </TableCell>
+                <TableCell>{row.person}</TableCell>
+                <TableCell>{row.startTime}</TableCell>
+                <TableCell>{row.endTime}</TableCell>
+                <TableCell>{row.problems}</TableCell>
+                <TableCell>{row.processed}</TableCell>
+                <TableCell>
+                  <IconButton className={classes.actionButton} size="small" onClick={flyTo}>
+                    查看
+                  </IconButton>
+                </TableCell>
+              </TableRow>
+            ))}
+          </TableBody>
+        </Table>
+      </TableContainer>
+      <ModalView
+        open={visible}
+        onClose={() => setVisible(false)}
+      ></ModalView>
+    </Paper>
+  );
+};
+
+export default TaskList;
\ No newline at end of file
diff --git a/src/views/Home/InfoDlg/XunchaDlg/index.js b/src/views/Home/InfoDlg/XunchaDlg/index.js
new file mode 100644
index 0000000..395c1c6
--- /dev/null
+++ b/src/views/Home/InfoDlg/XunchaDlg/index.js
@@ -0,0 +1,39 @@
+import React from 'react';
+import DpTab from '../../../../layouts/mui/DpTab';
+import Dialog from '@material-ui/core/Dialog';
+import DialogContent from '@material-ui/core/DialogContent';
+import DpPaperComponent from '../../../../layouts/mui/DpPaperCompanent';
+import DpTabs from '../../../../layouts/mui/DpTabs';
+import DpAppBar from '../../../../layouts/mui/DpAppBar';
+import DpBackgroundDrop from '../../../../layouts/mui/DpBackdrop';
+import DpCloseButton from '../../../../layouts/mui/DpCloseButton';
+import ContentDetail from './detail'
+function HDStDlg({ record, onClose }) {
+  const [value, setValue] = React.useState(0);
+
+  return (
+    <Dialog
+      open={true}
+      onClose={onClose}
+      maxWidth="xl"
+      style={{ borderRadius: 0 }}
+      PaperComponent={DpPaperComponent}
+      BackdropComponent={DpBackgroundDrop}
+    >
+      <div className="boxhead"></div>
+      <DialogContent style={{ padding: 0, width: '110rem', overflowX: 'hidden',height:'80rem' }}>
+        <DpAppBar position="sticky">
+          <DpTabs value={value} indicatorColor="primary" onChange={(_, v) => setValue(v)}>
+            <DpTab label="超时详情" />
+          </DpTabs>
+          <DpCloseButton onClick={onClose} />
+        </DpAppBar>
+
+       <ContentDetail />
+      </DialogContent>
+      <div className="boxfoot"></div>
+    </Dialog>
+  )
+}
+
+export default React.memo(HDStDlg);
diff --git a/src/views/Home/InfoDlg/XunchaDlg/view.js b/src/views/Home/InfoDlg/XunchaDlg/view.js
new file mode 100644
index 0000000..5f0bf4c
--- /dev/null
+++ b/src/views/Home/InfoDlg/XunchaDlg/view.js
@@ -0,0 +1,40 @@
+import React from 'react';
+import DpTab from '../../../../layouts/mui/DpTab';
+import Dialog from '@material-ui/core/Dialog';
+import DialogContent from '@material-ui/core/DialogContent';
+import DpPaperComponent from '../../../../layouts/mui/DpPaperCompanent';
+import DpTabs from '../../../../layouts/mui/DpTabs';
+import DpAppBar from '../../../../layouts/mui/DpAppBar';
+import DpBackgroundDrop from '../../../../layouts/mui/DpBackdrop';
+import DpCloseButton from '../../../../layouts/mui/DpCloseButton';
+
+function HDStDlg({ record, onClose,open }) {
+  const [value, setValue] = React.useState(0);
+
+  return (
+    <Dialog
+      open={open}
+      onClose={onClose}
+      maxWidth="xl"
+      style={{ borderRadius: 0 }}
+      PaperComponent={DpPaperComponent}
+      BackdropComponent={DpBackgroundDrop}
+    >
+      <div className="boxhead"></div>
+      <DialogContent style={{ padding: 0, width: '60rem', overflowX: 'hidden',height:'80rem' }}>
+        <DpAppBar position="sticky">
+          <DpTabs value={value} indicatorColor="primary" onChange={(_, v) => setValue(v)}>
+            <DpTab label="任务信息" />
+          </DpTabs>
+          <DpCloseButton onClick={onClose} />
+        </DpAppBar>
+        <div style={{padding:10}}>
+        <img src={`${process.env.PUBLIC_URL}/assets/xcxq.png`} style={{width:'100%'}}></img>
+       </div>
+      </DialogContent>
+      <div className="boxfoot"></div>
+    </Dialog>
+  )
+}
+
+export default React.memo(HDStDlg);
diff --git a/src/views/Home/InfoDlg/YascDlg/index.js b/src/views/Home/InfoDlg/YascDlg/index.js
index c38c29f..24c96c1 100644
--- a/src/views/Home/InfoDlg/YascDlg/index.js
+++ b/src/views/Home/InfoDlg/YascDlg/index.js
@@ -8,9 +8,15 @@ import DpAppBar from '../../../../layouts/mui/DpAppBar';
 import DpBackgroundDrop from '../../../../layouts/mui/DpBackdrop';
 import DpCloseButton from '../../../../layouts/mui/DpCloseButton';
 import Zdya from './zdscya'
-function HDStDlg({ record, onClose }) {
-  const [value, setValue] = React.useState(0);
+import { useDispatch, useSelector } from 'react-redux';
 
+function HDStDlg({ record, onClose }) {
+  const dispatch = useDispatch();
+  const [value, setValue] = React.useState(0);
+  const loadFa = () => {
+  onClose()
+ dispatch.runtime.setYyfa({ yy: 111 })
+  }
   return (
     <Dialog
       open={true}
@@ -29,7 +35,7 @@ function HDStDlg({ record, onClose }) {
           <DpCloseButton onClick={onClose} />
         </DpAppBar>
 
-        <Zdya />
+        <Zdya loadFa={loadFa} />
       </DialogContent>
       <div className="boxfoot"></div>
     </Dialog>
diff --git a/src/views/Home/InfoDlg/YascDlg/zdscya.js b/src/views/Home/InfoDlg/YascDlg/zdscya.js
index 4536d39..cf81bc2 100644
--- a/src/views/Home/InfoDlg/YascDlg/zdscya.js
+++ b/src/views/Home/InfoDlg/YascDlg/zdscya.js
@@ -56,7 +56,7 @@ const useStyles = makeStyles((theme) => ({
   },
 }));
 
-const SchemeOptimization = () => {
+const SchemeOptimization = ({loadFa}) => {
   const classes = useStyles();
   const [reservoirs, setReservoirs] = useState([
     { name: '浮标河水库', safeLevel: 64.80, storage: 16110, maxOutflow: 20.00 },
@@ -100,7 +100,7 @@ const SchemeOptimization = () => {
   const [data, setData] = useState(checkData)
   const changeSw = (e, id) => {
     const checked = e.target.checked
-    const data1 = checkData.map(item => {
+    const data1 = data.map(item => {
       if (item.id == id) {
         item.checked = checked;
       }
@@ -196,7 +196,7 @@ const SchemeOptimization = () => {
                   <TableCell>{scheme.households}</TableCell>
                   <TableCell>{scheme.population}</TableCell>
                   <TableCell>
-                    <button className={classes.addButton} style={{ marginRight: 8 }}>加载方案</button>
+                    <button className={classes.addButton} style={{ marginRight: 8 }} onClick={loadFa}>加载方案</button>
                     <button className={classes.addButton}>导出方案库</button>
                   </TableCell>
                 </TableRow>
diff --git a/src/views/Home/InfoDlg/index.js b/src/views/Home/InfoDlg/index.js
index 4534229..0e198bd 100644
--- a/src/views/Home/InfoDlg/index.js
+++ b/src/views/Home/InfoDlg/index.js
@@ -34,6 +34,9 @@ import SljcDlg from './SljcDlg'
 import BjDlg from './BjDlg'
 import HistoryYyDlg from './HistoryYyDlg';
 import YascDlg from './YascDlg';
+import ShuikuyhDlg from './ShuikuyhDlg';
+import XunchaDlg from './XunchaDlg';
+import XcxqDlg from './XcxqDlg';
 
 
 function InfoDlg() {
@@ -113,6 +116,14 @@ function InfoDlg() {
     return <HistoryYyDlg record={properties} onClose={handleClose} />
   } else if (layerId === 'YuananLayer') {
     return <YascDlg record={properties} onClose={handleClose} />
+  }else if (layerId === 'ShuikuyanghuLayer') {
+    return <ShuikuyhDlg record={properties} onClose={handleClose} />
+  }else if (layerId === 'XunchachaoshiLayer') {
+    return <XunchaDlg record={properties} onClose={handleClose} />
+  }else if (layerId === 'ChaoshiDetailLayer') {
+    return <PdfDlg record={properties} onClose={handleClose} />
+  }else if (layerId === 'XcxqLayer') {
+    return <XcxqDlg record={properties} onClose={handleClose} />
   }
   
 
diff --git a/src/views/Home/InfoPops/_/layericons.js b/src/views/Home/InfoPops/_/layericons.js
index 88e69d8..9ecb6d4 100644
--- a/src/views/Home/InfoPops/_/layericons.js
+++ b/src/views/Home/InfoPops/_/layericons.js
@@ -83,6 +83,7 @@ export const iconstyles = {
   土壤墒情: { backgroundPosition: '37.5% -40%',backgroundSize: '1895% 1650%' },
   水厂监测: { backgroundPosition: '0.5% -34%',backgroundSize: '1895% 1650%' },
   水源地: { backgroundPosition: '53.3% -106.7%',backgroundSize: '1597% 1550%' },
+  巡查: { backgroundPosition: '26.8% -99.4%',backgroundSize: '1597% 1550%' },
 
 
 
diff --git a/src/views/Home/MapCtrl/mapstyle/layermgr.js b/src/views/Home/MapCtrl/mapstyle/layermgr.js
index 4c613db..48c611f 100644
--- a/src/views/Home/MapCtrl/mapstyle/layermgr.js
+++ b/src/views/Home/MapCtrl/mapstyle/layermgr.js
@@ -33,6 +33,7 @@ import ShuichangLayer from "./shuichangLayer"
 import ShuiyuandiLayer from "./shuiyuandiLayer"
 import ShuikuLayer from "./shuikuLayer"
 import RainDrpLayer from "./rainDrpLayer"
+import XunchaLayer from "./xunchalayer"
 
 
 
@@ -64,6 +65,7 @@ class LayerMgr {
     this.layers.push(new ShuiyuandiLayer());
     this.layers.push(new ShuikuLayer());
     this.layers.push(new RainDrpLayer());
+    this.layers.push(new XunchaLayer());
     //
 
 
@@ -203,6 +205,7 @@ class LayerMgr {
         this.layerMap.ShuiyuandiLayer.getStyle(),
         this.layerMap.ShuikuLayer.getStyle(),
         this.layerMap.RainDrpLayer.getStyle(),
+        this.layerMap.XunchaLayer.getStyle(),
         //
 
 
diff --git a/src/views/Home/MapCtrl/mapstyle/sources.js b/src/views/Home/MapCtrl/mapstyle/sources.js
index 4e9e524..031f497 100644
--- a/src/views/Home/MapCtrl/mapstyle/sources.js
+++ b/src/views/Home/MapCtrl/mapstyle/sources.js
@@ -24,6 +24,7 @@ import ShuichangLayer from "./shuichangLayer";
 import ShuiyuandiLayer from "./shuiyuandiLayer";
 import ShuikuLayer from "./shuikuLayer";
 import RainDrpLayer from "./rainDrpLayer"
+import XunchaLayer from "./xunchalayer"
 
 
 const hash = window.location.origin;
@@ -222,6 +223,10 @@ const sources = {
   [ShuikuLayer.SourceName]: {
     type: 'geojson',
     data: { type: 'FeatureCollection', features: [] },
+  },
+  [XunchaLayer.SourceName]: {
+    type: 'geojson',
+    data: { type: 'FeatureCollection', features: [] },
   },
    [RainDrpLayer.SourceName]: {
     type: 'geojson',
diff --git a/src/views/Home/MapCtrl/mapstyle/xunchalayer.js b/src/views/Home/MapCtrl/mapstyle/xunchalayer.js
new file mode 100644
index 0000000..1fbeb25
--- /dev/null
+++ b/src/views/Home/MapCtrl/mapstyle/xunchalayer.js
@@ -0,0 +1,878 @@
+import clone from "clone";
+import { PicStPromise, TestPicStPromise } from "../../../../models/_/real";
+import { parseGeoJSON } from "../../../../utils/tools";
+import { InfoPopNames } from "../../InfoPops";
+import BaseLayer from "./baselayer";
+
+const SourceName = '巡查';
+
+const ShapeStyle = {
+  id: SourceName,
+  type: 'symbol',
+  source: SourceName,
+  layout: {
+    'icon-allow-overlap': true,
+    'text-allow-overlap': true,
+    'icon-image': '巡查',
+    'icon-size': [
+      'interpolate', ['linear'], ['zoom'],
+      10, 0.4,
+      14, 0.8,
+    ],
+
+    'text-allow-overlap': true,
+    'text-size': [
+      'interpolate', ['linear'], ['zoom'],
+      10, 10,
+      14, 14,
+    ],
+    'text-font': ['Roboto Black'],
+    'text-field': [
+      'step',
+      ['zoom'],
+      '',
+      12, ['get', 'stnm']
+    ],
+    'text-anchor': 'top',
+    'text-offset': [0, 1],
+
+    'visibility': 'none',
+  },
+  paint: {
+    'text-color': '#fff'
+  }
+};
+
+const page1 = [
+  {
+            "stcd": "716113701",
+            "type": "sk",
+            "hasRz": true,
+            "stnm": "永红水库",
+            "adcd": "421181105000",
+            "wscd": null,
+            "importancy": 0,
+            "lgtd": 115.120278,
+            "lttd": 31.183611,
+            "elev": 0,
+            "damel": 131.99,
+            "dsflz": 130.56,
+            "fsltdz": 129.9,
+            "ddz": 113.5,
+            "zcxsw": 129.9,
+            "drpTm": "2025-04-11T06:00:00.000Z",
+            "today": 0,
+            "h1": 0,
+            "h3": 0,
+            "h6": 0,
+            "h12": 0,
+            "h24": 0,
+            "h48": 0,
+            "drpState": 2,
+            "rz": 130.15,
+            "w": 0.444,
+            "a_fsltdz": -10.75,
+            "rzTm": "2025-04-11T06:00:00.000Z",
+            "rzWarning": 0,
+            "rzState": 2,
+            "pic": [
+                {
+                    "stcd": "716113701",
+                    "tm": "2023-11-16T11:19:00.000Z",
+                    "url": "http://223.75.53.106:8891/skjgimages/2023/1116/716113701/20231116191900.jpg"
+                },
+                {
+                    "stcd": "716113701",
+                    "tm": "2023-11-16T09:05:00.000Z",
+                    "url": "http://223.75.53.106:8891/skjgimages/2023/1116/716113702/20231116170500.jpg"
+                }
+            ]
+  },
+  {
+        "stcd": "61614200",
+        "type": "sk",
+        "hasRz": true,
+        "stnm": "浮桥河水库",
+        "adcd": "421181100000",
+        "wscd": null,
+        "importancy": 0,
+        "lgtd": 114.875,
+        "lttd": 31.166667,
+        "elev": 0,
+        "damel": 71.33,
+        "dsflz": 68.04,
+        "fsltdz": 64.89,
+        "ddz": 51.78,
+        "zcxsw": 64.89,
+        "drpTm": "2025-06-03T02:00:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 16.5,
+        "drpState": 1,
+        "rz": 60.71,
+        "w": 162.8,
+        "a_fsltdz": -4.18,
+        "rzTm": "2025-06-03T02:00:00.000Z",
+        "rzWarning": 0,
+        "rzState": 1,
+        "aRz": -4.18
+  },
+  {
+        "stcd": "61613010",
+        "type": "sk",
+        "hasRz": true,
+        "stnm": "明山水库",
+        "adcd": "421181103000",
+        "wscd": null,
+        "importancy": 0,
+        "lgtd": 115.066667,
+        "lttd": 31.016667,
+        "elev": 0,
+        "damel": 98.7,
+        "dsflz": 96.07,
+        "fsltdz": 93,
+        "ddz": 78.02,
+        "zcxsw": 93,
+        "drpTm": "2025-06-03T02:00:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 12.5,
+        "drpState": 1,
+        "rz": 84.43,
+        "w": 49.5,
+        "a_fsltdz": -8.569999999999993,
+        "rzTm": "2025-06-03T02:00:00.000Z",
+        "rzWarning": 0,
+        "rzState": 1,
+        "aRz": -8.57
+  },
+  {
+        "stcd": "716112601",
+        "type": "sk",
+        "hasRz": true,
+        "stnm": "永丰水库",
+        "adcd": "421181003000",
+        "wscd": null,
+        "importancy": 0,
+        "lgtd": 115.057222,
+        "lttd": 31.110833,
+        "elev": 0,
+        "damel": 79.57,
+        "dsflz": 77.82,
+        "fsltdz": 76.96,
+        "ddz": 64.96,
+        "zcxsw": 76.96,
+        "drpTm": "2025-04-11T06:00:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 0,
+        "drpState": 2,
+        "rz": 71.88,
+        "w": 1.178,
+        "a_fsltdz": -5.079999999999998,
+        "rzTm": "2025-04-11T06:00:00.000Z",
+        "rzWarning": 0,
+        "rzState": 2,
+        "pic": [
+            {
+                "stcd": "716112601",
+                "tm": "2025-04-11T06:02:20.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2025/0411/716112601/20250411140220.jpg"
+            },
+            {
+                "stcd": "716112601",
+                "tm": "2025-04-11T06:04:01.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2025/0411/716112602/20250411140401.jpg"
+            }
+        ],
+        "aRz": -5.08
+  },
+  {
+        "stcd": "716115401",
+        "type": "sk",
+        "hasRz": true,
+        "stnm": "长冲水库",
+        "adcd": "421181110000",
+        "wscd": null,
+        "importancy": 0,
+        "lgtd": 115.061389,
+        "lttd": 31.408611,
+        "elev": 0,
+        "damel": 21.6,
+        "dsflz": 20.15,
+        "fsltdz": 130.8,
+        "ddz": 0,
+        "zcxsw": 130.8,
+        "drpTm": "2024-05-17T08:00:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 0,
+        "drpState": 2,
+        "rz": 126.41,
+        "w": 0.374,
+        "a_fsltdz": -4.390000000000015,
+        "rzTm": "2024-05-17T06:00:00.000Z",
+        "rzWarning": 0,
+        "rzState": 2,
+        "pic": [
+            {
+                "stcd": "716115401",
+                "tm": "2024-05-17T08:05:00.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2024/0517/716115401/20240517160500.jpg"
+            },
+            {
+                "stcd": "716115401",
+                "tm": "2024-05-17T08:20:00.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2024/0517/716115402/20240517162000.jpg"
+            }
+        ],
+        "aRz": -4.39
+    },
+    {
+        "stcd": "716115301",
+        "type": "sk",
+        "hasRz": true,
+        "stnm": "葡萄冲水库",
+        "adcd": "421181110000",
+        "wscd": null,
+        "importancy": 0,
+        "lgtd": 115.051389,
+        "lttd": 31.423333,
+        "elev": 0,
+        "damel": 15.8,
+        "dsflz": 14.73,
+        "fsltdz": 14.3,
+        "ddz": 9.48,
+        "zcxsw": 14.3,
+        "drpTm": "2025-04-11T05:00:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 0,
+        "drpState": 2,
+        "rz": 213.75,
+        "w": 0.04,
+        "a_fsltdz": 199.45,
+        "rzTm": "2025-04-11T05:00:00.000Z",
+        "rzWarning": 1,
+        "rzState": 2,
+        "pic": [
+            {
+                "stcd": "716115301",
+                "tm": "2023-03-12T08:02:00.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/716115301/20230312160200.jpg"
+            },
+            {
+                "stcd": "716115301",
+                "tm": "2023-03-12T07:11:00.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/716115302/20230312151100.jpg"
+            }
+        ],
+        "aRz": 199.45
+    },
+    {
+        "stcd": "716115701",
+        "type": "sk",
+        "hasRz": true,
+        "stnm": "二五冲水库",
+        "adcd": "421181110000",
+        "wscd": null,
+        "importancy": 0,
+        "lgtd": 115.087222,
+        "lttd": 31.378333,
+        "elev": 0,
+        "damel": 11.2,
+        "dsflz": 10.07,
+        "fsltdz": 108.55,
+        "ddz": 1.5,
+        "zcxsw": 108.55,
+        "drpTm": "2025-03-22T08:00:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 0,
+        "drpState": 2,
+        "rz": 99.65,
+        "w": 0.038,
+        "a_fsltdz": -8.899999999999991,
+        "rzTm": "2025-03-22T08:00:00.000Z",
+        "rzWarning": 0,
+        "rzState": 2,
+        "pic": [
+            {
+                "stcd": "716115701",
+                "tm": "2025-03-06T23:01:00.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2025/0307/716115701/20250307070100.jpg"
+            },
+            {
+                "stcd": "716115701",
+                "tm": "2024-10-18T06:28:00.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2024/1018/716115702/20241018142800.jpg"
+            }
+        ],
+        "aRz": -8.9
+    },
+    {
+        "stcd": "716115501",
+        "type": "sk",
+        "hasRz": true,
+        "stnm": "石鼓庙水库",
+        "adcd": "421181110000",
+        "wscd": null,
+        "importancy": 0,
+        "lgtd": 114.049444,
+        "lttd": 31.392222,
+        "elev": 0,
+        "damel": 106.15,
+        "dsflz": 104.92,
+        "fsltdz": 102.45,
+        "ddz": 6.7,
+        "zcxsw": 102.45,
+        "drpTm": "2024-11-17T04:00:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 0,
+        "drpState": 2,
+        "rz": 95.86,
+        "w": 0.073,
+        "a_fsltdz": -6.590000000000003,
+        "rzTm": "2024-08-21T01:00:00.000Z",
+        "rzWarning": 0,
+        "rzState": 2,
+        "pic": [
+            {
+                "stcd": "716115501",
+                "tm": "2023-03-12T07:04:32.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/716115501/20230312150432.jpg"
+            },
+            {
+                "stcd": "716115501",
+                "tm": "2023-03-12T07:08:39.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/716115502/20230312150839.jpg"
+            }
+        ],
+        "aRz": -6.59
+    },
+    {
+        "stcd": "716115601",
+        "type": "sk",
+        "hasRz": true,
+        "stnm": "滚冲水库",
+        "adcd": "421181110000",
+        "wscd": null,
+        "importancy": 0,
+        "lgtd": 115.027778,
+        "lttd": 31.386944,
+        "elev": 0,
+        "damel": 129.72,
+        "dsflz": 129.17,
+        "fsltdz": 128.3,
+        "ddz": 123,
+        "zcxsw": 128.3,
+        "drpTm": "2025-04-11T04:00:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 0,
+        "drpState": 2,
+        "rz": 123.03,
+        "w": 0.02,
+        "a_fsltdz": -5.27000000000001,
+        "rzTm": "2025-04-11T04:00:00.000Z",
+        "rzWarning": 0,
+        "rzState": 2,
+        "pic": [
+            {
+                "stcd": "716115601",
+                "tm": "2023-03-12T07:03:00.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/716115601/20230312150300.jpg"
+            },
+            {
+                "stcd": "716115601",
+                "tm": "2023-03-12T07:11:00.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/716115602/20230312151100.jpg"
+            }
+        ],
+        "aRz": -5.27
+    },
+    {
+        "stcd": "716108601",
+        "type": "sk",
+        "hasRz": true,
+        "stnm": "吴家垸水库",
+        "adcd": "421181110000",
+        "wscd": null,
+        "importancy": 0,
+        "lgtd": 115.029167,
+        "lttd": 31.427222,
+        "elev": 0,
+        "damel": 15.7,
+        "dsflz": 13.85,
+        "fsltdz": 173.9,
+        "ddz": 4.6,
+        "zcxsw": 173.9,
+        "drpTm": "2025-04-11T05:00:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 0,
+        "drpState": 2,
+        "rz": 169.14,
+        "w": 0.11,
+        "a_fsltdz": -4.760000000000019,
+        "rzTm": "2025-04-11T05:00:00.000Z",
+        "rzWarning": 0,
+        "rzState": 2,
+        "pic": [
+            {
+                "stcd": "716108601",
+                "tm": "2023-03-12T08:01:41.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/716108601/20230312160141.jpg"
+            },
+            {
+                "stcd": "716108601",
+                "tm": "2023-03-12T07:04:17.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/716108602/20230312150417.jpg"
+            }
+        ],
+        "aRz": -4.76
+    },
+    {
+        "stcd": "716113401",
+        "type": "sk",
+        "hasRz": true,
+        "stnm": "鲇鱼坝水库",
+        "adcd": "421181102000",
+        "wscd": null,
+        "importancy": 0,
+        "lgtd": 114.731667,
+        "lttd": 31.019444,
+        "elev": 0,
+        "damel": 55.73,
+        "dsflz": 52.9,
+        "fsltdz": 50.63,
+        "ddz": 42.83,
+        "zcxsw": 50.63,
+        "drpTm": "2025-04-11T05:00:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 0,
+        "drpState": 2,
+        "rz": 48.05,
+        "w": 2.584,
+        "a_fsltdz": -2.5800000000000054,
+        "rzTm": "2025-04-11T05:00:00.000Z",
+        "rzWarning": 0,
+        "rzState": 2,
+        "pic": [
+            {
+                "stcd": "716113401",
+                "tm": "2023-03-12T07:07:01.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/716113401/20230312150701.jpg"
+            },
+            {
+                "stcd": "716113401",
+                "tm": "2023-03-12T07:15:09.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/716113402/20230312151509.jpg"
+            }
+        ],
+        "aRz": -2.58
+    },
+    {
+        "stcd": "716126501",
+        "type": "sk",
+        "hasRz": true,
+        "stnm": "破堰水库",
+        "adcd": "421181102000",
+        "wscd": null,
+        "importancy": 0,
+        "lgtd": 114.696111,
+        "lttd": 31.025556,
+        "elev": 0,
+        "damel": 18.48,
+        "dsflz": 15.23,
+        "fsltdz": 74.2,
+        "ddz": 6.3,
+        "zcxsw": 74.2,
+        "drpTm": "2025-04-11T05:00:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 0,
+        "drpState": 2,
+        "rz": 64.47,
+        "w": 0.265,
+        "a_fsltdz": -9.730000000000004,
+        "rzTm": "2025-04-11T05:00:00.000Z",
+        "rzWarning": 0,
+        "rzState": 2,
+        "pic": [
+            {
+                "stcd": "716126501",
+                "tm": "2023-03-12T07:04:21.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/716126501/20230312150421.jpg"
+            },
+            {
+                "stcd": "716126501",
+                "tm": "2023-03-12T07:10:00.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/716126502/20230312151000.jpg"
+            }
+        ],
+        "aRz": -9.73
+    },
+    {
+        "stcd": "716107371",
+        "type": "sk",
+        "hasRz": true,
+        "stnm": "群英水库",
+        "adcd": "421181102000",
+        "wscd": null,
+        "importancy": 0,
+        "lgtd": 114.726944,
+        "lttd": 31.054444,
+        "elev": 0,
+        "damel": 7.4,
+        "dsflz": 6.02,
+        "fsltdz": 65.6,
+        "ddz": 4.1,
+        "zcxsw": 65.6,
+        "drpTm": "2025-04-11T05:00:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 0,
+        "drpState": 2,
+        "rz": 68.66,
+        "w": 0,
+        "a_fsltdz": 3.0600000000000023,
+        "rzTm": "2025-04-11T05:00:00.000Z",
+        "rzWarning": 1,
+        "rzState": 2,
+        "pic": [
+            {
+                "stcd": "716107371",
+                "tm": "2023-03-12T07:23:00.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/716107371/20230312152300.jpg"
+            },
+            {
+                "stcd": "716107371",
+                "tm": "2023-03-12T07:16:00.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/716107372/20230312151600.jpg"
+            }
+        ],
+        "aRz": 3.06
+    },
+    {
+        "stcd": "716126301",
+        "type": "sk",
+        "hasRz": true,
+        "stnm": "淮海水库",
+        "adcd": "421181102000",
+        "wscd": null,
+        "importancy": 0,
+        "lgtd": 114.694722,
+        "lttd": 31.053333,
+        "elev": 0,
+        "damel": 11.2,
+        "dsflz": 9.97,
+        "fsltdz": 9.6,
+        "ddz": 6.3,
+        "zcxsw": 9.6,
+        "drpTm": "2025-04-11T05:00:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 0,
+        "drpState": 2,
+        "rz": 64.96,
+        "w": 0.129,
+        "a_fsltdz": 55.35999999999999,
+        "rzTm": "2025-04-11T05:00:00.000Z",
+        "rzWarning": 1,
+        "rzState": 2,
+        "pic": [
+            {
+                "stcd": "716126301",
+                "tm": "2023-03-12T07:04:00.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/716126301/20230312150400.jpg"
+            },
+            {
+                "stcd": "716126301",
+                "tm": "2023-03-12T07:10:00.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/716126302/20230312151000.jpg"
+            }
+        ],
+        "aRz": 55.36
+    },
+    {
+        "stcd": "716108501",
+        "type": "sk",
+        "hasRz": true,
+        "stnm": "东风水库",
+        "adcd": "421181102000",
+        "wscd": null,
+        "importancy": 0,
+        "lgtd": 115.232222,
+        "lttd": 30.970556,
+        "elev": 0,
+        "damel": 81.7,
+        "dsflz": 80.22,
+        "fsltdz": 79,
+        "ddz": 76.2,
+        "zcxsw": 79,
+        "drpTm": "2025-03-22T08:00:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 0,
+        "drpState": 2,
+        "rz": 78.22,
+        "w": 0.203,
+        "a_fsltdz": -0.7800000000000011,
+        "rzTm": "2025-03-22T08:00:00.000Z",
+        "rzWarning": 0,
+        "rzState": 2,
+        "pic": [
+            {
+                "stcd": "716108501",
+                "tm": "2024-09-08T02:44:00.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2024/0908/716108501/20240908104400.jpg"
+            },
+            {
+                "stcd": "716108501",
+                "tm": "2024-08-26T09:20:00.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2024/0826/716108502/20240826172000.jpg"
+            }
+        ],
+        "aRz": -0.78
+    },
+    {
+        "stcd": "716126601",
+        "type": "sk",
+        "hasRz": true,
+        "stnm": "毛屋湾水库",
+        "adcd": "421181102000",
+        "wscd": null,
+        "importancy": 0,
+        "lgtd": 114.693889,
+        "lttd": 31.019722,
+        "elev": 0,
+        "damel": 10,
+        "dsflz": 9.8,
+        "fsltdz": 66.57,
+        "ddz": 5,
+        "zcxsw": 66.57,
+        "drpTm": "2024-12-30T06:00:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 0,
+        "drpState": 2,
+        "rz": 65.41,
+        "w": 0.039,
+        "a_fsltdz": -1.1599999999999966,
+        "rzTm": "2024-05-15T06:00:00.000Z",
+        "rzWarning": 0,
+        "rzState": 2,
+        "pic": [
+            {
+                "stcd": "716126601",
+                "tm": "2024-03-11T02:02:00.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2024/0311/716126601/20240311100200.jpg"
+            },
+            {
+                "stcd": "716126601",
+                "tm": "2024-05-15T06:07:00.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2024/0515/716126602/20240515140700.jpg"
+            }
+        ],
+        "aRz": -1.16
+    },
+    {
+        "stcd": "7CS000081",
+        "type": "sk",
+        "hasRz": true,
+        "stnm": "陡山洪水库",
+        "adcd": "421181102000",
+        "wscd": null,
+        "importancy": 0,
+        "lgtd": 114.724722,
+        "lttd": 31.007222,
+        "elev": 0,
+        "damel": 56.7,
+        "dsflz": 55.6,
+        "fsltdz": 5.8,
+        "ddz": 49.71,
+        "zcxsw": 5.8,
+        "drpTm": "2025-04-11T05:00:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 0,
+        "drpState": 2,
+        "rz": 51.26,
+        "w": 0.034,
+        "a_fsltdz": 45.46,
+        "rzTm": "2025-04-11T05:00:00.000Z",
+        "rzWarning": 1,
+        "rzState": 2,
+        "pic": [
+            {
+                "stcd": "7CS000081",
+                "tm": "2023-03-12T08:01:48.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/7CS000081/20230312160148.jpg"
+            },
+            {
+                "stcd": "7CS000081",
+                "tm": "2023-03-12T07:05:33.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/7CS000082/20230312150533.jpg"
+            }
+        ],
+        "aRz": 45.46
+    },
+    {
+        "stcd": "716107391",
+        "type": "sk",
+        "hasRz": true,
+        "stnm": "高岗水库",
+        "adcd": "421181102000",
+        "wscd": null,
+        "importancy": 0,
+        "lgtd": 114.731389,
+        "lttd": 31.042222,
+        "elev": 0,
+        "damel": 41.7,
+        "dsflz": 41.6,
+        "fsltdz": 40,
+        "ddz": 35.56,
+        "zcxsw": 40,
+        "drpTm": "2025-04-11T05:00:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 0,
+        "drpState": 2,
+        "rz": 51.42,
+        "w": 0.044,
+        "a_fsltdz": 11.420000000000002,
+        "rzTm": "2025-04-11T05:00:00.000Z",
+        "rzWarning": 1,
+        "rzState": 2,
+        "pic": [
+            {
+                "stcd": "716107391",
+                "tm": "2023-03-12T07:03:00.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/716107391/20230312150300.jpg"
+            },
+            {
+                "stcd": "716107391",
+                "tm": "2023-03-12T07:10:00.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/716107392/20230312151000.jpg"
+            }
+        ],
+        "aRz": 11.42
+    },
+]
+
+export default class XunchaLayer extends BaseLayer {
+
+  static LayerName = 'XunchaLayer';
+
+  static SourceName = SourceName;
+
+  getStyle() {
+
+    const ret = clone(ShapeStyle);
+    this._setStyleVisibility(ret);
+    return ret;
+
+  }
+
+  getName() {
+    return XunchaLayer.LayerName;
+  }
+
+  getSubLayers() {
+    return [ShapeStyle.id];
+  }
+
+  async doRefreshLayer(mapCtrl) {
+    const ms = mapCtrl.getSource(SourceName);
+
+    let data = 
+    // await PicStPromise.get();
+    [...page1].map((item)=>{
+      const obj = {...item}
+      obj.lgtd = item.lgtd + 0.0019
+      obj.lttd = item.lttd 
+      return obj
+    })
+    ms.setData(parseGeoJSON(data));
+    return true;
+  }
+
+  getFeatureTip(record) {
+    return '';
+  }
+
+  featureClicked(properties, dispatch) {
+    dispatch?.runtime.setInfoDlg({ layerId: 'XcxqLayer', properties: {} })
+  }
+}
diff --git a/src/views/Home/PanelIndex.js b/src/views/Home/PanelIndex.js
index 816a741..967344f 100644
--- a/src/views/Home/PanelIndex.js
+++ b/src/views/Home/PanelIndex.js
@@ -108,6 +108,9 @@ import Skyb from './panels/Skyb'
 import ShuikuYa from './panels/Yuanyfa'
 import Diaodujg from './panels/Diaodujg'
 import Duibifx from './panels/Duibifx'
+import Xczl from './panels/Xczl'
+import Xckb from './panels/Xcwtkb'
+import Shuikugh from './panels/Shuikugh'
 export default function PanelIndex({ name, style, ...params }) {
   if (name === '天气') {
     return (
@@ -316,6 +319,12 @@ export default function PanelIndex({ name, style, ...params }) {
     return <Diaodujg />
   }else if (name === '方案对比') {
     return <Duibifx />
+  }else if (name === '巡查任务总览') {
+    return <Xczl />
+  }else if (name === '巡查问题看板') {
+    return <Xckb />
+  }else if (name === '水库管护') {
+    return <Shuikugh />
   }
   return (
     <PanelBox style={style} title={name} color="red">
diff --git a/src/views/Home/components/ActionDock/index.js b/src/views/Home/components/ActionDock/index.js
index ec0f2f3..2f04392 100644
--- a/src/views/Home/components/ActionDock/index.js
+++ b/src/views/Home/components/ActionDock/index.js
@@ -23,7 +23,7 @@ const VIEWS = [
     { id: 203, title: '安全监测', img: '/assets/menu/安全监测.png' },
     { id: 204, title: '视频监视', img: '/assets/menu/视频监视.png' },
     { id: 205, title: '防汛调度', img: '/assets/menu/防汛调度.png' },
-    { id: 206, title: '水库管理', img: '/assets/menu/水库管理.png' },
+    { id: 206, title: '巡查维养', img: '/assets/menu/水库管理.png' },
   ] },
   {
     id: 300, title: '水厂', img: '/assets/menu/水利设施.png', children: [
diff --git a/src/views/Home/components/VideoCom/index.js b/src/views/Home/components/VideoCom/index.js
new file mode 100644
index 0000000..2c89d1b
--- /dev/null
+++ b/src/views/Home/components/VideoCom/index.js
@@ -0,0 +1,183 @@
+import React, { useState, useRef } from 'react';
+import { 
+  IconButton,
+  Slider,
+  Box,
+} from '@material-ui/core';
+import { makeStyles } from '@material-ui/core/styles';
+import clsx from "clsx"
+import PlayArrowIcon from '@material-ui/icons/PlayArrow';
+import PauseIcon from '@material-ui/icons/Pause';
+
+const useStyles = makeStyles((theme) => ({
+  root: {
+    position: 'relative',
+    width: '100%',
+    height: '100%',
+    backgroundColor: '#000',
+  },
+  videoContainer: {
+    width: '100%',
+    height: '100%',
+    '& video': {
+      width: '100%',
+      height: '100%',
+      objectFit: 'cover',
+    },
+  },
+  controls: {
+    position: 'absolute',
+    bottom: 0,
+    left: 0,
+    right: 0,
+    padding: theme.spacing(1, 2),
+    background: 'linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%)',
+    display: 'flex',
+    alignItems: 'center',
+    gap: theme.spacing(2),
+  },
+   controls1: {
+    position: 'absolute',
+    top: '85%',
+    left: '50%',
+    transform: 'translate(-50%, -50%)',
+    padding: theme.spacing(2),
+    background: 'rgba(0,0,0,0.7)',
+    borderRadius: theme.spacing(1),
+    display: 'flex',
+    alignItems: 'center',
+    gap: theme.spacing(2),
+    width: '800px',
+     maxWidth: '90%',
+     pointerEvents: 'none', 
+    
+  },
+  playButton: {
+    color: '#fff',
+    pointerEvents: 'auto',
+    '&:hover': {
+      backgroundColor: 'rgba(255,255,255,0.1)',
+    },
+  },
+  slider: {
+    color: '#1976d2',
+     pointerEvents: 'auto',
+    flex: 1,
+    '& .MuiSlider-rail': {
+      backgroundColor: 'rgba(255,255,255,0.3)',
+    },
+    '& .MuiSlider-track': {
+      backgroundColor: '#1976d2',
+    },
+    '& .MuiSlider-thumb': {
+      width: 12,
+      height: 12,
+      backgroundColor: '#fff',
+      '&:hover, &.Mui-focusVisible': {
+        boxShadow: '0 0 0 8px rgba(25,118,210,0.16)',
+      },
+    },
+  },
+  timeDisplay: {
+    color: '#fff',
+    fontSize: '0.875rem',
+    minWidth: 100,
+    textAlign: 'right',
+     pointerEvents: 'auto', 
+  },
+  dateDisplay: {
+    position: 'absolute',
+    top: theme.spacing(2),
+    left: theme.spacing(2),
+    color: '#fff',
+    fontSize: '1.25rem',
+    fontWeight: 500,
+    textShadow: '1px 1px 2px rgba(0,0,0,0.5)',
+  },
+  odd: {
+    zIndex: 1, 
+    position: 'absolute'
+  }
+}));
+
+const VideoPlayer = ({ videoUrl, date,odd=false }) => {
+  const classes = useStyles();
+  const [playing, setPlaying] = useState(false);
+  const [progress, setProgress] = useState(0);
+  const [currentTime, setCurrentTime] = useState(0);
+  const [duration, setDuration] = useState(0);
+  const videoRef = useRef(null);
+
+  const handlePlayPause = () => {
+    if (playing) {
+      videoRef.current.pause();
+    } else {
+      videoRef.current.play();
+    }
+    setPlaying(!playing);
+  };
+
+  const handleTimeUpdate = () => {
+    const video = videoRef.current;
+    if (video) {
+      const progress = (video.currentTime / video.duration) * 100;
+      setProgress(progress);
+      setCurrentTime(video.currentTime);
+    }
+  };
+
+  const handleLoadedMetadata = () => {
+    setDuration(videoRef.current.duration);
+  };
+
+  const handleSliderChange = (event, newValue) => {
+    const time = (newValue / 100) * duration;
+    videoRef.current.currentTime = time;
+    setProgress(newValue);
+  };
+
+  const formatTime = (time) => {
+    const minutes = Math.floor(time / 60);
+    const seconds = Math.floor(time % 60);
+    return `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
+  };
+
+  return (
+    <div className={clsx({[classes.root]:true,[classes.odd]:odd})}>
+      <div className={classes.videoContainer}>
+        <video
+          ref={videoRef}
+          onTimeUpdate={handleTimeUpdate}
+          onLoadedMetadata={handleLoadedMetadata}
+        >
+          <source src={videoUrl} type="video/mp4" />
+        </video>
+      </div>
+      
+      <div className={classes.dateDisplay}>
+        {date}
+      </div>
+
+      <div className={clsx({[classes.controls]:odd,[classes.controls1]:odd})}>
+        <IconButton 
+          className={classes.playButton}
+          onClick={handlePlayPause}
+        >
+          {playing ? <PauseIcon /> : <PlayArrowIcon />}
+        </IconButton>
+
+        <Slider
+          className={classes.slider}
+          value={progress}
+          onChange={handleSliderChange}
+        />
+
+        <Box className={classes.timeDisplay}>
+          {formatTime(currentTime)} / {formatTime(duration)}
+        </Box>
+      </div>
+    </div>
+  );
+};
+
+export default VideoPlayer;
\ No newline at end of file
diff --git a/src/views/Home/index.js b/src/views/Home/index.js
index 6343898..6a7adf9 100644
--- a/src/views/Home/index.js
+++ b/src/views/Home/index.js
@@ -1,5 +1,5 @@
-import React,{useEffect} from 'react';
-import { useSelector,useDispatch } from 'react-redux';
+import React, { useEffect } from 'react';
+import { useSelector, useDispatch } from 'react-redux';
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
 import './index.less';
 import ActionDock from './components/ActionDock';
@@ -10,6 +10,7 @@ import MapCtrl from './MapCtrl';
 import InfoDlg from './InfoDlg';
 import clsx from 'clsx';
 import Calculating from './components/Calculating';
+import VideoPlayer from './components/VideoCom/index';
 //import SocketCtrl from './components/SocketCtrl';
 
 
@@ -21,10 +22,10 @@ export default function Demo1() {
   const yyRes = useSelector(s => s.runtime.yyObj);
   const isSc = useSelector(s => s.runtime.scya);
   const wg = useSelector(s => s.runtime.shkshObj)
-  console.log('wg',wg);
-  
+  console.log('wg', wg);
+
+
 
-  
   return (
     <div className="demo1">
       <div style={{ position: 'absolute', left: 0, bottom: 0, right: 0, top: 0, zIndex: 0 }}>
@@ -33,10 +34,15 @@ export default function Demo1() {
 
       {
         yyRes.yy &&
-        <>
-          <img src={`${process.env.PUBLIC_URL}/assets/yytc.png`} alt="" style={{ zIndex: 0.1, position: 'absolute' }} />
-          <img src={`${process.env.PUBLIC_URL}/assets/yy.png`} alt="" style={{ zIndex: 0.2, position: 'absolute', bottom: 150, left: '32%', width: 700 }} />
-        </>
+        <VideoPlayer
+          videoUrl={`${process.env.PUBLIC_URL}/assets/gaoguan.mp4`}
+          date=""
+          odd={true}
+        />
+        // <>
+        //   <img src={`${process.env.PUBLIC_URL}/assets/yytc.png`} alt="" style={{ zIndex: 0.1, position: 'absolute' }} />
+        //   <img src={`${process.env.PUBLIC_URL}/assets/yy.png`} alt="" style={{ zIndex: 0.2, position: 'absolute', bottom: 150, left: '32%', width: 700 }} />
+        // </>
       }
 
       {
@@ -75,8 +81,8 @@ export default function Demo1() {
                       <PanelIndex name={key} {...params} />
                     </CSSTransition>
                   )
-                } else if(wg) {
-                   return (
+                } else if (wg) {
+                  return (
                     <CSSTransition key={key} unmountOnExit exit={false} timeout={500} classNames="dp-panelgroup">
                       <PanelIndex name={key} {...params} />
                     </CSSTransition>
diff --git a/src/views/Home/panels/Dbfx/index.js b/src/views/Home/panels/Dbfx/index.js
index 2ea02f1..fad6e68 100644
--- a/src/views/Home/panels/Dbfx/index.js
+++ b/src/views/Home/panels/Dbfx/index.js
@@ -6,7 +6,7 @@ function DrpReal({ style }) {
   return (
     <PanelBox
       style={style}
-      title="对比分析"
+      title="方案对比"
       color="green"
     >
       <img  src='/assets/duibifenxi.png' style={{width:'429.81px', height:'254px',marginLeft:'1px'}}/>
diff --git a/src/views/Home/panels/Diaodujg/index.js b/src/views/Home/panels/Diaodujg/index.js
index 3253a04..ff21a69 100644
--- a/src/views/Home/panels/Diaodujg/index.js
+++ b/src/views/Home/panels/Diaodujg/index.js
@@ -110,7 +110,7 @@ function HDReal({ style }) {
   const toggleAutoRefresh = () => {
     dispatch.realview.setHdAutoRefresh(!hdAutoRefresh);
   }
-
+ const [renderChart, setRenderChart] = useState(false)
 
 
   return (
@@ -136,15 +136,18 @@ function HDReal({ style }) {
            <div className='skyb-box' >
         <div className='rain-yb'>
           <div className='title-yb'>水库洪水演进</div>
-           <TableYj onChange={() => {}}/>
+           <TableYj onChange={() => setRenderChart(true)}/>
             </div>
             <div className='rain-yb'>
           <div className='title-yb'>下游淹没影响</div>
            <img src={`${process.env.PUBLIC_URL}/assets/cgfx.png`} alt="" style={{ width: 420}} />
             </div>
-            <div style={{position:'absolute',top:80,right:450}}>
+            {
+              renderChart &&<div style={{position:'absolute',top:80,right:450}}>
            <img src={`${process.env.PUBLIC_URL}/assets/dcjg.jpg`} alt="" style={{ width: 370}} />
             </div>
+            }
+            
       </div>
         </> :
           <Empty  description={<span style={{color:"#fff"}}>暂无数据</span>}/>
diff --git a/src/views/Home/panels/Drpfx/index.js b/src/views/Home/panels/Drpfx/index.js
index f9fe774..0b2c1b6 100644
--- a/src/views/Home/panels/Drpfx/index.js
+++ b/src/views/Home/panels/Drpfx/index.js
@@ -23,6 +23,7 @@ import {
 } from '@material-ui/core';
 import AddIcon from '@material-ui/icons/Add';
 import { useDispatch, useSelector } from 'react-redux';
+import DpTableCell from '../../../../layouts/mui/DpTableCell';
 
 import RemoveIcon from '@material-ui/icons/Remove';
 import config from '../../../../config';
@@ -214,14 +215,14 @@ export default function Overall({ style }) {
 
         </div>
 
-        <TableContainer>
-          <Table className={classes.table}>
-            <TableHead>
+        <TableContainer >
+          <Table  stickyHeader> 
+            <TableHead >
               <TableRow>
-                <TableCell style={{ width: '50%' }}>站名</TableCell>
-                <TableCell style={{ width: '20%' }}>累计雨量(mm)</TableCell>
-                <TableCell style={{ width: '15%' }}>所属政区</TableCell>
-                <TableCell style={{ width: '15%' }}>所属流域</TableCell>
+                <DpTableCell style={{ width: '50%' }}>站名</DpTableCell>
+                <DpTableCell style={{ width: '20%' }}>累计雨量(mm)</DpTableCell>
+                <DpTableCell style={{ width: '15%' }}>所属政区</DpTableCell>
+                <DpTableCell style={{ width: '15%' }}>所属流域</DpTableCell>
               </TableRow>
             </TableHead>
             <TableBody>
@@ -231,7 +232,7 @@ export default function Overall({ style }) {
                     // className={classes.stationRow}
                     className={`${classes.warningRow} ${station.color}`}
                   >
-                    <TableCell>
+                    <DpTableCell>
                       <Box display="flex" alignItems="center">
                         <IconButton
                           size="small"
@@ -242,29 +243,29 @@ export default function Overall({ style }) {
                         </IconButton>
                         {station.name}({station.count})
                       </Box>
-                    </TableCell>
-                    <TableCell></TableCell>
-                    <TableCell></TableCell>
-                    <TableCell></TableCell>
+                    </DpTableCell>
+                    <DpTableCell></DpTableCell>
+                    <DpTableCell></DpTableCell>
+                    <DpTableCell></DpTableCell>
                   </TableRow>
                   <TableRow>
-                    <TableCell colSpan={4} style={{ padding: 0 }}>
+                    <DpTableCell colSpan={4} style={{ padding: 0 }}>
                       <Collapse in={expanded[station.id]} timeout="auto" unmountOnExit>
                         <Box className={`${classes.expandedRow} ${station.color}`}>
                           {/* 展开的详细内容可以在这里添加 */}{
                            station.id == 'heavy' && drpData.map(item => (
                               <TableRow onClick={() =>flyTo(item)}>
-                                <TableCell style={{ width: '25%' }}>{item.stnm}</TableCell>
-                                <TableCell style={{ width: '20%' }}>{item.today}</TableCell>
-                                <TableCell style={{ width: '25%' }}>阎家河镇</TableCell>
-                                <TableCell style={{ width: '30%' }}>桃林河</TableCell>
+                                <DpTableCell style={{ width: '25%' }}>{item.stnm}</DpTableCell>
+                                <DpTableCell style={{ width: '20%' }}>{item.today}</DpTableCell>
+                                <DpTableCell style={{ width: '25%' }}>阎家河镇</DpTableCell>
+                                <DpTableCell style={{ width: '30%' }}>桃林河</DpTableCell>
                               </TableRow>
                             ))
                           }
 
                         </Box>
                       </Collapse>
-                    </TableCell>
+                    </DpTableCell>
                   </TableRow>
                 </React.Fragment>
               ))}
diff --git a/src/views/Home/panels/Duibifx/index.js b/src/views/Home/panels/Duibifx/index.js
index 73084cf..65d405d 100644
--- a/src/views/Home/panels/Duibifx/index.js
+++ b/src/views/Home/panels/Duibifx/index.js
@@ -134,11 +134,11 @@ function HDReal({ style }) {
       }
     >
       {
-        num.length ? num.map(item => (
+        num.length ? 
           <div style={{ padding: '5px' }}>
-            <img src={`${process.env.PUBLIC_URL}/assets/duibi1.png`} alt="" style={{ width: 420 }} />
+            <img src={`${process.env.PUBLIC_URL}/assets/${num.length == 1 ? 'duibi1':'duibi2'}.png`} alt="" style={{ width: 420 }} />
           </div>
-        ))
+        
           :
           <Empty description={<span style={{ color: "#fff" }}>暂无数据</span>} />
       }
diff --git a/src/views/Home/panels/HdWarning/index.js b/src/views/Home/panels/HdWarning/index.js
index 6ca8d6b..3333224 100644
--- a/src/views/Home/panels/HdWarning/index.js
+++ b/src/views/Home/panels/HdWarning/index.js
@@ -13,7 +13,6 @@ import {
   Button,
   Table,
   TableBody,
-  TableCell,
   TableContainer,
   TableHead,
   TableRow,
@@ -22,6 +21,8 @@ import {
 } from '@material-ui/core';
 import AddIcon from '@material-ui/icons/Add';
 import RemoveIcon from '@material-ui/icons/Remove';
+import DpTableCell from '../../../../layouts/mui/DpTableCell';
+
 const useStyles = makeStyles((theme) => ({
   root: {
     color: '#fff',
@@ -141,20 +142,20 @@ export default function Overall({ style }) {
   
 
         <TableContainer>
-          <Table className={classes.table}>
+          <Table >
             <TableHead>
               <TableRow>
-                <TableCell style={{ width: '35%' }}>站名</TableCell>
-                <TableCell style={{ width: '30%' }}>水位(mm)</TableCell>
-                <TableCell style={{ width: '15%' }}>所属政区</TableCell>
-                <TableCell style={{ width: '15%' }}>所属流域</TableCell>
+                <DpTableCell style={{ width: '35%' }}>站名</DpTableCell>
+                <DpTableCell style={{ width: '30%' }}>水位(mm)</DpTableCell>
+                <DpTableCell style={{ width: '15%' }}>所属政区</DpTableCell>
+                <DpTableCell style={{ width: '15%' }}>所属流域</DpTableCell>
               </TableRow>
             </TableHead>
             <TableBody>
               {stations.map((station) => (
                 <React.Fragment key={station.id}>
                   <TableRow className={`${classes.warningRow} ${station.type}`}>
-                    <TableCell>
+                    <DpTableCell>
                       <Box display="flex" alignItems="center">
                         <IconButton
                           size="small"
@@ -165,25 +166,25 @@ export default function Overall({ style }) {
                         </IconButton>
                         {station.name}({station.count})
                       </Box>
-                    </TableCell>
-                    <TableCell></TableCell>
-                    <TableCell></TableCell>
-                    <TableCell></TableCell>
+                    </DpTableCell>
+                    <DpTableCell></DpTableCell>
+                    <DpTableCell></DpTableCell>
+                    <DpTableCell></DpTableCell>
                   </TableRow>
                   <TableRow>
-                    <TableCell colSpan={4} style={{ padding: 0 }}>
+                    <DpTableCell colSpan={4} style={{ padding: 0 }}>
                       <Collapse in={expanded[station.id]} timeout="auto" unmountOnExit>
                         <Box className={`${classes.expandedRow} ${station.color}`}>
                           {/* 展开的详细内容可以在这里添加 */}
                           {/* <TableRow>
-                            <TableCell style={{ width: '25%' }}>站名</TableCell>
-                            <TableCell style={{ width: '20%' }}>水位(m)</TableCell>
-                            <TableCell style={{ width: '25%' }}>所属政区</TableCell>
-                            <TableCell style={{ width: '30%' }}>所属流域</TableCell>
+                            <DpTableCell style={{ width: '25%' }}>站名</DpTableCell>
+                            <DpTableCell style={{ width: '20%' }}>水位(m)</DpTableCell>
+                            <DpTableCell style={{ width: '25%' }}>所属政区</DpTableCell>
+                            <DpTableCell style={{ width: '30%' }}>所属流域</DpTableCell>
                           </TableRow> */}
                         </Box>
                       </Collapse>
-                    </TableCell>
+                    </DpTableCell>
                   </TableRow>
                 </React.Fragment>
               ))}
diff --git a/src/views/Home/panels/ShWarning/index.js b/src/views/Home/panels/ShWarning/index.js
index 116cd0a..d53ad2e 100644
--- a/src/views/Home/panels/ShWarning/index.js
+++ b/src/views/Home/panels/ShWarning/index.js
@@ -13,7 +13,7 @@ import {
   Button,
   Table,
   TableBody,
-  TableCell,
+  
   TableContainer,
   TableHead,
   TableRow,
@@ -26,6 +26,7 @@ import RemoveIcon from '@material-ui/icons/Remove';
 import WarningIcon from '@material-ui/icons/Warning';
 import AddIcon from '@material-ui/icons/Add';
 import { useDispatch } from 'react-redux';
+import DpTableCell from '../../../../layouts/mui/DpTableCell';
 
 import { DatePicker } from 'antd';
 import moment from 'moment';
@@ -135,11 +136,11 @@ export default function Overall({ style }) {
   useEffect(() => {
     let options = "";
     options = {
-      etm: moment().add(1, 'hour').set({ minute: 0, second: 0 }).format("YYYY-MM-DD HH:mm"),
-      stm: moment().subtract(7, 'days').add(1, 'hour').set({ minute: 0, second: 0 }).format("YYYY-MM-DD HH:mm"),
+      etm: moment().add(1, 'days').add(1, 'hour').set({ minute: 0, second: 0 }).format("YYYY-MM-DD HH:mm"),
+      stm: moment().add(1, 'hour').set({ minute: 0, second: 0 }).format("YYYY-MM-DD HH:mm"),
       tm: [
-        moment().subtract(7, 'days').add(1, 'hour').set({ minute: 0, second: 0 }),
-        moment().add(1, 'hour').set({ minute: 0, second: 0 }),
+        moment().add(1, 'hour').set({ minute: 0, second: 0 }).hours(9),
+        moment().add(1, 'days').add(1, 'hour').set({ minute: 0, second: 0 }).hours(9),
       ],
     }
 
@@ -240,19 +241,19 @@ export default function Overall({ style }) {
           </div>
         </div>
         <TableContainer component={Paper} style={{ backgroundColor: 'transparent' }}>
-          <Table className={classes.table}>
+          <Table stickyHeader>
             <TableHead>
               <TableRow>
-                <TableCell>乡镇</TableCell>
-                <TableCell>预警时间</TableCell>
-                <TableCell>预警状态</TableCell>
+                <DpTableCell>乡镇</DpTableCell>
+                <DpTableCell>预警时间</DpTableCell>
+                <DpTableCell>预警状态</DpTableCell>
               </TableRow>
             </TableHead>
             <TableBody>
               {warningData.map((row) => (
                 <React.Fragment key={row.type}>
                   <TableRow className={`${classes.warningRow} ${row.type}`}>
-                    <TableCell>
+                    <DpTableCell>
                       <Box display="flex" alignItems="center">
                         {expanded[row.type] ? (
                           <RemoveIcon
@@ -267,14 +268,14 @@ export default function Overall({ style }) {
                         )}
                         {row.label}
                       </Box>
-                    </TableCell>
-                    <TableCell></TableCell>
-                    <TableCell>
+                    </DpTableCell>
+                    <DpTableCell></DpTableCell>
+                    <DpTableCell>
                       {row.count}个乡镇
-                    </TableCell>
+                    </DpTableCell>
                   </TableRow>
                   <TableRow>
-                    <TableCell colSpan={3} style={{ padding: 0 }}>
+                    <DpTableCell colSpan={3} style={{ padding: 0 }}>
                       <Collapse in={expanded[row.type]} timeout="auto" unmountOnExit>
                         <Box className={classes.expandedContent}>
                           {/* 这里可以添加展开后显示的详细内容 */}
@@ -282,15 +283,15 @@ export default function Overall({ style }) {
                           {
                             row.type == 'immediate' ? zyData.map(item => (
                               <TableRow onClick={() => flyTo(item)}>
-                                <TableCell style={{ width: '30%' }}><div
+                                <DpTableCell style={{ width: '30%' }}><div
                                   className="table-ellipsis cursor-pointer"
-                                >{item.adnm}</div></TableCell>
-                                <TableCell style={{ width: '40%' }}><div
+                                >{item.adnm}</div></DpTableCell>
+                                <DpTableCell style={{ width: '40%' }}><div
                                   className="table-ellipsis cursor-pointer"
-                                >{item.warnetm}</div></TableCell>
-                                <TableCell style={{ width: '30%' }}><div
+                                >{item.warnetm}</div></DpTableCell>
+                                <DpTableCell style={{ width: '30%' }}><div
                                   className="table-ellipsis cursor-pointer"
-                                >{item.status}</div></TableCell>
+                                >{item.status}</div></DpTableCell>
                               </TableRow>
                             ))
 
@@ -299,7 +300,7 @@ export default function Overall({ style }) {
                           }
                         </Box>
                       </Collapse>
-                    </TableCell>
+                    </DpTableCell>
                   </TableRow>
                 </React.Fragment>
               ))}
diff --git a/src/views/Home/panels/Shuikugh/Setting.js b/src/views/Home/panels/Shuikugh/Setting.js
new file mode 100644
index 0000000..fd1c4ef
--- /dev/null
+++ b/src/views/Home/panels/Shuikugh/Setting.js
@@ -0,0 +1,51 @@
+import React from 'react';
+
+import Dialog from '@material-ui/core/Dialog';
+import DialogContent from '@material-ui/core/DialogContent';
+import DpPaperComponent from '../../../../layouts/mui/DpPaperCompanent';
+import { FormGroup, MenuItem, Select, Switch, Typography } from '@material-ui/core';
+import DpDialogTitle from '../../../../layouts/mui/DpDialogTitle';
+import { useDispatch, useSelector } from 'react-redux';
+import { getLayerSetting, getLayerVisible } from '../../../../models/map/selectors';
+import DpBackgroundDrop from '../../../../layouts/mui/DpBackdrop';
+
+
+function Setting({ onClose }) {
+  const layerVisible = useSelector(getLayerVisible);
+  const layerSetting = useSelector(getLayerSetting);
+
+  const dispath = useDispatch();
+
+  return (
+    <Dialog
+      open={true}
+      onClose={onClose}
+      maxWidth="xl"
+      style={{ borderRadius: 0 }}
+      PaperComponent={DpPaperComponent}
+      BackdropComponent={DpBackgroundDrop}
+    >
+      <div className="boxhead"></div>
+
+      <DpDialogTitle>河道水位显示设置</DpDialogTitle>
+      <DialogContent>
+        <div style={{ width: 320, padding: '1rem 0' }}>
+          <FormGroup>
+            <div style={{ marginBottom: '1rem' }}>
+              <Typography variant="subtitle2">显示河道水位图层</Typography>
+              <Switch
+                checked={!!layerVisible.RealHDLayer}
+                color="primary"
+                edge="start"
+                onChange={(e) => dispath.map.setLayerVisible({ RealHDLayer: e.target.checked })}
+              />
+            </div>
+          </FormGroup>
+        </div>
+      </DialogContent>
+      <div className="boxfoot"></div>
+    </Dialog>
+  )
+}
+
+export default Setting;
diff --git a/src/views/Home/panels/Shuikugh/constant.js b/src/views/Home/panels/Shuikugh/constant.js
new file mode 100644
index 0000000..10669b7
--- /dev/null
+++ b/src/views/Home/panels/Shuikugh/constant.js
@@ -0,0 +1,157 @@
+const data = [
+    {
+        "addvcd": "420800000000000",
+        "moditime": "2022-05-01 21:00:00",
+        "comments": "漳河遥测",
+        "src": "zhzj",
+        "esstym": "",
+        "mvalue": {
+            "slmmmt": null,
+            "slm60": 0,
+            "exkey": "@",
+            "slm80": 0,
+            "hitrsn": null,
+            "crpty": null,
+            "crpgrwprd": null,
+            "srlslm": null,
+            "stcd": "ZH201417",
+            "slm10": 24,
+            "slm20": 5.3,
+            "slm30": 44.3,
+            "slm40": 44.3,
+            "tm": "2024-08-03 05:00",
+            "slm100": 0,
+            "vtavslm": null,
+            "slmAvg": 24.5
+        },
+        "lttd": 30.8456,
+        "sttp": "SS",
+        "irrCode": "D00000010",
+        "sort": 9999,
+        "hasImg": false,
+        "stlc": "荆门市",
+        "dtmel": 0,
+        "stcd": "ZH201417",
+        "stnm": "马山二组（墒情）",
+        "addvcd_dictText": "荆门市",
+        "lgtd": 112.2321,
+        "irrCode_dictText": "漳河实验站",
+        "bsnm": "漳河流域"
+    },
+    {
+        "addvcd": "420800000000000",
+        "moditime": "2022-05-01 21:00:00",
+        "comments": "漳河遥测",
+        "src": "zhzj",
+        "esstym": "",
+        "mvalue": {
+            "slmmmt": null,
+            "slm60": 0,
+            "exkey": "@",
+            "slm80": 0,
+            "hitrsn": null,
+            "crpty": null,
+            "crpgrwprd": null,
+            "srlslm": null,
+            "stcd": "ZH201421",
+            "slm10": 12.1,
+            "slm20": 16.2,
+            "slm30": 12.8,
+            "slm40": 12.8,
+            "tm": "2024-08-15 08:00",
+            "slm100": 0,
+            "vtavslm": null,
+            "slmAvg": 13.7
+        },
+        "lttd": 30.8446,
+        "sttp": "SS",
+        "irrCode": "D00000010",
+        "sort": 9999,
+        "hasImg": false,
+        "stlc": "荆门市",
+        "dtmel": 0,
+        "stcd": "ZH201421",
+        "stnm": "槐桥四组（墒情）",
+        "addvcd_dictText": "荆门市",
+        "lgtd": 112.203,
+        "irrCode_dictText": "漳河实验站",
+        "bsnm": "漳河流域"
+    },
+    {
+        "addvcd": "420800000000000",
+        "moditime": "2022-05-01 21:00:00",
+        "src": "zhzj",
+        "esstym": "",
+        "mvalue": {
+            "slmmmt": null,
+            "slm60": 0,
+            "exkey": "@",
+            "slm80": 0,
+            "hitrsn": null,
+            "crpty": null,
+            "crpgrwprd": null,
+            "srlslm": null,
+            "stcd": "ZH201418",
+            "slm10": 16.5,
+            "slm20": 12.5,
+            "slm30": 0,
+            "slm40": 0,
+            "tm": "2024-09-19 11:00",
+            "slm100": 0,
+            "vtavslm": null,
+            "slmAvg": 14.5
+        },
+        "lttd": 30.8866,
+        "sttp": "SS",
+        "irrCode": "D00000010",
+        "sort": 9999,
+        "hasImg": false,
+        "stlc": "荆门市",
+        "dtmel": 0,
+        "stcd": "ZH201418",
+        "stnm": "双碑一组（墒情）",
+        "addvcd_dictText": "荆门市",
+        "lgtd": 112.2006,
+        "irrCode_dictText": "漳河实验站",
+        "bsnm": "漳河流域"
+    },
+    {
+        "addvcd": "420800000000000",
+        "moditime": "2022-05-01 21:00:00",
+        "comments": "水资源多孔闸门控制系统",
+        "src": "zhzj",
+        "esstym": "",
+        "mvalue": {
+            "slmmmt": null,
+            "slm60": null,
+            "exkey": "@",
+            "slm80": null,
+            "hitrsn": null,
+            "crpty": null,
+            "crpgrwprd": null,
+            "srlslm": null,
+            "stcd": "4211221031",
+            "slm10": 31,
+            "slm20": 42.6,
+            "slm30": null,
+            "slm40": 26.6,
+            "tm": "2025-05-26 09:00",
+            "slm100": null,
+            "vtavslm": null,
+            "slmAvg": 33.4
+        },
+        "lttd": 30.904191,
+        "sttp": "SS",
+        "irrCode": "D00000010",
+        "sort": 9999,
+        "hasImg": false,
+        "stlc": "荆门市",
+        "stcd": "4211221031",
+        "stnm": "试验站墒情",
+        "addvcd_dictText": "荆门市",
+        "lgtd": 112.087806,
+        "irrCode_dictText": "漳河实验站",
+        "bsnm": "漳河流域"
+    }
+]
+export default data;
\ No newline at end of file
diff --git a/src/views/Home/panels/Shuikugh/index.js b/src/views/Home/panels/Shuikugh/index.js
new file mode 100644
index 0000000..1e48d65
--- /dev/null
+++ b/src/views/Home/panels/Shuikugh/index.js
@@ -0,0 +1,197 @@
+import React, { useMemo, useState } from 'react';
+import useRequest from '../../../../utils/useRequest';
+import PanelBox from '../../components/PanelBox';
+
+import Table from '@material-ui/core/Table';
+import TableContainer from '@material-ui/core/TableContainer';
+import TableBody from '@material-ui/core/TableBody';
+import TableHead from '@material-ui/core/TableHead';
+import TableRow from '@material-ui/core/TableRow';
+import DpTableCell from '../../../../layouts/mui/DpTableCell';
+import DpTableRow from '../../../../layouts/mui/DpTableRow';
+import { useDispatch, useSelector } from 'react-redux';
+import useRefresh from '../../../../utils/useRefresh';
+import { HDRealPromise } from '../../../../models/_/real';
+import clsx from 'clsx';
+import { renderHDRz } from '../../../../utils/renutils';
+import Setting from './Setting';
+import { InfoPopNames } from '../../InfoPops';
+import config from '../../../../config';
+import moment from 'moment';
+import { Empty } from 'antd'
+import TableYj from './tableYj';
+import { Select, MenuItem } from '@material-ui/core/index'
+
+// import showData from './constant'
+function rzRender(rz, base) {
+  return (
+    <DpTableCell align="right" style={{ color: rz >= base ? 'red' : '#fff' }}>
+      {typeof base === 'number' ? base.toFixed(2) : ''}
+    </DpTableCell>
+  );
+}
+
+function HDReal({ style }) {
+  const dispatch = useDispatch();
+  const tableRzFilter = useSelector(s => s.realview.tableRzFilter);
+  const hdAutoRefresh = useSelector(s => s.realview.hdAutoRefresh);
+  const num = useSelector(s => s.runtime.duibifxNum)
+
+  const yyRes = useSelector(s => s.runtime.yyObj);
+  const [setting, showSetting] = useState(false);
+  const [dimension, setDimension] = useState('ft');
+
+
+  const data = [
+
+    {
+      "guid": "42118120003",
+      "code": "",
+      "name": "浮桥河水库",
+      "resRegCode": "42000020030-A4",
+      "adName": "白果镇",
+      "engScal": "大（2）型",
+      "place": "湖北省-黄冈市-麻城市-白果镇",
+      "lon": "115.068090",
+      "lat": "31.026170",
+      'username': '熊杰',
+      taskType: '除草除杂',
+      tm: '2025-06-02 17:38:00',
+      status: '已处理'
+    },
+    {
+      "guid": "42118120003",
+      "code": "",
+      "name": "浮桥河水库",
+      "resRegCode": "42000020030-A4",
+      "adName": "白果镇",
+      "engScal": "大（2）型",
+      "place": "湖北省-黄冈市-麻城市-白果镇",
+      "lon": "115.068090",
+      "lat": "31.026170",
+      'username': '白斌',
+      taskType: '除草除杂',
+      tm: '2025-06-02 17:09:11',
+      status: '已处理'
+    },
+    {
+      "guid": "42118120003",
+      "code": "",
+      "name": "明山水库",
+      "resRegCode": "42000020030-A4",
+      "adName": "白果镇",
+      "engScal": "大（2）型",
+      "place": "湖北省-黄冈市-麻城市-白果镇",
+      "lon": "115.068090",
+      "lat": "31.026170",
+      'username': '余静',
+      taskType: '危险提示',
+      tm: '2025-06-02 16:10:00',
+      status: '已处理'
+    },
+    {
+      "guid": "42118120003",
+      "code": "",
+      "name": "永红水库",
+      "resRegCode": "42000020030-A4",
+      "adName": "白果镇",
+      "engScal": "大（2）型",
+      "place": "湖北省-黄冈市-麻城市-白果镇",
+      "lon": "115.068090",
+      "lat": "31.026170",
+      'username': '周真',
+      taskType: '设备养护',
+      tm: '2025-06-02 15:00:49',
+      status: '待处理'
+    },
+    {
+      "guid": "42118120003",
+      "code": "",
+      "name": "永丰水库",
+      "resRegCode": "42000020030-A4",
+      "adName": "白果镇",
+      "engScal": "大（2）型",
+      "place": "湖北省-黄冈市-麻城市-白果镇",
+      "lon": "115.068090",
+      "lat": "31.026170",
+      'username': '陈发',
+      taskType: '除草除杂',
+      tm: '2025-06-02 14:43:49',
+      status: '已处理'
+    },
+  ]
+
+
+  const [list, setList] = useState(data)
+  const onChange = (event) => {
+    const value = event.target.value;
+    setDimension(value);
+    const newData = data.filter(item => item.taskType == value);
+    if (newData.length) {
+      setList(newData);
+    } else {
+      setList(data)
+    }
+  }
+   const flyTo = () => {
+    dispatch?.runtime.setInfoDlg({ layerId: 'ShuikuyanghuLayer', properties: {} })
+  }
+  return (
+    <PanelBox
+      style={style}
+      title="水库管护"
+      color="green"
+      extra={
+        <>
+          <div style={{ height: '30px', overflow: 'hidden' }}>
+            <Select
+              labelId="analysis-select-label"
+              value={dimension}
+              label="请选择管护类型"
+              onChange={onChange}
+            >
+              <MenuItem value="ft">请选择管护类型</MenuItem>
+              <MenuItem value="除草除杂">除草除杂</MenuItem>
+              <MenuItem value="设备养护">设备养护</MenuItem>
+              <MenuItem value="危险提示">危险提示</MenuItem>
+            </Select>
+          </div>
+        </>
+      }
+    >
+      <TableContainer style={{ height: '200px', overflow: 'auto' }}>
+        <Table size="small" stickyHeader>
+          <TableHead>
+            <TableRow>
+              <DpTableCell style={{ width: '30%' }} align="center">水库名称</DpTableCell>
+              <DpTableCell style={{ width: '20%' }} align="center">管护类型</DpTableCell>
+              <DpTableCell style={{ width: '25%' }} align="center">内容</DpTableCell>
+              <DpTableCell style={{ width: '25%' }} align="center">上报时间</DpTableCell>
+            </TableRow>
+          </TableHead>
+          <TableBody>
+            {list.map((row, index) => (
+              <DpTableRow key={row.stcd} onClick={flyTo}>
+                <DpTableCell align="center">
+                  <div
+                    className="table-ellipsis cursor-pointer"
+                  >{row.name}</div>
+                </DpTableCell>
+                <DpTableCell align="center">{row.taskType}</DpTableCell>
+                <DpTableCell align="center">一切正常</DpTableCell>
+                <DpTableCell align="center"> <div
+                  className="table-ellipsis cursor-pointer"
+                >{row.tm}</div></DpTableCell>
+              </DpTableRow>
+            ))}
+          </TableBody>
+        </Table>
+      </TableContainer>
+      {
+        setting && <Setting onClose={() => showSetting(false)} />
+      }
+    </PanelBox>
+  )
+}
+
+export default HDReal;
diff --git a/src/views/Home/panels/Shuikugh/tableYj.js b/src/views/Home/panels/Shuikugh/tableYj.js
new file mode 100644
index 0000000..6c6b93d
--- /dev/null
+++ b/src/views/Home/panels/Shuikugh/tableYj.js
@@ -0,0 +1,171 @@
+
+import React from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableContainer,
+  TableHead,
+  TableRow,
+  Paper,
+} from '@material-ui/core';
+const reservoirData = [
+  {
+    name: '明山水库',
+    maxInflow: {
+      value: 12.32,
+      time: '03-23 14:32'
+    },
+    totalStorage: 17.98,
+    maxOutflow: {
+      value: 12.32,
+      time: '03-23 14:32'
+    }
+  }
+];
+
+const useStyles = makeStyles((theme) => ({
+  root: {
+    width: '100%',
+    // padding: '20px',
+    background: '#0d1117',
+    borderRadius: '8px',
+    position: 'relative',
+  },
+  tableContainer: {
+    background: 'transparent',
+    maxHeight: '100%',
+    overflowX: 'auto',
+    '&::-webkit-scrollbar': {
+      height: '8px',
+    },
+    '&::-webkit-scrollbar-track': {
+      // background: 'rgba(255, 255, 255, 0.1)',
+      borderRadius: '4px',
+    },
+    '&::-webkit-scrollbar-thumb': {
+      // background: 'rgba(255, 255, 255, 0.2)',
+      borderRadius: '4px',
+      '&:hover': {
+        background: 'rgba(255, 255, 255, 0.3)',
+      },
+    },
+  },
+  table: {
+    minWidth: 800,
+    // background: 'linear-gradient(180deg, rgba(22, 27, 34, 0.8) 0%, rgba(13, 17, 23, 0.8) 100%)',
+    backdropFilter: 'blur(10px)',
+  },
+  tableHead: {
+    background: 'linear-gradient(180deg, rgba(22, 27, 34, 0.9) 0%, rgba(22, 27, 34, 0.7) 100%)',
+  },
+  headerCell: {
+    color: '#c9d1d9',
+    fontWeight: 600,
+    textAlign: 'center',
+    borderBottom: '1px solid rgba(48, 54, 61, 0.6)',
+    borderRight: '1px solid rgba(48, 54, 61, 0.6)',
+     padding: 0,
+    whiteSpace: 'nowrap',
+    '&:last-child': {
+      borderRight: 'none',
+    },
+  },
+  cell: {
+    color: '#c9d1d9',
+    textAlign: 'center',
+    borderBottom: '1px solid rgba(48, 54, 61, 0.6)',
+    borderRight: '1px solid rgba(48, 54, 61, 0.6)',
+    padding: '12px 20px',
+    whiteSpace: 'nowrap',
+    '&:last-child': {
+      borderRight: 'none',
+    },
+  },
+  timeText: {
+    fontSize: '0.85em',
+    color: '#8b949e',
+    marginLeft: '4px',
+  },
+  scrollIndicator: {
+    position: 'absolute',
+    bottom: 0,
+    left: 0,
+    right: 0,
+    height: '4px',
+    background: 'rgba(255, 255, 255, 0.1)',
+    borderRadius: '2px',
+  },
+  scrollProgress: {
+    height: '100%',
+    background: 'rgba(255, 255, 255, 0.3)',
+    borderRadius: '2px',
+    width: '50%',
+    transform: 'translateX(0%)',
+    transition: 'transform 0.3s ease',
+  },
+}));
+
+const ReservoirTable = () => {
+  const classes = useStyles();
+  const [scrollPosition, setScrollPosition] = React.useState(0);
+
+  const handleScroll = (e) => {
+    const target = e.target;
+    const scrollLeft = target.scrollLeft;
+    const maxScroll = target.scrollWidth - target.clientWidth;
+    const position = (scrollLeft / maxScroll) * 100;
+    setScrollPosition(position);
+  };
+
+  const formatFlowCell = (data) => (
+    <>
+      {data.value}
+      <span className={classes.timeText}>({data.time})</span>
+    </>
+  );
+
+  return (
+    <Paper className={classes.root} elevation={0}>
+      <TableContainer className={classes.tableContainer} >
+        <Table  >
+          <TableHead >
+            <TableRow>
+              <TableCell className={classes.headerCell}>水库名称</TableCell>
+              <TableCell className={classes.headerCell}>
+                最大入库流量<br/>(m³/s)
+              </TableCell>
+              <TableCell className={classes.headerCell}>
+                总入库水量<br/>(万m³)
+              </TableCell>
+              <TableCell className={classes.headerCell}>
+                最大出库流量<br/>(m³/s)
+              </TableCell>
+            </TableRow>
+          </TableHead>
+          <TableBody>
+            {reservoirData.map((item, index) => (
+              <TableRow key={index}>
+                <TableCell className={classes.cell}>{item.name}</TableCell>
+                <TableCell className={classes.cell}>{formatFlowCell(item.maxInflow)}</TableCell>
+                <TableCell className={classes.cell}>{item.totalStorage}</TableCell>
+                <TableCell className={classes.cell}>{formatFlowCell(item.maxOutflow)}</TableCell>
+              </TableRow>
+            ))}
+          </TableBody>
+        </Table>
+      </TableContainer>
+      <div className={classes.scrollIndicator}>
+        <div
+          className={classes.scrollProgress}
+          style={{
+            transform: `translateX(${scrollPosition}%)`
+          }}
+        />
+      </div>
+    </Paper>
+  );
+};
+
+export default ReservoirTable;
\ No newline at end of file
diff --git a/src/views/Home/panels/SkWarning/index.js b/src/views/Home/panels/SkWarning/index.js
index 80bed6f..b88478c 100644
--- a/src/views/Home/panels/SkWarning/index.js
+++ b/src/views/Home/panels/SkWarning/index.js
@@ -15,7 +15,7 @@ import {
   Button,
   Table,
   TableBody,
-  TableCell,
+ 
   TableContainer,
   TableHead,
   TableRow,
@@ -24,6 +24,7 @@ import {
 } from '@material-ui/core';
 import { useDispatch, useSelector } from 'react-redux';
 import config from '../../../../config';
+import DpTableCell from '../../../../layouts/mui/DpTableCell';
 
 import AddIcon from '@material-ui/icons/Add';
 import RemoveIcon from '@material-ui/icons/Remove';
@@ -206,21 +207,21 @@ export default function Overall({ style }) {
 
 
         <TableContainer>
-          <Table className={classes.table}>
+          <Table stickyHeader>
             <TableHead>
               <TableRow>
-                <TableCell style={{ width: '40%' }}>站名</TableCell>
-                <TableCell style={{ width: '14%' }}>水位(mm)</TableCell>
-                <TableCell style={{ width: '15%' }}>所属政区</TableCell>
-                <TableCell style={{ width: '15%' }}>所属流域</TableCell>
-                <TableCell style={{ width: '16%' }}>预案</TableCell>
+                <DpTableCell style={{ width: '40%' }}>站名</DpTableCell>
+                <DpTableCell style={{ width: '14%' }}>水位(mm)</DpTableCell>
+                <DpTableCell style={{ width: '15%' }}>所属政区</DpTableCell>
+                <DpTableCell style={{ width: '15%' }}>所属流域</DpTableCell>
+                <DpTableCell style={{ width: '16%' }}>预案</DpTableCell>
               </TableRow>
             </TableHead>
             <TableBody>
               {stations.map((station) => (
                 <React.Fragment key={station.id}>
                   <TableRow className={`${classes.warningRow} ${station.color}`}>
-                    <TableCell>
+                    <DpTableCell>
                       <Box display="flex" alignItems="center">
                         <IconButton
                           size="small"
@@ -231,39 +232,39 @@ export default function Overall({ style }) {
                         </IconButton>
                         {station.name}({station.count})
                       </Box>
-                    </TableCell>
-                    <TableCell></TableCell>
-                    <TableCell></TableCell>
-                    <TableCell></TableCell>
-                    <TableCell></TableCell>
+                    </DpTableCell>
+                    <DpTableCell></DpTableCell>
+                    <DpTableCell></DpTableCell>
+                    <DpTableCell></DpTableCell>
+                    <DpTableCell></DpTableCell>
                   </TableRow>
                   <TableRow>
-                    <TableCell colSpan={5} style={{ padding: 0 }}>
+                    <DpTableCell colSpan={5} style={{ padding: 0 }}>
                       <Collapse in={expanded[station.id]} timeout="auto" unmountOnExit>
                         <Box className={`${classes.expandedRow} ${station.color}`}>
                           {/* 展开的详细内容可以在这里添加 */}
                           {
                             station.id == "cxx" && <TableRow onClick={() => flyTo()}>
-                              <TableCell style={{ width: '20%' }}><div
+                              <DpTableCell style={{ width: '20%' }}><div
                                 className="table-ellipsis cursor-pointer"
-                              >永红水库</div></TableCell>
-                              <TableCell style={{ width: '20%' }}>130.15(0.25)</TableCell>
-                              <TableCell style={{ width: '20%' }}><div
+                              >永红水库</div></DpTableCell>
+                              <DpTableCell style={{ width: '20%' }}>130.15(0.25)</DpTableCell>
+                              <DpTableCell style={{ width: '20%' }}><div
                                 className="table-ellipsis cursor-pointer"
-                              >阎家河镇</div></TableCell>
-                              <TableCell style={{ width: '20%' }}>阎家河</TableCell>
-                              <TableCell style={{ width: '20%' }}><a
+                              >阎家河镇</div></DpTableCell>
+                              <DpTableCell style={{ width: '20%' }}>阎家河</DpTableCell>
+                              <DpTableCell style={{ width: '20%' }}><a
                                 className="table-ellipsis cursor-pointer"
                                 onClick={() => {
                                 dispatch?.runtime.setInfoDlg({ layerId: 'PdfLayer', properties: {planName:'麻城市山洪灾害防御预案'} })
                                 }}
-                              >麻城市山洪灾害防御预案</a></TableCell>
+                              >麻城市山洪灾害防御预案</a></DpTableCell>
                             </TableRow>
                           }
 
                         </Box>
                       </Collapse>
-                    </TableCell>
+                    </DpTableCell>
                   </TableRow>
                 </React.Fragment>
               ))}
diff --git a/src/views/Home/panels/Skyb/tableYb.js b/src/views/Home/panels/Skyb/tableYb.js
index d95dd26..ac69d48 100644
--- a/src/views/Home/panels/Skyb/tableYb.js
+++ b/src/views/Home/panels/Skyb/tableYb.js
@@ -3,7 +3,7 @@ import { makeStyles } from '@material-ui/core';
 
 const useStyles = makeStyles((theme) => ({
   root: {
-    backgroundColor: '#0d1117',
+    backgroundColor: 'transparent',
     borderRadius: 4,
     overflow: 'hidden',
   },
@@ -12,7 +12,7 @@ const useStyles = makeStyles((theme) => ({
     borderCollapse: 'collapse',
     color: '#c9d1d9',
     '& th': {
-      backgroundColor: '#161b22',
+      backgroundColor: 'transparent',
       padding: theme.spacing(1.5),
       textAlign: 'center',
       fontWeight: 'normal',
diff --git a/src/views/Home/panels/WeatherForcast/WF.js b/src/views/Home/panels/WeatherForcast/WF.js
index c717e4d..5c16552 100644
--- a/src/views/Home/panels/WeatherForcast/WF.js
+++ b/src/views/Home/panels/WeatherForcast/WF.js
@@ -52,9 +52,9 @@ function WF() {
     dispatch.runtime.setYyfa({yy:''})
     dispatch.shyjview.showWeather24h();
     const map = window.__mapref
-    map.setLayoutProperty('热力图', 'visibility', 'none');
-    // if (map) {
-    // }
+    if (map) {
+      map.setLayoutProperty('热力图', 'visibility', 'none');
+    }
   }
 
   const genWeatherContourRadar = () => {
@@ -74,14 +74,9 @@ function WF() {
     dispatch.runtime.setLayerSetting({ contour: newContourSetting })
   }
 
-  // useEffect(() => {
-  //   let timer = setTimeout(() => {
-  //       genWeatherContour24H()
-  //   },0)
-  //   return () => {
-  //     clearTimeout(timer)
-  //   }
-  // }, [])
+  useEffect(() => {
+     genWeatherContour24H()
+  }, [])
   
   return (
     <div className={classes.root}>
diff --git a/src/views/Home/panels/Xcwtkb/Setting.js b/src/views/Home/panels/Xcwtkb/Setting.js
new file mode 100644
index 0000000..a3055ef
--- /dev/null
+++ b/src/views/Home/panels/Xcwtkb/Setting.js
@@ -0,0 +1,67 @@
+import React from 'react';
+
+import Dialog from '@material-ui/core/Dialog';
+import DialogContent from '@material-ui/core/DialogContent';
+import DpPaperComponent from '../../../../layouts/mui/DpPaperCompanent';
+import { FormGroup, MenuItem, Select, Switch, Typography } from '@material-ui/core';
+import DpDialogTitle from '../../../../layouts/mui/DpDialogTitle';
+import { useDispatch, useSelector } from 'react-redux';
+import { getLayerSetting, getLayerVisible } from '../../../../models/map/selectors';
+import DpBackgroundDrop from '../../../../layouts/mui/DpBackdrop';
+
+
+function Setting({ onClose }) {
+  const layerVisible = useSelector(getLayerVisible);
+  const layerSetting = useSelector(getLayerSetting);
+
+  const dispath = useDispatch();
+
+  return (
+    <Dialog
+      open={true}
+      onClose={onClose}
+      maxWidth="xl"
+      style={{ borderRadius: 0 }}
+      PaperComponent={DpPaperComponent}
+      BackdropComponent={DpBackgroundDrop}
+    >
+      <div className="boxhead"></div>
+
+      <DpDialogTitle>实时雨量显示设置</DpDialogTitle>
+      <DialogContent>
+        <div style={{ width: 320, padding: '1rem 0' }}>
+          <FormGroup>
+            <div style={{ marginBottom: '2rem' }}>
+              <Typography variant="subtitle2">地图实时雨量显示雨量时段</Typography>
+              <Select
+                style={{ fontSize: '1.2rem' }}
+                fullWidth
+                value={layerSetting.drplabel}
+                onChange={(event) => dispath.map.setLayerSetting({ drplabel: event.target.value })}
+              >
+                <MenuItem value="h1">小时雨量</MenuItem>
+                <MenuItem value="h3">3小时雨量</MenuItem>
+                <MenuItem value="h6">6小时雨量</MenuItem>
+                <MenuItem value="h12">12小时雨量</MenuItem>
+                <MenuItem value="h24">24小时雨量</MenuItem>
+                <MenuItem value="h48">48小时雨量</MenuItem>
+              </Select>
+            </div>
+            <div style={{ marginBottom: '1rem' }}>
+              <Typography variant="subtitle2">显示实时雨量图层</Typography>
+              <Switch
+                checked={!!layerVisible.RealDrpLayer}
+                color="primary"
+                edge="start"
+                onChange={(e) => dispath.map.setLayerVisible({ RealDrpLayer: e.target.checked })}
+              />
+            </div>
+          </FormGroup>
+        </div>
+      </DialogContent>
+      <div className="boxfoot"></div>
+    </Dialog>
+  )
+}
+
+export default Setting;
diff --git a/src/views/Home/panels/Xcwtkb/charts.js b/src/views/Home/panels/Xcwtkb/charts.js
new file mode 100644
index 0000000..cbcfeb5
--- /dev/null
+++ b/src/views/Home/panels/Xcwtkb/charts.js
@@ -0,0 +1,90 @@
+import React, { useEffect, useRef } from 'react';
+import * as echarts from 'echarts';
+
+const ProcessChart = () => {
+  const chartRef = useRef(null);
+
+  useEffect(() => {
+    const chart = echarts.init(chartRef.current);
+
+    const option = {
+      title: [{
+        text: '总计',
+        left: 'center',
+        top: '42%',
+        textStyle: {
+          color: '#fff',
+          fontSize: 20,
+          fontWeight: 'normal'
+        }
+      }, {
+        text: '250',
+        left: 'center',
+        top: '52%',
+        textStyle: {
+          color: '#fff',
+          fontSize: 28,
+          fontWeight: 'bold'
+        }
+      }],
+   
+      series: [{
+        name: '处理进度',
+        type: 'pie',
+        radius: ['55%', '90%'],
+        center: ['50%', '50%'],
+        startAngle: 90,
+        label: {
+          show: true,
+          position: 'outside',
+          formatter: '{c}',
+          color: '#fff',
+          fontSize: 14,
+          distance: 5
+        },
+        labelLine: {
+          show: true,
+          length: 10,
+          length2: 10,
+          lineStyle: {
+            color: '#fff'
+          }
+        },
+        data: [
+          { 
+            value: 7, 
+            name: '待处理',
+            itemStyle: {
+              color: '#5470c6'
+            }
+          },
+          { 
+            value: 243, 
+            name: '已处理',
+            itemStyle: {
+              color: '#3fb950'
+            }
+          }
+        ]
+      }]
+    };
+
+
+    chart.setOption(option);
+    return () => {
+      chart.dispose();
+    };
+  }, []);
+
+  return (
+    <div 
+      ref={chartRef} 
+      style={{ 
+        width: '200px', 
+        height: '220px'
+      }}
+    />
+  );
+};
+
+export default ProcessChart;
\ No newline at end of file
diff --git a/src/views/Home/panels/Xcwtkb/index.js b/src/views/Home/panels/Xcwtkb/index.js
new file mode 100644
index 0000000..fa43c4b
--- /dev/null
+++ b/src/views/Home/panels/Xcwtkb/index.js
@@ -0,0 +1,1859 @@
+import React, { useMemo, useState } from 'react';
+import useRequest from '../../../../utils/useRequest';
+import { useDispatch, useSelector } from 'react-redux';
+import PanelBox from '../../components/PanelBox';
+
+import Table from '@material-ui/core/Table';
+import TableContainer from '@material-ui/core/TableContainer';
+import TableBody from '@material-ui/core/TableBody';
+import TableHead from '@material-ui/core/TableHead';
+import TableRow from '@material-ui/core/TableRow';
+import DpTableCell from '../../../../layouts/mui/DpTableCell';
+import DpTableRow from '../../../../layouts/mui/DpTableRow';
+import clsx from 'clsx';
+import { renderDrp } from '../../../../utils/renutils';
+import XcCard from './xcCard'
+import Charts from './charts'
+import { Select, MenuItem } from '@material-ui/core/index'
+
+const data1 = [
+    {
+        "stcd": "716128301",
+        "kr": 35.38, "lx": "小（2）型",
+        "type": "sk",
+        "hasRz": true,
+        "stnm": "新庙水库",
+        "adcd": "421181201000",
+        "wscd": null,
+        "importancy": 0,
+        "lgtd": 115.2125,
+        "lttd": 31.077222,
+        "elev": 0,
+        "damel": 21,
+        "dsflz": 18.88,
+        "fsltdz": 17.8,
+        "ddz": 7.6,
+        "zcxsw": 17.8,
+        "drpTm": "2025-04-11T05:00:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 0,
+        "drpState": 2,
+        "rz": 651.46,
+        "w": 0.154,
+        "a_fsltdz": 633.6600000000001,
+        "rzTm": "2025-04-11T05:00:00.000Z",
+        "rzWarning": 1,
+        "rzState": 2,
+        "pic": [
+            {
+                "stcd": "716128301",
+                "tm": "2023-03-12T06:04:00.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/716128301/20230312140400.jpg"
+            },
+            {
+                "stcd": "716128301",
+                "tm": "2023-03-12T06:29:00.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/716128302/20230312142900.jpg"
+            }
+        ],
+        "aRz": 633.66
+    },
+    {
+        "stcd": "7CS000021",
+        "kr": 15.6, "lx": "小（2）型",
+        "type": "sk",
+        "hasRz": true,
+        "stnm": "夏家山水库",
+        "adcd": "421181104000",
+        "wscd": null,
+        "importancy": 0,
+        "lgtd": 115.108333,
+        "lttd": 30.920556,
+        "elev": 0,
+        "damel": 14.2,
+        "dsflz": 13,
+        "fsltdz": 12.55,
+        "ddz": 4.8,
+        "zcxsw": 12.55,
+        "drpTm": "2025-04-11T06:00:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 0,
+        "drpState": 2,
+        "rz": 532.4,
+        "w": 0.075,
+        "a_fsltdz": 519.85,
+        "rzTm": "2025-04-11T06:00:00.000Z",
+        "rzWarning": 1,
+        "rzState": 2,
+        "pic": [
+            {
+                "stcd": "7CS000021",
+                "tm": "2022-11-17T04:04:59.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2022/1117/7CS000021/20221117120459.jpg"
+            },
+            {
+                "stcd": "7CS000021",
+                "tm": "2022-11-17T04:10:28.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2022/1117/7CS000022/20221117121028.jpg"
+            }
+        ],
+        "aRz": 519.85
+    },
+    {
+        "stcd": "716167401",
+        "kr": 21.25, "lx": "小（2）型",
+        "type": "sk",
+        "hasRz": true,
+        "stnm": "板栗沟水库",
+        "adcd": "421181106000",
+        "wscd": null,
+        "importancy": 0,
+        "lgtd": 115.279722,
+        "lttd": 30.970833,
+        "elev": 0,
+        "damel": 24.7,
+        "dsflz": 22.63,
+        "fsltdz": 21.2,
+        "ddz": 14,
+        "zcxsw": 21.2,
+        "drpTm": "2025-04-11T05:00:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 0,
+        "drpState": 2,
+        "rz": 526.02,
+        "w": 0.054,
+        "a_fsltdz": 504.82,
+        "rzTm": "2025-04-11T05:00:00.000Z",
+        "rzWarning": 1,
+        "rzState": 2,
+        "pic": [
+            {
+                "stcd": "716167401",
+                "tm": "2023-11-07T03:00:03.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/1107/716167401/20231107110003.jpg"
+            },
+            {
+                "stcd": "716167401",
+                "tm": "2023-11-07T02:02:12.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/1107/716167402/20231107100212.jpg"
+            }
+        ],
+        "aRz": 504.82
+    },
+    {
+        "stcd": "7CS000061",
+        "type": "sk",
+        "hasRz": true,
+        "stnm": "鸡笼山水库",
+        "adcd": "421181201000",
+        "kr": 13.81, "lx": "小（2）型",
+        "wscd": null,
+        "importancy": 0,
+        "lgtd": 115.195278,
+        "lttd": 31.137222,
+        "elev": 0,
+        "damel": 14.7,
+        "dsflz": 13.71,
+        "fsltdz": 12.4,
+        "ddz": 9.8,
+        "zcxsw": 12.4,
+        "drpTm": "2025-04-11T05:00:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 0,
+        "drpState": 2,
+        "rz": 316.69,
+        "w": 0,
+        "a_fsltdz": 304.29,
+        "rzTm": "2025-04-11T05:00:00.000Z",
+        "rzWarning": 1,
+        "rzState": 2,
+        "pic": [
+            {
+                "stcd": "7CS000061",
+                "tm": "2023-03-12T07:06:57.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/7CS000061/20230312150657.jpg"
+            },
+            {
+                "stcd": "7CS000061",
+                "tm": "2023-03-12T06:09:53.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/7CS000062/20230312140953.jpg"
+            }
+        ],
+        "aRz": 304.29
+    },
+    {
+        "stcd": "716130701",
+        "type": "sk",
+        "hasRz": true,
+        "stnm": "肖家冲水库",
+        "adcd": "421181106000",
+        "wscd": null,
+        "importancy": 0,
+        "kr": 15.5, "lx": "小（2）型",
+        "lgtd": 115.310833,
+        "lttd": 31.000833,
+        "elev": 0,
+        "damel": 26.7,
+        "dsflz": 25.53,
+        "fsltdz": 24,
+        "ddz": 14.2,
+        "zcxsw": 24,
+        "drpTm": "2025-04-11T06:00:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 0,
+        "drpState": 2,
+        "rz": 308.31,
+        "w": 0.018,
+        "a_fsltdz": 284.31,
+        "rzTm": "2025-04-11T06:00:00.000Z",
+        "rzWarning": 1,
+        "rzState": 2,
+        "pic": [
+            {
+                "stcd": "716130701",
+                "tm": "2023-11-08T00:04:00.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/1108/716130701/20231108080400.jpg"
+            },
+            {
+                "stcd": "716130701",
+                "tm": "2023-11-08T00:11:00.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/1108/716130702/20231108081100.jpg"
+            }
+        ],
+        "aRz": 284.31
+    },
+    {
+        "stcd": "716120901",
+        "type": "sk",
+        "hasRz": true,
+        "stnm": "细垸冲水库",
+        "kr": 13.68, "lx": "小（2）型",
+        "adcd": "421181109000",
+        "wscd": null,
+        "importancy": 0,
+        "lgtd": 115.207222,
+        "lttd": 31.385556,
+        "elev": 0,
+        "damel": 45.13,
+        "dsflz": 43.57,
+        "fsltdz": 40.8,
+        "ddz": 38.2,
+        "zcxsw": 40.8,
+        "drpTm": "2024-05-31T07:00:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 0,
+        "drpState": 2,
+        "rz": 260.91,
+        "w": 0.048,
+        "a_fsltdz": 220.11,
+        "rzTm": "2025-01-13T04:00:00.000Z",
+        "rzWarning": 1,
+        "rzState": 2,
+        "pic": [
+            {
+                "stcd": "716120901",
+                "tm": "2023-03-12T06:05:00.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/716120901/20230312140500.jpg"
+            },
+            {
+                "stcd": "716120901",
+                "tm": "2023-03-12T07:40:00.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/716120902/20230312154000.jpg"
+            }
+        ],
+        "aRz": 220.11
+    },
+    {
+        "stcd": "7CS000111",
+        "type": "sk",
+        "hasRz": true,
+        "stnm": "八斗丘水库",
+        "kr": 11.29, "lx": "小（2）型",
+        "adcd": "421181109000",
+        "wscd": null,
+        "importancy": 0,
+        "lgtd": 115.233611,
+        "lttd": 31.250833,
+        "elev": 0,
+        "damel": 213.3,
+        "dsflz": 210.8,
+        "fsltdz": 7.4,
+        "ddz": 205.6,
+        "zcxsw": 7.4,
+        "drpTm": "2025-04-11T05:00:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 0,
+        "drpState": 2,
+        "rz": 207.14,
+        "w": 0.036,
+        "a_fsltdz": 199.73999999999998,
+        "rzTm": "2025-04-11T05:00:00.000Z",
+        "rzWarning": 1,
+        "rzState": 2,
+        "pic": [
+            {
+                "stcd": "7CS000111",
+                "tm": "2023-03-12T07:03:37.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/7CS000111/20230312150337.jpg"
+            },
+            {
+                "stcd": "7CS000111",
+                "tm": "2023-03-12T07:08:24.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/7CS000112/20230312150824.jpg"
+            }
+        ],
+        "aRz": 199.74
+    },
+    {
+        "stcd": "716115301",
+        "type": "sk",
+        "hasRz": true,
+        "stnm": "葡萄冲水库",
+        "kr": 20.71, "lx": "小（2）型",
+        "adcd": "421181110000",
+        "wscd": null,
+        "importancy": 0,
+        "lgtd": 115.051389,
+        "lttd": 31.423333,
+        "elev": 0,
+        "damel": 15.8,
+        "dsflz": 14.73,
+        "fsltdz": 14.3,
+        "ddz": 9.48,
+        "zcxsw": 14.3,
+        "drpTm": "2025-04-11T05:00:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 0,
+        "drpState": 2,
+        "rz": 213.75,
+        "w": 0.04,
+        "a_fsltdz": 199.45,
+        "rzTm": "2025-04-11T05:00:00.000Z",
+        "rzWarning": 1,
+        "rzState": 2,
+        "pic": [
+            {
+                "stcd": "716115301",
+                "tm": "2023-03-12T08:02:00.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/716115301/20230312160200.jpg"
+            },
+            {
+                "stcd": "716115301",
+                "tm": "2023-03-12T07:11:00.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/716115302/20230312151100.jpg"
+            }
+        ],
+        "aRz": 199.45
+    },
+    {
+        "stcd": "716166301",
+        "type": "sk",
+        "hasRz": true,
+        "stnm": "搁船山水库",
+        "adcd": "421181107000",
+        "kr": 27.39, "lx": "小（2）型",
+        "wscd": null,
+        "importancy": 0,
+        "lgtd": 115.357778,
+        "lttd": 31.155833,
+        "elev": 0,
+        "damel": 19.5,
+        "dsflz": 17.63,
+        "fsltdz": 16.1,
+        "ddz": 11.5,
+        "zcxsw": 16.1,
+        "drpTm": "2025-04-10T00:00:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 0,
+        "drpState": 2,
+        "rz": 158.44,
+        "w": 0.107,
+        "a_fsltdz": 142.34,
+        "rzTm": "2025-04-10T00:00:00.000Z",
+        "rzWarning": 1,
+        "rzState": 2,
+        "pic": [
+            {
+                "stcd": "716166301",
+                "tm": "2023-03-12T06:00:00.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/716166301/20230312140000.jpg"
+            },
+            {
+                "stcd": "716166301",
+                "tm": "2023-03-12T07:04:00.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/716166302/20230312150400.jpg"
+            }
+        ],
+        "aRz": 142.34
+    },
+    {
+        "stcd": "61611520",
+        "type": "sw",
+        "type2": "swsk",
+        "kr": 10.17, "lx": "小（2）型",
+        "hasRz": true,
+        "stnm": "长冲水库                          ",
+        "adcd": null,
+        "wscd": null,
+        "importancy": 0,
+        "lgtd": 115.07142,
+        "lttd": 31.46004,
+        "elev": null,
+        "damel": 0,
+        "dsflz": 0,
+        "fsltdz": 0,
+        "ddz": 0,
+        "zcxsw": 0,
+        "drpTm": "2025-05-21T02:05:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 0,
+        "drpState": 2,
+        "rz": 129.34,
+        "a_fsltdz": null,
+        "rzTm": "2024-04-06T23:00:00.000Z",
+        "rzWarning": 1,
+        "rzState": 2,
+        "aRz": 129.34
+    },
+    {
+        "stcd": "716176401",
+        "type": "sk",
+        "hasRz": true,
+        "stnm": "寨上水库",
+        "kr": 10.75, "lx": "小（2）型",
+        "adcd": "421181201000",
+        "wscd": null,
+        "importancy": 0,
+        "lgtd": 115.223611,
+        "lttd": 31.055833,
+        "elev": 0,
+        "damel": 227.24,
+        "dsflz": 216.39,
+        "fsltdz": 18.97,
+        "ddz": 212.7,
+        "zcxsw": 18.97,
+        "drpTm": "2024-12-27T14:00:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 0,
+        "drpState": 2,
+        "rz": 115.14,
+        "w": 0.127,
+        "a_fsltdz": 96.17,
+        "rzTm": "2024-12-27T14:00:00.000Z",
+        "rzWarning": 1,
+        "rzState": 2,
+        "pic": [
+            {
+                "stcd": "716176401",
+                "tm": "2024-11-22T06:02:00.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2024/1122/716176401/20241122140200.jpg"
+            },
+            {
+                "stcd": "716176401",
+                "tm": "2024-11-22T06:06:00.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2024/1122/716176402/20241122140600.jpg"
+            }
+        ],
+        "aRz": 96.17
+    },
+    {
+        "stcd": "61612476",
+        "type": "sw",
+        "type2": "swsk",
+        "hasRz": true,
+        "kr": 19.66, "lx": "小（2）型",
+        "stnm": "黄牛出洞水库                        ",
+        "adcd": null,
+        "wscd": null,
+        "importancy": 0,
+        "lgtd": 114.92642,
+        "lttd": 31.20223,
+        "elev": null,
+        "damel": 0,
+        "dsflz": 0,
+        "fsltdz": 0,
+        "ddz": 0,
+        "zcxsw": 0,
+        "drpTm": "2025-04-11T06:00:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 0,
+        "drpState": 2,
+        "rz": 86.44,
+        "a_fsltdz": null,
+        "rzTm": "2024-04-05T16:00:00.000Z",
+        "rzWarning": 1,
+        "rzState": 2,
+        "aRz": 86.44
+    },
+    {
+        "stcd": "61611260",
+        "type": "sw",
+        "type2": "swsk",
+        "hasRz": true,
+        "stnm": "永丰水库                          ",
+        "kr": 299.37, "lx": "小（1）型",
+        "adcd": null,
+        "wscd": null,
+        "importancy": 0,
+        "lgtd": 115.05541,
+        "lttd": 31.11106,
+        "elev": null,
+        "damel": 0,
+        "dsflz": 0,
+        "fsltdz": 0,
+        "ddz": 0,
+        "zcxsw": 0,
+        "drpTm": "2025-05-21T02:05:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 0,
+        "drpState": 2,
+        "rz": 77.09,
+        "a_fsltdz": null,
+        "rzTm": "2024-04-05T00:00:00.000Z",
+        "rzWarning": 1,
+        "rzState": 2,
+        "aRz": 77.09
+    },
+    {
+        "stcd": "61611690",
+        "type": "sw",
+        "type2": "swsk",
+        "hasRz": true,
+        "stnm": "海元桥水库                         ",
+        "adcd": null,
+        "kr": 24.78, "lx": "小（2）型",
+        "wscd": null,
+        "importancy": 0,
+        "lgtd": 115.00369,
+        "lttd": 31.2063,
+        "elev": null,
+        "damel": 0,
+        "dsflz": 0,
+        "fsltdz": 0,
+        "ddz": 0,
+        "zcxsw": 0,
+        "drpTm": "2025-05-21T00:05:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 0,
+        "drpState": 2,
+        "rz": 75.53,
+        "a_fsltdz": null,
+        "rzTm": "2024-04-04T21:00:00.000Z",
+        "rzWarning": 1,
+        "rzState": 2,
+        "aRz": 75.53
+    },
+    {
+        "stcd": "716125101",
+        "type": "sk",
+        "hasRz": true,
+        "stnm": "郭泥冲水库",
+        "adcd": "421181100000",
+        "wscd": null,
+        "importancy": 0,
+        "kr": 37.98, "lx": "小（2）型",
+        "lgtd": 114.800278,
+        "lttd": 31.176667,
+        "elev": 0,
+        "damel": 15,
+        "dsflz": 13.62,
+        "fsltdz": 12.9,
+        "ddz": 2.2,
+        "zcxsw": 12.9,
+        "drpTm": "2025-04-11T06:00:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 0,
+        "drpState": 2,
+        "rz": 85.84,
+        "w": 0.268,
+        "a_fsltdz": 72.94,
+        "rzTm": "2024-07-10T19:00:00.000Z",
+        "rzWarning": 1,
+        "rzState": 2,
+        "pic": [
+            {
+                "stcd": "716125101",
+                "tm": "2023-11-19T23:04:18.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/1120/716125101/20231120070418.jpg"
+            },
+            {
+                "stcd": "716125101",
+                "tm": "2023-11-19T09:08:43.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/1119/716125102/20231119170843.jpg"
+            }
+        ],
+        "aRz": 72.94
+    },
+    {
+        "stcd": "716126201",
+        "type": "sk",
+        "hasRz": true,
+        "stnm": "周德水库",
+        "kr": 24.78, "lx": "小（2）型",
+        "adcd": "421181101000",
+        "wscd": null,
+        "importancy": 0,
+        "lgtd": 114.789444,
+        "lttd": 31.113611,
+        "elev": 0,
+        "damel": 15.61,
+        "dsflz": 14.38,
+        "fsltdz": 13.6,
+        "ddz": 5.58,
+        "zcxsw": 13.6,
+        "drpTm": "2025-04-11T06:00:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 0,
+        "drpState": 2,
+        "rz": 75.05,
+        "w": 0.039,
+        "a_fsltdz": 61.449999999999996,
+        "rzTm": "2025-04-11T06:00:00.000Z",
+        "rzWarning": 1,
+        "rzState": 2,
+        "pic": [
+            {
+                "stcd": "716126201",
+                "tm": "2023-11-01T06:01:05.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/1101/716126201/20231101140105.jpg"
+            },
+            {
+                "stcd": "716126201",
+                "tm": "2023-11-01T06:03:04.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/1101/716126202/20231101140304.jpg"
+            }
+        ],
+        "aRz": 61.45
+    },
+    {
+        "stcd": "61612660",
+        "type": "sw",
+        "type2": "swsk",
+        "kr": 22.73, "lx": "小（2）型",
+        "hasRz": true,
+        "stnm": "毛屋湾水库                         ",
+        "adcd": null,
+        "wscd": null,
+        "importancy": 0,
+        "lgtd": 114.69332,
+        "lttd": 31.00302,
+        "elev": null,
+        "damel": 0,
+        "dsflz": 0,
+        "fsltdz": 0,
+        "ddz": 0,
+        "zcxsw": 0,
+        "drpTm": "2024-12-30T06:00:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 0,
+        "drpState": 2,
+        "rz": 55.88,
+        "a_fsltdz": null,
+        "rzTm": "2024-04-04T01:00:00.000Z",
+        "rzWarning": 1,
+        "rzState": 2,
+        "aRz": 55.88
+    },
+    {
+        "stcd": "716126301",
+        "type": "sk",
+        "hasRz": true,
+        "stnm": "淮海水库",
+        "kr": 29.33, "lx": "小（2）型",
+        "adcd": "421181102000",
+        "wscd": null,
+        "importancy": 0,
+        "lgtd": 114.694722,
+        "lttd": 31.053333,
+        "elev": 0,
+        "damel": 11.2,
+        "dsflz": 9.97,
+        "fsltdz": 9.6,
+        "ddz": 6.3,
+        "zcxsw": 9.6,
+        "drpTm": "2025-04-11T05:00:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 0,
+        "drpState": 2,
+        "rz": 64.96,
+        "w": 0.129,
+        "a_fsltdz": 55.35999999999999,
+        "rzTm": "2025-04-11T05:00:00.000Z",
+        "rzWarning": 1,
+        "rzState": 2,
+        "pic": [
+            {
+                "stcd": "716126301",
+                "tm": "2023-03-12T07:04:00.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/716126301/20230312150400.jpg"
+            },
+            {
+                "stcd": "716126301",
+                "tm": "2023-03-12T07:10:00.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/716126302/20230312151000.jpg"
+            }
+        ],
+        "aRz": 55.36
+    },
+    {
+        "stcd": "716117701",
+        "type": "sk",
+        "hasRz": true,
+        "stnm": "涂家冲水库",
+        "adcd": "421181003000",
+        "wscd": null,
+        "importancy": 0,
+        "lgtd": 114.954444,
+        "lttd": 31.135833,
+        "elev": 0,
+        "damel": 7.99,
+        "kr": 51.29, "lx": "小（2）型",
+        "dsflz": 6.44,
+        "fsltdz": 5.5,
+        "ddz": 2.2,
+        "zcxsw": 5.5,
+        "drpTm": "2025-04-11T05:00:00.000Z",
+        "today": 0,
+        "h1": 0,
+        "h3": 0,
+        "h6": 0,
+        "h12": 0,
+        "h24": 0,
+        "h48": 0,
+        "drpState": 2,
+        "rz": 60.51,
+        "w": 0.317,
+        "a_fsltdz": 55.01,
+        "rzTm": "2025-04-11T05:00:00.000Z",
+        "rzWarning": 1,
+        "rzState": 2,
+        "pic": [
+            {
+                "stcd": "716117701",
+                "tm": "2023-03-12T07:04:00.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/716117701/20230312150400.jpg"
+            },
+            {
+                "stcd": "716117701",
+                "tm": "2023-03-12T07:21:00.000Z",
+                "url": "http://223.75.53.106:8891/skjgimages/2023/0312/716117702/20230312152100.jpg"
+            }
+        ],
+        "aRz": 55.01
+    },
+]
+const data2 = [
+    {
+        "guid": "42118150155",
+        "code": "",
+        "name": "陡山洪水库",
+        "resRegCode": "42118150180-A5",
+        "adName": "歧亭镇",
+        "engScal": "小（2）型",
+        "place": "湖北省-黄冈市-麻城市-歧亭镇",
+        "lon": "114.725560",
+        "lat": "31.007010",
+        "areaUserGuid": "2956cdc324d249e9a4761656ae821d2d",
+        "areaUsername": "鄂敏东",
+        "areaPhone": "17786616661",
+        "areaPosition": "镇长",
+        "areaUnitName": "歧亭镇人民政府",
+        "customsUserGuid": "0001eee4a650410586554691870de878",
+        "customsUsername": "熊鑫",
+        "customsPhone": "18672542699",
+        "customsPosition": "党委副书记",
+        "customsUnitName": "歧亭镇人民政府",
+        "manageUnitUserGuid": "9e46257f685e458faefc3a24bbc03a21",
+        "manageUnitUsername": "周金发",
+        "manageUnitPhone": "15926718341",
+        "manageUnitPosition": "书记",
+        "manageUnitUnitName": "官塘村",
+        "technologyUserGuid": "ccb6b2b6bf0b4dcd8fa705301f201d67",
+        "technologyUsername": "肖正华",
+        "technologyPhone": "13995931489",
+        "technologyPosition": "党群服务中心主任",
+        "technologyUnitName": "歧亭镇人民政府",
+        "patrolUserGuid": "287f4541c631474bb643895cb94562f3",
+        "patrolUsername": "周金发",
+        "patrolPhone": "15926718341",
+        "patrolPosition": "书记",
+        "patrolUnitName": "官塘村",
+        "cityName": "黄冈市",
+        "countyName": "麻城市",
+        "townName": "歧亭镇"
+    },
+    {
+        "guid": "42118140044",
+        "code": "",
+        "name": "茶田水库",
+        "resRegCode": "42118140003-A4",
+        "adName": "顺河镇",
+        "engScal": "小（1）型",
+        "place": "湖北省-黄冈市-麻城市-顺河镇",
+        "lon": "114.820840",
+        "lat": "31.362880",
+        "areaUserGuid": "70033d022f454099b965487d28bbe5ab",
+        "areaUsername": "李斌",
+        "areaPhone": "18120478128",
+        "areaPosition": "党委副书记、镇长",
+        "areaUnitName": "顺河镇人民政府",
+        "customsUserGuid": "644f9378d2644d9993881c6ea5adc391",
+        "customsUsername": "陈启平",
+        "customsPhone": "13871960449",
+        "customsPosition": "顺河工作组副组长",
+        "customsUnitName": "顺河镇人民政府",
+        "manageUnitUserGuid": "fefc71c946784b3495941050e33d7265",
+        "manageUnitUsername": "陈华林",
+        "manageUnitPhone": "13477665256",
+        "manageUnitPosition": "书记",
+        "manageUnitUnitName": "林家山村",
+        "technologyUserGuid": "ae5693679d2448e394cf4c865f3de6d8",
+        "technologyUsername": "张国际",
+        "technologyPhone": "13617135289",
+        "technologyPosition": "主任",
+        "technologyUnitName": "农业农村服务中心",
+        "patrolUserGuid": "254f2cf940204424a31c8cbadeb7e2f4",
+        "patrolUsername": "陈华林",
+        "patrolPhone": "13477665256",
+        "patrolPosition": "书记",
+        "patrolUnitName": "林家山村",
+        "cityName": "黄冈市",
+        "countyName": "麻城市",
+        "townName": "顺河镇"
+    },
+    {
+        "guid": "42118150195",
+        "code": "",
+        "name": "丰登坳水库",
+        "resRegCode": "42118150227-A5",
+        "adName": "木子店镇",
+        "engScal": "小（2）型",
+        "place": "湖北省-黄冈市-麻城市-木子店镇",
+        "lon": "115.367760",
+        "lat": "31.275330",
+        "areaUserGuid": "369cb66e7b0e4b31a0b691b623f2bad9",
+        "areaUsername": "陈丽",
+        "areaPhone": "13872040257",
+        "areaPosition": "镇长",
+        "areaUnitName": "木子店镇人民政府",
+        "customsUserGuid": "7f0d2f5a3f5d488abc70663c436334da",
+        "customsUsername": "袁亮",
+        "customsPhone": "13409831658",
+        "customsPosition": "城建办主任",
+        "customsUnitName": "木子店镇人民政府",
+        "manageUnitUserGuid": "aee484fe1dad4fa7aad120e4167f30d9",
+        "manageUnitUsername": "刘爱文",
+        "manageUnitPhone": "13409682158",
+        "manageUnitPosition": "书记",
+        "manageUnitUnitName": "名山村",
+        "technologyUserGuid": "ebf6dcb2eda145f3986a1f40ea897fd2",
+        "technologyUsername": "胡国庆",
+        "technologyPhone": "13971746279",
+        "technologyPosition": "农业服务中心主任",
+        "technologyUnitName": "木子店镇人民政府",
+        "patrolUserGuid": "5c9ff04950f44fa89d36d1a617ea08c7",
+        "patrolUsername": "刘爱文",
+        "patrolPhone": "13409682158",
+        "patrolPosition": "书记",
+        "patrolUnitName": "名山村",
+        "cityName": "黄冈市",
+        "countyName": "麻城市",
+        "townName": "木子店镇"
+    },
+    {
+        "guid": "42118150016",
+        "code": "",
+        "name": "灌基水库",
+        "resRegCode": "42118150009-A5",
+        "adName": "龙池办事处",
+        "engScal": "小（2）型",
+        "place": "湖北省-黄冈市-麻城市-龙池办事处",
+        "lon": "114.995290",
+        "lat": "31.2108",
+        "areaUserGuid": "588bb96a558e4d20a1c4c7eb32b65de2",
+        "areaUsername": "姚旭",
+        "areaPhone": "15971350399",
+        "areaPosition": "党工委副书记办事处主任",
+        "areaUnitName": "龙池办事处",
+        "customsUserGuid": "294143f18bfa433aa35cd4e166ac9ce5",
+        "customsUsername": "蔡子萌",
+        "customsPhone": "17671095244",
+        "customsPosition": "党工委委员、组织委员",
+        "customsUnitName": "龙池桥街道办事处",
+        "manageUnitUserGuid": "ff3d953a1535493e96253d091f28f446",
+        "manageUnitUsername": "李成波",
+        "manageUnitPhone": "13617132287",
+        "manageUnitPosition": "书记",
+        "manageUnitUnitName": "黄狮岗社区",
+        "technologyUserGuid": "4a93cc5de00a4de5b1293e4dc413b7a8",
+        "technologyUsername": "田红辉",
+        "technologyPhone": "13476752267",
+        "technologyPosition": "干部",
+        "technologyUnitName": "龙池办",
+        "patrolUserGuid": "952ad9ab82574bd99d2a4db0bd44ae45",
+        "patrolUsername": "李成波",
+        "patrolPhone": "13617132287",
+        "patrolPosition": "书记",
+        "patrolUnitName": "黄狮岗社区",
+        "cityName": "黄冈市",
+        "countyName": "麻城市",
+        "townName": "龙池办事处"
+    },
+    {
+        "guid": "42118150129",
+        "code": "",
+        "name": "翁家垅水库",
+        "resRegCode": "42118150174-A5",
+        "adName": "木子店镇",
+        "engScal": "小（2）型",
+        "place": "湖北省-黄冈市-麻城市-木子店镇",
+        "lon": "115.393160",
+        "lat": "31.2143",
+        "areaUserGuid": "313450bb7d89436eb1028b34bfd62967",
+        "areaUsername": "陈丽",
+        "areaPhone": "13872040257",
+        "areaPosition": "镇长",
+        "areaUnitName": "木子店镇人民政府",
+        "customsUserGuid": "c1efd20eff664f968de1c0436b4b3552",
+        "customsUsername": "张晶",
+        "customsPhone": "15586514440",
+        "customsPosition": "宣传办主任",
+        "customsUnitName": "木子店镇人民政府",
+        "manageUnitUserGuid": "9a0d5ce1892742f98a519f3228a8763d",
+        "manageUnitUsername": "李红慈",
+        "manageUnitPhone": "13995944646",
+        "manageUnitPosition": "书记",
+        "manageUnitUnitName": "黄泥坳村",
+        "technologyUserGuid": "8a04c188840349d49e27791ed59f2765",
+        "technologyUsername": "胡国庆",
+        "technologyPhone": "13971746279",
+        "technologyPosition": "农业服务中心主任",
+        "technologyUnitName": "木子店镇人民政府",
+        "patrolUserGuid": "43508b8584704d5d891b026412d47857",
+        "patrolUsername": "李红慈",
+        "patrolPhone": "13995944646",
+        "patrolPosition": "书记",
+        "patrolUnitName": "黄泥坳村",
+        "cityName": "黄冈市",
+        "countyName": "麻城市",
+        "townName": "木子店镇"
+    },
+    {
+        "guid": "42118150175",
+        "code": "",
+        "name": "凤形地水库",
+        "resRegCode": "42118150061-A5",
+        "adName": "三河口镇",
+        "engScal": "小（2）型",
+        "place": "湖北省-黄冈市-麻城市-三河口镇",
+        "lon": "115.158070",
+        "lat": "31.330810",
+        "areaUserGuid": "f72a50066e374f7ba2f8985c4e121e70",
+        "areaUsername": "翟梦亚",
+        "areaPhone": "18986758735",
+        "areaPosition": "镇长",
+        "areaUnitName": "三河口镇人民政府",
+        "customsUserGuid": "b220947bd2544742901725255e14ba32",
+        "customsUsername": "肖志刚",
+        "customsPhone": "18972723897",
+        "customsPosition": "工会主席",
+        "customsUnitName": "三河口镇人民政府",
+        "manageUnitUserGuid": "2a36a0ceff5343438d7a315d3b5b5960",
+        "manageUnitUsername": "林顺珍",
+        "manageUnitPhone": "13476770115",
+        "manageUnitPosition": "周家河书记",
+        "manageUnitUnitName": "周家河村",
+        "technologyUserGuid": "e2d1d806a720445da7dda1570b6de6f1",
+        "technologyUsername": "丁锋",
+        "technologyPhone": "13635834341",
+        "technologyPosition": "工作人员",
+        "technologyUnitName": "农业农村服务中心",
+        "patrolUserGuid": "d1c0a51ba6b74bfea8e9282182133606",
+        "patrolUsername": "林顺珍",
+        "patrolPhone": "13476770115",
+        "patrolPosition": "书记",
+        "patrolUnitName": "周家河村",
+        "cityName": "黄冈市",
+        "countyName": "麻城市",
+        "townName": "三河口镇"
+    },
+    {
+        "guid": "42118140031",
+        "code": "",
+        "name": "桐枧冲水库",
+        "resRegCode": "42118140036-A4",
+        "adName": "黄土岗镇",
+        "engScal": "小（1）型",
+        "place": "湖北省-黄冈市-麻城市-黄土岗镇",
+        "lon": "115.134930",
+        "lat": "31.392780",
+        "areaUserGuid": "c76030ef52014fe9922f09b84d5f4c7a",
+        "areaUsername": "岳春阳",
+        "areaPhone": "13972726841",
+        "areaPosition": "镇长",
+        "areaUnitName": "黄土岗镇人民政府",
+        "customsUserGuid": "af029e6a490a4749a0a7eba386a7b280",
+        "customsUsername": "丁保政",
+        "customsPhone": "13476760177",
+        "customsPosition": "镇综合执法副主任",
+        "customsUnitName": "黄土岗镇人民政府",
+        "manageUnitUserGuid": "7aa7ef95cc71413aa2dc89038a3f764a",
+        "manageUnitUsername": "王显教",
+        "manageUnitPhone": "13487023122",
+        "manageUnitPosition": "主任",
+        "manageUnitUnitName": "桐枧冲村",
+        "technologyUserGuid": "8476c60c41164ec788d8431061b42c0c",
+        "technologyUsername": "向彪",
+        "technologyPhone": "15629687723",
+        "technologyPosition": "镇农业农村中心工作人员",
+        "technologyUnitName": "黄土岗镇人民政府",
+        "patrolUserGuid": "dc7a2c2a31954b18b47fbd39b8c8e6f8",
+        "patrolUsername": "王显教",
+        "patrolPhone": "13487023122",
+        "patrolPosition": "书记",
+        "patrolUnitName": "桐枧冲村",
+        "cityName": "黄冈市",
+        "countyName": "麻城市",
+        "townName": "黄土岗镇"
+    },
+    {
+        "guid": "42118150225",
+        "code": "",
+        "name": "铁门坎水库",
+        "resRegCode": "42118150297-A5",
+        "adName": "顺河镇",
+        "engScal": "小（2）型",
+        "place": "湖北省-黄冈市-麻城市-顺河镇",
+        "lon": "114.953880",
+        "lat": "31.243870",
+        "areaUserGuid": "a9745ecf23ca4b16b6531f7b101ac07a",
+        "areaUsername": "李斌",
+        "areaPhone": "18120478128",
+        "areaPosition": "党委副书记、镇长",
+        "areaUnitName": "顺河镇人民政府",
+        "customsUserGuid": "58cad794faba4b43b2d8e6706045ee09",
+        "customsUsername": "董康",
+        "customsPhone": "13886445848",
+        "customsPosition": "经济发展办公室主任",
+        "customsUnitName": "顺河镇人民政府",
+        "manageUnitUserGuid": "d6cf5ef646be47bd9e826e22b0914626",
+        "manageUnitUsername": "刘辉",
+        "manageUnitPhone": "13476629281",
+        "manageUnitPosition": "村负责人",
+        "manageUnitUnitName": "谢家垸村",
+        "technologyUserGuid": "3c45e6a1d49e46a6b50c9253ae216aad",
+        "technologyUsername": "张国际",
+        "technologyPhone": "13617135289",
+        "technologyPosition": "主任",
+        "technologyUnitName": "农业农村服务中心",
+        "patrolUserGuid": "960fdcab88fa49c191371542776c15cc",
+        "patrolUsername": "刘辉",
+        "patrolPhone": "13476629281",
+        "patrolPosition": "村负责人",
+        "patrolUnitName": "谢垸村",
+        "cityName": "黄冈市",
+        "countyName": "麻城市",
+        "townName": "顺河镇"
+    },
+    {
+        "guid": "42118150063",
+        "code": "",
+        "name": "油盐河水库",
+        "resRegCode": "42118150044-A5",
+        "adName": "夫子河镇",
+        "engScal": "小（2）型",
+        "place": "湖北省-黄冈市-麻城市-夫子河镇",
+        "lon": "115.068650",
+        "lat": "30.900070",
+        "areaUserGuid": "1829d758ae6140689d1c732d02d820c9",
+        "areaUsername": "鲁海燕",
+        "areaPhone": "15571373396",
+        "areaPosition": "党委宣传委员",
+        "areaUnitName": "夫子河镇人民政府",
+        "customsUserGuid": "bafab49021bd4fa6b554da046bef9766",
+        "customsUsername": "杨宏焱",
+        "customsPhone": "13635888470",
+        "customsPosition": "镇国家干部",
+        "customsUnitName": "夫子河镇人民政府",
+        "manageUnitUserGuid": "7832dbf8ff274de2a8175510b8c71be1",
+        "manageUnitUsername": "尹海秋",
+        "manageUnitPhone": "13477666460",
+        "manageUnitPosition": "村书记",
+        "manageUnitUnitName": "芦柴坳村",
+        "technologyUserGuid": "29ca9ad8dd404d5eabaa7ee62edd8e0d",
+        "technologyUsername": "周国保",
+        "technologyPhone": "13409783397",
+        "technologyPosition": "主任",
+        "technologyUnitName": "夫子河镇农业农村服务中心",
+        "patrolUserGuid": "7fc3286d13034c4cbf39526deeba8372",
+        "patrolUsername": "尹海秋",
+        "patrolPhone": "13477666460",
+        "patrolPosition": "村书记",
+        "patrolUnitName": "芦柴坳村",
+        "cityName": "黄冈市",
+        "countyName": "麻城市",
+        "townName": "夫子河镇"
+    },
+
+    {
+        "guid": "42118150173",
+        "code": "",
+        "name": "烈马沟水库",
+        "resRegCode": "42118150154-A5",
+        "adName": "盐田河镇",
+        "engScal": "小（2）型",
+        "place": "湖北省-黄冈市-麻城市-盐田河镇",
+        "lon": "115.119230",
+        "lat": "30.956790",
+        "areaUserGuid": "4f6a7acc1b9f4021bc76c76def6172c6",
+        "areaUsername": "鲍迪",
+        "areaPhone": "15071718877",
+        "areaPosition": "党委副书记、镇长",
+        "areaUnitName": "盐田河镇人民政府",
+        "customsUserGuid": "3c35c553ab0447298fcada758039b9e5",
+        "customsUsername": "史瑞明",
+        "customsPhone": "18071808889",
+        "customsPosition": "三级主任科员",
+        "customsUnitName": "盐田河镇人民政府",
+        "manageUnitUserGuid": "b73e59bef1b44c87a440b45d2e45e6ec",
+        "manageUnitUsername": "罗建辉",
+        "manageUnitPhone": "15672072668",
+        "manageUnitPosition": "书记",
+        "manageUnitUnitName": "付家冲村",
+        "technologyUserGuid": "0318929dac1642ba85881f91493204e4",
+        "technologyUsername": "江小波",
+        "technologyPhone": "17671840346",
+        "technologyPosition": "城乡建设办公室主任",
+        "technologyUnitName": "盐田河镇人民政府",
+        "patrolUserGuid": "240630f9538e442fa07bb2a23675ba0b",
+        "patrolUsername": "罗建辉",
+        "patrolPhone": "15672072668",
+        "patrolPosition": "书记",
+        "patrolUnitName": "付家冲村",
+        "cityName": "黄冈市",
+        "countyName": "麻城市",
+        "townName": "盐田河镇"
+    },
+    {
+        "guid": "42118150157",
+        "code": "",
+        "name": "黑石岩水库",
+        "resRegCode": "42118150120-A5",
+        "adName": "顺河镇",
+        "engScal": "小（2）型",
+        "place": "湖北省-黄冈市-麻城市-顺河镇",
+        "lon": "114.863790",
+        "lat": "31.316650",
+        "areaUserGuid": "3261852629ce46a9b8e8e1e6f6861847",
+        "areaUsername": "李斌",
+        "areaPhone": "18120478128",
+        "areaPosition": "党委副书记、镇长",
+        "areaUnitName": "顺河镇人民政府",
+        "customsUserGuid": "f297b772a3b0403e9a578e77963f1792",
+        "customsUsername": "陈思宇",
+        "customsPhone": "19172373680",
+        "customsPosition": "平安建设办公室副主任",
+        "customsUnitName": "顺河镇人民政府",
+        "manageUnitUserGuid": "9d009342dbdf4ee284f4fabfafc1e87c",
+        "manageUnitUsername": "祝红军",
+        "manageUnitPhone": "17771993488",
+        "manageUnitPosition": "村书记",
+        "manageUnitUnitName": "料马岗村",
+        "technologyUserGuid": "8eb535a6307b494ab0dfedf824216a96",
+        "technologyUsername": "张国际",
+        "technologyPhone": "13617135289",
+        "technologyPosition": "主任",
+        "technologyUnitName": "农业农村服务中心",
+        "patrolUserGuid": "796faa6745e44ba8918a2e0b4f530ecd",
+        "patrolUsername": "祝红军",
+        "patrolPhone": "17771993488",
+        "patrolPosition": "书记",
+        "patrolUnitName": "料马岗村",
+        "cityName": "黄冈市",
+        "countyName": "麻城市",
+        "townName": "顺河镇"
+    },
+    {
+        "guid": "42118150134",
+        "code": "",
+        "name": "学堂凹水库",
+        "resRegCode": "42118150135-A5",
+        "adName": "顺河镇",
+        "engScal": "小（2）型",
+        "place": "湖北省-黄冈市-麻城市-顺河镇",
+        "lon": "114.848450",
+        "lat": "31.276210",
+        "areaUserGuid": "e31ea14fad2e4506ae954db1a246ad75",
+        "areaUsername": "李斌",
+        "areaPhone": "18120478128",
+        "areaPosition": "党委副书记、镇长",
+        "areaUnitName": "顺河镇人民政府",
+        "customsUserGuid": "0f26af21b5be43fa910125e7c9c77fe2",
+        "customsUsername": "冯祥厚",
+        "customsPhone": "15972800388",
+        "customsPosition": "四级主任科员",
+        "customsUnitName": "顺河镇人民政府",
+        "manageUnitUserGuid": "9d5b1669769644e98454e278338c00b0",
+        "manageUnitUsername": "崔天金",
+        "manageUnitPhone": "19971188588",
+        "manageUnitPosition": "村书记",
+        "manageUnitUnitName": "崔家垸村",
+        "technologyUserGuid": "7ea0f2ba076a412fbb9d2ce667371d63",
+        "technologyUsername": "张国际",
+        "technologyPhone": "13617135289",
+        "technologyPosition": "主任",
+        "technologyUnitName": "农业农村服务中心",
+        "patrolUserGuid": "a93bcd13d2594d329b856d8e38ebe6f3",
+        "patrolUsername": "崔天金",
+        "patrolPhone": "19971188588",
+        "patrolPosition": "村书记",
+        "patrolUnitName": "崔家垸村",
+        "cityName": "黄冈市",
+        "countyName": "麻城市",
+        "townName": "顺河镇"
+    },
+    {
+        "guid": "42118150034",
+        "code": "",
+        "name": "垅下水库",
+        "resRegCode": "42118150070-A5",
+        "adName": "木子店镇",
+        "engScal": "小（2）型",
+        "place": "湖北省-黄冈市-麻城市-木子店镇",
+        "lon": "115.431870",
+        "lat": "31.218070",
+        "areaUserGuid": "065c3e2373a94d2aac6b535020fc7511",
+        "areaUsername": "陈丽",
+        "areaPhone": "13872040257",
+        "areaPosition": "镇长",
+        "areaUnitName": "木子店镇人民政府",
+        "customsUserGuid": "ac120fa14e254ee3bbaf2b1809065b66",
+        "customsUsername": "熊凤鸣",
+        "customsPhone": "13995931509",
+        "customsPosition": "总支书记",
+        "customsUnitName": "木子店镇人民政府",
+        "manageUnitUserGuid": "42ffc29175f549b3b13ed99c2409ff37",
+        "manageUnitUsername": "夏中艳",
+        "manageUnitPhone": "15171688638",
+        "manageUnitPosition": "书记",
+        "manageUnitUnitName": "牌楼村",
+        "technologyUserGuid": "a7d3887b9a9340da9c875020d5591b52",
+        "technologyUsername": "胡国庆",
+        "technologyPhone": "13971746279",
+        "technologyPosition": "农业服务中心主任",
+        "technologyUnitName": "木子店镇人民政府",
+        "patrolUserGuid": "969bed9ed3b847d498448de9e956cfa8",
+        "patrolUsername": "夏中艳",
+        "patrolPhone": "15171688638",
+        "patrolPosition": "书记",
+        "patrolUnitName": "牌楼村",
+        "cityName": "黄冈市",
+        "countyName": "麻城市",
+        "townName": "木子店镇"
+    },
+    {
+        "guid": "42118150264",
+        "code": "",
+        "name": "杨树庵水库",
+        "resRegCode": "42118150084-A5",
+        "adName": "乘马岗镇",
+        "engScal": "小（2）型",
+        "place": "湖北省-黄冈市-麻城市-乘马岗镇",
+        "lon": "114.9236",
+        "lat": "31.406930",
+        "areaUserGuid": "89b3cab4834b46c4951c8f57fc75c168",
+        "areaUsername": "陶亚林",
+        "areaPhone": "13409912008",
+        "areaPosition": "纪委书记",
+        "areaUnitName": "乘马岗镇人民政府",
+        "customsUserGuid": "d1ae9fc3e1f4428d80701ccb6b1a78f4",
+        "customsUsername": "陈富谋",
+        "customsPhone": "13409913718",
+        "customsPosition": "党群服务中心副主任",
+        "customsUnitName": "乘马岗镇",
+        "manageUnitUserGuid": "9cdf02fa18e7401ca2a6d9dffc338702",
+        "manageUnitUsername": "丁厚启",
+        "manageUnitPhone": "18972750518",
+        "manageUnitPosition": "书记",
+        "manageUnitUnitName": "落衣山",
+        "technologyUserGuid": "48ed9c4ddcfa4b2f99c5881b9dedbd9e",
+        "technologyUsername": "李舜",
+        "technologyPhone": "15072864368",
+        "technologyPosition": "农业农村服务中心主任",
+        "technologyUnitName": "乘马岗镇",
+        "patrolUserGuid": "b2769337444f48d8a3ba46e91466f38e",
+        "patrolUsername": "丁厚启",
+        "patrolPhone": "18972750518",
+        "patrolPosition": "书记",
+        "patrolUnitName": "落衣山",
+        "cityName": "黄冈市",
+        "countyName": "麻城市",
+        "townName": "乘马岗镇"
+    },
+    {
+        "guid": "42118150054",
+        "code": "",
+        "name": "吴家垸水库",
+        "resRegCode": "42118150022-A5",
+        "adName": "黄土岗镇",
+        "engScal": "小（2）型",
+        "place": "湖北省-黄冈市-麻城市-黄土岗镇",
+        "lon": "115.029790",
+        "lat": "31.427490",
+        "areaUserGuid": "aecf8da384e74167ac32cf294033941c",
+        "areaUsername": "岳春阳",
+        "areaPhone": "13972726841",
+        "areaPosition": "镇长",
+        "areaUnitName": "黄土岗镇人民政府",
+        "customsUserGuid": "3ea268ba20d04f3e9ae17a71a4c6eb9f",
+        "customsUsername": "胡伟",
+        "customsPhone": "13469911554",
+        "customsPosition": "镇退役军人服务站站长",
+        "customsUnitName": "黄土岗镇人民政府",
+        "manageUnitUserGuid": "991c1d8551394ad5a51612621c7b952b",
+        "manageUnitUsername": "黄吉理",
+        "manageUnitPhone": "13972723479",
+        "manageUnitPosition": "主任",
+        "manageUnitUnitName": "喻家垸村",
+        "technologyUserGuid": "0e3ec36740c14b019ffdd7181df52ff9",
+        "technologyUsername": "向彪",
+        "technologyPhone": "15629687723",
+        "technologyPosition": "镇农业农村中心工作人员",
+        "technologyUnitName": "黄土岗镇人民政府",
+        "patrolUserGuid": "95252c6333844eec9042ea1d01c173aa",
+        "patrolUsername": "黄吉理",
+        "patrolPhone": "13972723479",
+        "patrolPosition": "书记",
+        "patrolUnitName": "喻家垸村",
+        "cityName": "黄冈市",
+        "countyName": "麻城市",
+        "townName": "黄土岗镇"
+    },
+    {
+        "guid": "42118150040",
+        "code": "",
+        "name": "葡萄冲水库",
+        "resRegCode": "42118150020-A5",
+        "adName": "黄土岗镇",
+        "engScal": "小（2）型",
+        "place": "湖北省-黄冈市-麻城市-黄土岗镇",
+        "lon": "115.052470",
+        "lat": "31.423590",
+        "areaUserGuid": "a16ae7c0cbf247a89095f9ea619e6ee5",
+        "areaUsername": "岳春阳",
+        "areaPhone": "13972726841",
+        "areaPosition": "镇长",
+        "areaUnitName": "黄土岗镇人民政府",
+        "customsUserGuid": "6fea8cfba1e042e38c04372439a5d773",
+        "customsUsername": "何军",
+        "customsPhone": "13476629408",
+        "customsPosition": "镇三级主任科员",
+        "customsUnitName": "黄土岗镇人民政府",
+        "manageUnitUserGuid": "f3ae0bbd650b44f49c9b8d79f3edf2f2",
+        "manageUnitUsername": "何正平",
+        "manageUnitPhone": "13636139354",
+        "manageUnitPosition": "书记",
+        "manageUnitUnitName": "新屋河村",
+        "technologyUserGuid": "aa2c59a295334b8fbc0eddc6298ec0df",
+        "technologyUsername": "向彪",
+        "technologyPhone": "15629687723",
+        "technologyPosition": "镇农业农村中心工作人员",
+        "technologyUnitName": "黄土岗镇人民政府",
+        "patrolUserGuid": "85d54dcefe31418982cf559836dee449",
+        "patrolUsername": "何正平",
+        "patrolPhone": "13636139354",
+        "patrolPosition": "主任",
+        "patrolUnitName": "新屋河村",
+        "cityName": "黄冈市",
+        "countyName": "麻城市",
+        "townName": "黄土岗镇"
+    },
+    {
+        "guid": "42118140040",
+        "code": "",
+        "name": "草庙沟水库",
+        "resRegCode": "42118140002-A4",
+        "adName": "乘马岗镇",
+        "engScal": "小（1）型",
+        "place": "湖北省-黄冈市-麻城市-乘马岗镇",
+        "lon": "114.985190",
+        "lat": "31.323340",
+        "areaUserGuid": "42b4da872f4943af8ddbe33c09b92984",
+        "areaUsername": "杨威",
+        "areaPhone": "18272139777",
+        "areaPosition": "党委组织委员",
+        "areaUnitName": "乘马岗镇人民政府",
+        "customsUserGuid": "aa4f9b8ef7334022a09df98bc2afce85",
+        "customsUsername": "江解民",
+        "customsPhone": "13597582328",
+        "customsPosition": "党政综合办主任",
+        "customsUnitName": "乘马岗镇",
+        "manageUnitUserGuid": "b4c16d9d203b402f9e9f62939dced25c",
+        "manageUnitUsername": "李济保",
+        "manageUnitPhone": "15327727255",
+        "manageUnitPosition": "村书记",
+        "manageUnitUnitName": "江树村",
+        "technologyUserGuid": "b1718f51487c45eb973329a1ca54ce91",
+        "technologyUsername": "曹鹏辉",
+        "technologyPhone": "13177351977",
+        "technologyPosition": "农业农村服务中心水利组组长",
+        "technologyUnitName": "乘马岗镇",
+        "patrolUserGuid": "07e0215f957740d798895607ef90efac",
+        "patrolUsername": "李济保",
+        "patrolPhone": "15327727255",
+        "patrolPosition": "书记",
+        "patrolUnitName": "江树村",
+        "cityName": "黄冈市",
+        "countyName": "麻城市",
+        "townName": "乘马岗镇"
+    }
+]
+const data3 = [
+    {
+        "guid": "42118150155",
+        "code": "",
+        "name": "陡山洪水库",
+        "resRegCode": "42118150180-A5",
+        "adName": "歧亭镇",
+        "engScal": "小（2）型",
+        "place": "湖北省-黄冈市-麻城市-歧亭镇",
+        "lon": "114.725560",
+        "lat": "31.007010",
+        "areaUserGuid": "2956cdc324d249e9a4761656ae821d2d",
+        "areaUsername": "鄂敏东",
+        "areaPhone": "17786616661",
+        "areaPosition": "镇长",
+        "areaUnitName": "歧亭镇人民政府",
+        "customsUserGuid": "0001eee4a650410586554691870de878",
+        "customsUsername": "熊鑫",
+        "customsPhone": "18672542699",
+        "customsPosition": "党委副书记",
+        "customsUnitName": "歧亭镇人民政府",
+        "manageUnitUserGuid": "9e46257f685e458faefc3a24bbc03a21",
+        "manageUnitUsername": "周金发",
+        "manageUnitPhone": "15926718341",
+        "manageUnitPosition": "书记",
+        "manageUnitUnitName": "官塘村",
+        "technologyUserGuid": "ccb6b2b6bf0b4dcd8fa705301f201d67",
+        "technologyUsername": "肖正华",
+        "technologyPhone": "13995931489",
+        "technologyPosition": "党群服务中心主任",
+        "technologyUnitName": "歧亭镇人民政府",
+        "patrolUserGuid": "287f4541c631474bb643895cb94562f3",
+        "patrolUsername": "周金发",
+        "patrolPhone": "15926718341",
+        "patrolPosition": "书记",
+        "patrolUnitName": "官塘村",
+        "cityName": "黄冈市",
+        "countyName": "麻城市",
+        "townName": "歧亭镇"
+    },
+    {
+        "guid": "42118140044",
+        "code": "",
+        "name": "茶田水库",
+        "resRegCode": "42118140003-A4",
+        "adName": "顺河镇",
+        "engScal": "小（1）型",
+        "place": "湖北省-黄冈市-麻城市-顺河镇",
+        "lon": "114.820840",
+        "lat": "31.362880",
+        "areaUserGuid": "70033d022f454099b965487d28bbe5ab",
+        "areaUsername": "李斌",
+        "areaPhone": "18120478128",
+        "areaPosition": "党委副书记、镇长",
+        "areaUnitName": "顺河镇人民政府",
+        "customsUserGuid": "644f9378d2644d9993881c6ea5adc391",
+        "customsUsername": "陈启平",
+        "customsPhone": "13871960449",
+        "customsPosition": "顺河工作组副组长",
+        "customsUnitName": "顺河镇人民政府",
+        "manageUnitUserGuid": "fefc71c946784b3495941050e33d7265",
+        "manageUnitUsername": "陈华林",
+        "manageUnitPhone": "13477665256",
+        "manageUnitPosition": "书记",
+        "manageUnitUnitName": "林家山村",
+        "technologyUserGuid": "ae5693679d2448e394cf4c865f3de6d8",
+        "technologyUsername": "张国际",
+        "technologyPhone": "13617135289",
+        "technologyPosition": "主任",
+        "technologyUnitName": "农业农村服务中心",
+        "patrolUserGuid": "254f2cf940204424a31c8cbadeb7e2f4",
+        "patrolUsername": "陈华林",
+        "patrolPhone": "13477665256",
+        "patrolPosition": "书记",
+        "patrolUnitName": "林家山村",
+        "cityName": "黄冈市",
+        "countyName": "麻城市",
+        "townName": "顺河镇"
+    },
+    {
+        "guid": "42118150195",
+        "code": "",
+        "name": "丰登坳水库",
+        "resRegCode": "42118150227-A5",
+        "adName": "木子店镇",
+        "engScal": "小（2）型",
+        "place": "湖北省-黄冈市-麻城市-木子店镇",
+        "lon": "115.367760",
+        "lat": "31.275330",
+        "areaUserGuid": "369cb66e7b0e4b31a0b691b623f2bad9",
+        "areaUsername": "陈丽",
+        "areaPhone": "13872040257",
+        "areaPosition": "镇长",
+        "areaUnitName": "木子店镇人民政府",
+        "customsUserGuid": "7f0d2f5a3f5d488abc70663c436334da",
+        "customsUsername": "袁亮",
+        "customsPhone": "13409831658",
+        "customsPosition": "城建办主任",
+        "customsUnitName": "木子店镇人民政府",
+        "manageUnitUserGuid": "aee484fe1dad4fa7aad120e4167f30d9",
+        "manageUnitUsername": "刘爱文",
+        "manageUnitPhone": "13409682158",
+        "manageUnitPosition": "书记",
+        "manageUnitUnitName": "名山村",
+        "technologyUserGuid": "ebf6dcb2eda145f3986a1f40ea897fd2",
+        "technologyUsername": "胡国庆",
+        "technologyPhone": "13971746279",
+        "technologyPosition": "农业服务中心主任",
+        "technologyUnitName": "木子店镇人民政府",
+        "patrolUserGuid": "5c9ff04950f44fa89d36d1a617ea08c7",
+        "patrolUsername": "刘爱文",
+        "patrolPhone": "13409682158",
+        "patrolPosition": "书记",
+        "patrolUnitName": "名山村",
+        "cityName": "黄冈市",
+        "countyName": "麻城市",
+        "townName": "木子店镇"
+    }
+]
+const data4 = [
+    {
+        "id": 125973,
+        "reviewStatus": "2",
+        "createTime": "2025-05-03 21:25:23",
+        "updateId": "187",
+        "updateName": "麻城市",
+        "updateTime": "2025-05-15 16:09:53",
+        "del": "0",
+        "planId": "421181000000000",
+        "planName": "麻城市山洪灾害防御预案",
+        "levels": "2",
+        "year": "2025",
+        "adnm": "麻城市",
+        "adcd": "421181000000000",
+        "attachUpdateTime": "2025-05-15 16:09:53",
+        "status": 0,
+        "uploadAttachStatus": "1",
+        "padNm": "421181000000000",
+        "url": "dplan/2025/421181000000000/麻城市山洪灾害防御预案.pdf"
+    },
+    {
+        "id": 125974,
+        "reviewStatus": "2",
+        "createTime": "2025-05-03 21:25:23",
+        "updateId": "187",
+        "updateName": "麻城市",
+        "updateTime": "2025-05-15 10:01:56",
+        "del": "0",
+        "planId": "421181001000000",
+        "planName": "龙池桥街道山洪灾害防御预案",
+        "levels": "1",
+        "year": "2025",
+        "adnm": "龙池桥街道",
+        "adcd": "421181001000000",
+        "attachUpdateTime": "2025-05-15 10:01:55",
+        "status": 0,
+        "uploadAttachStatus": "1",
+        "padNm": "421181001000000",
+        "url": "dplan/2025/421181001000000/龙池桥街道山洪灾害防御预案.pdf"
+    },
+    {
+        "id": 125975,
+        "reviewStatus": "2",
+        "createTime": "2025-05-03 21:25:23",
+        "updateId": "187",
+        "updateName": "麻城市",
+        "updateTime": "2025-05-15 15:35:33",
+        "del": "0",
+        "planId": "421181001001000",
+        "planName": "园林社区居民委员会山洪灾害防御预案",
+        "levels": "0",
+        "year": "2025",
+        "adnm": "园林社区居民委员会",
+        "adcd": "421181001001000",
+        "attachUpdateTime": "2025-05-15 15:35:33",
+        "status": 0,
+        "uploadAttachStatus": "1",
+        "padNm": "421181001001000",
+        "url": "dplan/2025/421181001001000/园林社区居民委员会山洪灾害防御预案.pdf"
+    },
+    {
+        "id": 125976,
+        "reviewStatus": "2",
+        "createTime": "2025-05-03 21:25:23",
+        "updateTime": "2025-05-14 09:53:14",
+        "del": "0",
+        "planId": "421181001001000",
+        "planName": "园林社区居民委员会一页纸预案",
+        "levels": "6",
+        "year": "2025",
+        "adnm": "园林社区居民委员会",
+        "adcd": "421181001001000",
+        "status": 0,
+        "uploadAttachStatus": "0",
+        "padNm": "421181001001000",
+        "url": "dplan/2025/421181001001000/园林社区居民委员会一页纸预案.pdf"
+    },
+]
+
+const data = [
+
+    {
+        "guid": "42118120003",
+        "code": "",
+        "name": "浮桥河水库-汛前检查",
+        "resRegCode": "42000020030-A4",
+        "adName": "白果镇",
+        "engScal": "大（2）型",
+        "place": "湖北省-黄冈市-麻城市-白果镇",
+        "lon": "115.068090",
+        "lat": "31.026170",
+        'username': '熊杰',
+        taskType: '坝体表面裂缝',
+        tm: '2025-06-02 00:08:00',
+        status: '已处理'
+    },
+    {
+        "guid": "42118120003",
+        "code": "",
+        "name": "浮桥河水库-特别巡查",
+        "resRegCode": "42000020030-A4",
+        "adName": "白果镇",
+        "engScal": "大（2）型",
+        "place": "湖北省-黄冈市-麻城市-白果镇",
+        "lon": "115.068090",
+        "lat": "31.026170",
+        'username': '白斌',
+        taskType: '坝基、坝肩渗漏',
+        tm: '2025-06-02 00:09:00',
+        status: '已处理'
+    },
+    {
+        "guid": "42118120003",
+        "code": "",
+        "name": "明山水库-日常管理",
+        "resRegCode": "42000020030-A4",
+        "adName": "白果镇",
+        "engScal": "大（2）型",
+        "place": "湖北省-黄冈市-麻城市-白果镇",
+        "lon": "115.068090",
+        "lat": "31.026170",
+        'username': '余静',
+        taskType: '混凝土护坡开裂',
+        tm: '2025-06-02 00:10:00',
+        status: '已处理'
+    },
+    {
+        "guid": "42118120003",
+        "code": "",
+        "name": "永红水库-日常管理",
+        "resRegCode": "42000020030-A4",
+        "adName": "白果镇",
+        "engScal": "大（2）型",
+        "place": "湖北省-黄冈市-麻城市-白果镇",
+        "lon": "115.068090",
+        "lat": "31.026170",
+        'username': '周真',
+        taskType: '坝体表面裂缝',
+        tm: '2025-06-02 00:10:00',
+        status: '待处理'
+    },
+    {
+        "guid": "42118120003",
+        "code": "",
+        "name": "永丰水库-汛前检查",
+        "resRegCode": "42000020030-A4",
+        "adName": "白果镇",
+        "engScal": "大（2）型",
+        "place": "湖北省-黄冈市-麻城市-白果镇",
+        "lon": "115.068090",
+        "lat": "31.026170",
+        'username': '陈发',
+        taskType: '混凝土护坡开裂',
+        tm: '2025-06-02 00:10:00',
+        status: '已处理'
+    },
+]
+
+
+function DrpReal({ style }) {
+    const [tab, setTab] = useState('1')
+    const dispatch = useDispatch();
+      const [dimension, setDimension] = useState('ft');
+  const onChange = (event) => {
+    const value = event.target.value;
+    setDimension(value);
+  }
+    return (
+        <PanelBox
+            style={style}
+            title="巡查问题看板"
+            color="green"
+            extra={
+                <span className="button-group">
+                    <span className={clsx({ active: tab === '1' })} onClick={() => setTab('1')}>本月</span>
+                    <span className={clsx({ active: tab === '2' })} onClick={() => setTab('2')}>本年</span>
+                </span>
+            }
+        >
+            <div className='skyb-box'>
+                <div className='rain-yb'>
+                    <div className='title-yb'>巡检问题</div>
+                </div>
+            </div>
+            <div style={{ padding: 10,display:'flex',alignItems:'center',justifyContent:'space-around' }}>
+                <Charts />
+                 <img src={`${process.env.PUBLIC_URL}/assets/pietl.jpg`} alt="" style={{width:100,height:100}} />
+            </div>
+            <TableContainer>
+                        <Table size="small" stickyHeader>
+                            <TableHead>
+                                <TableRow>
+                                    <DpTableCell style={{ width: '40%' }} align="center">任务标题</DpTableCell>
+                                    <DpTableCell style={{ width: '35%' }} align="center">问题描述</DpTableCell>
+                                    <DpTableCell style={{ width: '25%' }} align="center">处理状态</DpTableCell>
+                                </TableRow>
+                            </TableHead>
+                            <TableBody>
+                                {data.map((row, index) => (
+                                    <DpTableRow key={row.stcd}>
+                                        <DpTableCell align="center">
+                                            <div
+                                                className="table-ellipsis cursor-pointer"
+                                            >{row.name}</div>
+                                        </DpTableCell>
+                                        <DpTableCell align="center">{row.taskType}</DpTableCell>
+                                        <DpTableCell align="center">{row.status}</DpTableCell>
+                                    </DpTableRow>
+                                ))}
+                            </TableBody>
+                        </Table>
+            </TableContainer>
+            <div className='skyb-box' style={{marginTop:30}}>
+                <div className='rain-yb'>
+                    <div className='title-yb'>数据统计</div>
+                </div>
+            </div>
+            <div style={{padding:10}}>
+                <img src={`${process.env.PUBLIC_URL}/assets/sjyf.jpg`} alt="" style={{ width: 420 }} />
+              
+            </div>
+               <div style={{ height: '30px', overflow: 'hidden',position:'absolute',top:80,right:520 }}>
+            <Select
+              labelId="analysis-select-label"
+              value={dimension}
+              label="请选择水库"
+              onChange={onChange}
+            >
+              <MenuItem value="ft">请选择水库</MenuItem>
+              <MenuItem value="浮桥河水库">浮桥河水库</MenuItem>
+              <MenuItem value="明山水库">明山水库</MenuItem>
+              <MenuItem value="永丰水库">永丰水库</MenuItem>
+            </Select>
+          </div>
+        </PanelBox>
+    )
+}
+
+export default DrpReal;
diff --git a/src/views/Home/panels/Xcwtkb/xcCard.js b/src/views/Home/panels/Xcwtkb/xcCard.js
new file mode 100644
index 0000000..ead377d
--- /dev/null
+++ b/src/views/Home/panels/Xcwtkb/xcCard.js
@@ -0,0 +1,82 @@
+import React from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import Box from '@material-ui/core/Box';
+import Paper from '@material-ui/core/Paper';
+import Typography from '@material-ui/core/Typography';
+
+const useStyles = makeStyles((theme) => ({
+  root: {
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '20px',
+  },
+  row: {
+    display: 'flex',
+    gap: '20px',
+    justifyContent: 'flex-start',
+  },
+  card: {
+    width: '200px',
+    height: '100px',
+    padding: '16px',
+    // background: 'linear-gradient(135deg, rgba(9, 70, 113,0.5) 0%, rgba(9, 70, 113,0.8) 100%)',
+    background:'rgba(6, 43, 78,.5)',
+    border: '1px solid rgba(9, 70, 113,1)',
+    borderRadius: '8px',
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'space-between',
+    alignItems:'center',
+    backdropFilter: 'blur(10px)',
+  },
+  title: {
+    color: '#fff',
+    fontSize: '16px',
+    fontWeight: 'normal',
+  },
+  count: {
+    color: '#04f21c',
+    fontSize: '24px',
+    fontWeight: 'bold',
+  },
+}));
+
+const PatrolStatistics = () => {
+  const classes = useStyles();
+
+  const patrolTypes = [
+    { title: '日常巡查', count: 456 },
+    { title: '汛期巡查', count: 32 },
+    { title: '特别巡查', count: 3 },
+  ];
+
+  const patrolStatus = [
+    { title: '已完成', count: 456 },
+    { title: '未完成', count: 32 },
+    { title: '进行中', count: 3 },
+  ];
+
+  const StatCard = ({ title, count }) => (
+    <Paper className={classes.card}>
+      <Typography className={classes.title}>{title}</Typography>
+      <Typography className={classes.count}>{count} <span style={{fontSize:16,color:"#fff",fontWeight:'normal'}}>次</span></Typography>
+    </Paper>
+  );
+
+  return (
+    <Box className={classes.root}>
+      <Box className={classes.row}>
+        {patrolTypes.map((item, index) => (
+          <StatCard key={`type-${index}`} {...item} />
+        ))}
+      </Box>
+      <Box className={classes.row}>
+        {patrolStatus.map((item, index) => (
+          <StatCard key={`status-${index}`} {...item} />
+        ))}
+      </Box>
+    </Box>
+  );
+};
+
+export default PatrolStatistics;
\ No newline at end of file
diff --git a/src/views/Home/panels/Xczl/Setting.js b/src/views/Home/panels/Xczl/Setting.js
new file mode 100644
index 0000000..a3055ef
--- /dev/null
+++ b/src/views/Home/panels/Xczl/Setting.js
@@ -0,0 +1,67 @@
+import React from 'react';
+
+import Dialog from '@material-ui/core/Dialog';
+import DialogContent from '@material-ui/core/DialogContent';
+import DpPaperComponent from '../../../../layouts/mui/DpPaperCompanent';
+import { FormGroup, MenuItem, Select, Switch, Typography } from '@material-ui/core';
+import DpDialogTitle from '../../../../layouts/mui/DpDialogTitle';
+import { useDispatch, useSelector } from 'react-redux';
+import { getLayerSetting, getLayerVisible } from '../../../../models/map/selectors';
+import DpBackgroundDrop from '../../../../layouts/mui/DpBackdrop';
+
+
+function Setting({ onClose }) {
+  const layerVisible = useSelector(getLayerVisible);
+  const layerSetting = useSelector(getLayerSetting);
+
+  const dispath = useDispatch();
+
+  return (
+    <Dialog
+      open={true}
+      onClose={onClose}
+      maxWidth="xl"
+      style={{ borderRadius: 0 }}
+      PaperComponent={DpPaperComponent}
+      BackdropComponent={DpBackgroundDrop}
+    >
+      <div className="boxhead"></div>
+
+      <DpDialogTitle>实时雨量显示设置</DpDialogTitle>
+      <DialogContent>
+        <div style={{ width: 320, padding: '1rem 0' }}>
+          <FormGroup>
+            <div style={{ marginBottom: '2rem' }}>
+              <Typography variant="subtitle2">地图实时雨量显示雨量时段</Typography>
+              <Select
+                style={{ fontSize: '1.2rem' }}
+                fullWidth
+                value={layerSetting.drplabel}
+                onChange={(event) => dispath.map.setLayerSetting({ drplabel: event.target.value })}
+              >
+                <MenuItem value="h1">小时雨量</MenuItem>
+                <MenuItem value="h3">3小时雨量</MenuItem>
+                <MenuItem value="h6">6小时雨量</MenuItem>
+                <MenuItem value="h12">12小时雨量</MenuItem>
+                <MenuItem value="h24">24小时雨量</MenuItem>
+                <MenuItem value="h48">48小时雨量</MenuItem>
+              </Select>
+            </div>
+            <div style={{ marginBottom: '1rem' }}>
+              <Typography variant="subtitle2">显示实时雨量图层</Typography>
+              <Switch
+                checked={!!layerVisible.RealDrpLayer}
+                color="primary"
+                edge="start"
+                onChange={(e) => dispath.map.setLayerVisible({ RealDrpLayer: e.target.checked })}
+              />
+            </div>
+          </FormGroup>
+        </div>
+      </DialogContent>
+      <div className="boxfoot"></div>
+    </Dialog>
+  )
+}
+
+export default Setting;
diff --git a/src/views/Home/panels/Xczl/index.js b/src/views/Home/panels/Xczl/index.js
new file mode 100644
index 0000000..4b8a1e4
--- /dev/null
+++ b/src/views/Home/panels/Xczl/index.js
@@ -0,0 +1,186 @@
+import React, { useMemo, useState } from 'react';
+import useRequest from '../../../../utils/useRequest';
+import { useDispatch, useSelector } from 'react-redux';
+import PanelBox from '../../components/PanelBox';
+
+import Table from '@material-ui/core/Table';
+import TableContainer from '@material-ui/core/TableContainer';
+import TableBody from '@material-ui/core/TableBody';
+import TableHead from '@material-ui/core/TableHead';
+import TableRow from '@material-ui/core/TableRow';
+import DpTableCell from '../../../../layouts/mui/DpTableCell';
+import DpTableRow from '../../../../layouts/mui/DpTableRow';
+import clsx from 'clsx';
+import { renderDrp } from '../../../../utils/renutils';
+import XcCard from './xcCard'
+import config from '../../../../config';
+
+const data = [
+
+    {
+        "guid": "42118120003",
+        "code": "",
+        "name": "浮桥河水库-汛前检查",
+        "resRegCode": "42000020030-A4",
+        "adName": "白果镇",
+        "engScal": "大（2）型",
+        "place": "湖北省-黄冈市-麻城市-白果镇",
+        "lgtd": "115.068090",
+        "lttd": "31.026170",
+        'username': '熊杰',
+        taskType: '日常巡查',
+        tm: '2025-06-02 00:08:00',
+        status: '进行中'
+    },
+    {
+        "guid": "42118120003",
+        "code": "",
+        "name": "浮桥河水库-特别巡查",
+        "resRegCode": "42000020030-A4",
+        "adName": "白果镇",
+        "engScal": "大（2）型",
+        "place": "湖北省-黄冈市-麻城市-白果镇",
+        "lgtd": "115.068090",
+        "lttd": "31.026170",
+        'username': '白斌',
+        taskType: '汛前巡查',
+        tm: '2025-06-02 00:09:00',
+        status: '已完成'
+    },
+    {
+        "guid": "42118120003",
+        "code": "",
+        "name": "明山水库-日常管理",
+        "resRegCode": "42000020030-A4",
+        "adName": "白果镇",
+        "engScal": "大（2）型",
+        "place": "湖北省-黄冈市-麻城市-白果镇",
+        "lgtd": "115.068090",
+        "lttd": "31.026170",
+        'username': '余静',
+        taskType: '特别巡查',
+        tm: '2025-06-02 00:10:00',
+        status: '未完成'
+    },
+    {
+        "guid": "42118120003",
+        "code": "",
+        "name": "永红水库-日常管理",
+        "resRegCode": "42000020030-A4",
+        "adName": "白果镇",
+        "engScal": "大（2）型",
+        "place": "湖北省-黄冈市-麻城市-白果镇",
+        "lgtd": "115.068090",
+        "lttd": "31.026170",
+        'username': '周真',
+        taskType: '特别巡查',
+        tm: '2025-06-02 00:10:00',
+        status: '未完成'
+    },
+    {
+        "guid": "42118120003",
+        "code": "",
+        "name": "永丰水库-汛前检查",
+        "resRegCode": "42000020030-A4",
+        "adName": "白果镇",
+        "engScal": "大（2）型",
+        "place": "湖北省-黄冈市-麻城市-白果镇",
+        "lgtd": "115.068090",
+        "lttd": "31.026170",
+        'username': '陈发',
+        taskType: '特别巡查',
+        tm: '2025-06-02 00:10:00',
+        status: '未完成'
+    },
+]
+
+function DrpReal({ style }) {
+    const [tab, setTab] = useState('1')
+    const dispatch = useDispatch();
+    const flyTo = () => {
+        dispatch?.runtime.setInfoDlg({ layerId: 'XunchachaoshiLayer', properties: {} })
+    }
+    const jumpTo = (record) => {
+        const { lgtd, lttd } = record;
+        if (lgtd && lttd) {
+            dispatch.runtime.setCameraTarget({
+                center: [lgtd, lttd + config.poiPositionOffsetY.hd],
+                zoom: config.poiPositionZoom.hd,
+                pitch: config.poiPitch,
+            });
+        }
+    }
+    return (
+        <PanelBox
+            style={style}
+            title="巡查任务总览"
+            color="green"
+            extra={
+                <span className="button-group">
+                    <span className={clsx({ active: tab === '1' })} onClick={() => setTab('1')}>本月</span>
+                    <span className={clsx({ active: tab === '2' })} onClick={() => setTab('2')}>本年</span>
+                </span>
+            }
+        >
+            <div className='skyb-box'>
+                <div className='rain-yb'>
+                    <div className='title-yb'>巡查任务</div>
+                </div>
+            </div>
+            <div style={{ padding: 10 }}>
+                <XcCard />
+            </div>
+            <TableContainer>
+                <Table size="small" stickyHeader>
+                    <TableHead>
+                        <TableRow>
+                            <DpTableCell style={{ width: '20%' }} align="center">任务标题</DpTableCell>
+                            <DpTableCell style={{ width: '20%' }} align="center">任务类型</DpTableCell>
+                            <DpTableCell style={{ width: '20%' }} align="center">巡查人</DpTableCell>
+                            <DpTableCell style={{ width: '20%' }} align="center">巡查时间</DpTableCell>
+                            <DpTableCell style={{ width: '20%' }} align="center">状态</DpTableCell>
+                        </TableRow>
+                    </TableHead>
+                    <TableBody>
+                        {data.map((row, index) => (
+                            <DpTableRow key={row.stcd}
+                                // onClick={() => jumpTo(row)}
+                            >
+                                <DpTableCell align="center">
+                                    <div
+                                        className="table-ellipsis cursor-pointer"
+                                    >{row.name}</div>
+                                </DpTableCell>
+                                <DpTableCell align="center">{row.taskType}</DpTableCell>
+                                <DpTableCell align="center">{row.username}</DpTableCell>
+                                <DpTableCell align="center">
+                                    <div
+                                        className="table-ellipsis cursor-pointer"
+                                    > {row.tm}</div>
+                                </DpTableCell>
+                                <DpTableCell align="center">{row.status}</DpTableCell>
+                            </DpTableRow>
+                        ))}
+                    </TableBody>
+                </Table>
+            </TableContainer>
+            <div className='skyb-box' style={{ marginTop: 50 }}>
+                <div className='rain-yb'>
+                    <div className='title-yb'>数据统计</div>
+                </div>
+            </div>
+            <div>
+                <img src={`${process.env.PUBLIC_URL}/assets/sjtj1.jpg`} alt="" style={{ width: 420 }} />
+                <div style={{ position: 'relative' }}>
+                    <img src={`${process.env.PUBLIC_URL}/assets/sjti2.png`} alt="" style={{ width: 205, height: 72 }} />
+                    <img src={`${process.env.PUBLIC_URL}/assets/gantanh.png`} alt=""
+                        style={{ width: 20, position: 'absolute', top: 12, left: 145, cursor: 'pointer' }}
+                        onClick={flyTo}
+                    />
+                </div>
+            </div>
+        </PanelBox>
+    )
+}
+
+export default DrpReal;
diff --git a/src/views/Home/panels/Xczl/xcCard.js b/src/views/Home/panels/Xczl/xcCard.js
new file mode 100644
index 0000000..ead377d
--- /dev/null
+++ b/src/views/Home/panels/Xczl/xcCard.js
@@ -0,0 +1,82 @@
+import React from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import Box from '@material-ui/core/Box';
+import Paper from '@material-ui/core/Paper';
+import Typography from '@material-ui/core/Typography';
+
+const useStyles = makeStyles((theme) => ({
+  root: {
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '20px',
+  },
+  row: {
+    display: 'flex',
+    gap: '20px',
+    justifyContent: 'flex-start',
+  },
+  card: {
+    width: '200px',
+    height: '100px',
+    padding: '16px',
+    // background: 'linear-gradient(135deg, rgba(9, 70, 113,0.5) 0%, rgba(9, 70, 113,0.8) 100%)',
+    background:'rgba(6, 43, 78,.5)',
+    border: '1px solid rgba(9, 70, 113,1)',
+    borderRadius: '8px',
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'space-between',
+    alignItems:'center',
+    backdropFilter: 'blur(10px)',
+  },
+  title: {
+    color: '#fff',
+    fontSize: '16px',
+    fontWeight: 'normal',
+  },
+  count: {
+    color: '#04f21c',
+    fontSize: '24px',
+    fontWeight: 'bold',
+  },
+}));
+
+const PatrolStatistics = () => {
+  const classes = useStyles();
+
+  const patrolTypes = [
+    { title: '日常巡查', count: 456 },
+    { title: '汛期巡查', count: 32 },
+    { title: '特别巡查', count: 3 },
+  ];
+
+  const patrolStatus = [
+    { title: '已完成', count: 456 },
+    { title: '未完成', count: 32 },
+    { title: '进行中', count: 3 },
+  ];
+
+  const StatCard = ({ title, count }) => (
+    <Paper className={classes.card}>
+      <Typography className={classes.title}>{title}</Typography>
+      <Typography className={classes.count}>{count} <span style={{fontSize:16,color:"#fff",fontWeight:'normal'}}>次</span></Typography>
+    </Paper>
+  );
+
+  return (
+    <Box className={classes.root}>
+      <Box className={classes.row}>
+        {patrolTypes.map((item, index) => (
+          <StatCard key={`type-${index}`} {...item} />
+        ))}
+      </Box>
+      <Box className={classes.row}>
+        {patrolStatus.map((item, index) => (
+          <StatCard key={`status-${index}`} {...item} />
+        ))}
+      </Box>
+    </Box>
+  );
+};
+
+export default PatrolStatistics;
\ No newline at end of file
diff --git a/src/views/Home/panels/Yawg/index.js b/src/views/Home/panels/Yawg/index.js
index b1907d7..1a5231e 100644
--- a/src/views/Home/panels/Yawg/index.js
+++ b/src/views/Home/panels/Yawg/index.js
@@ -270,7 +270,7 @@ const householdData = [
 
         <div className="divider"></div>
 
-        <div className="section-title">预警指标</div>
+        {/* <div className="section-title">预警指标</div>
         <div className="warning-item">
           <span className="label">准备转移：</span>
           <span className="value">1小时-mm; 3小时-mm; 6小时-mm</span>
@@ -278,7 +278,7 @@ const householdData = [
         <div className="warning-item">
           <span className="label">立即转移：</span>
           <span className="value">1小时-mm; 3小时-mm; 6小时-mm</span>
-        </div>
+        </div> */}
 
         <div className="divider"></div>
 
diff --git a/src/views/Home/panels/Yuanyfa/index.js b/src/views/Home/panels/Yuanyfa/index.js
index 274c885..999ef7c 100644
--- a/src/views/Home/panels/Yuanyfa/index.js
+++ b/src/views/Home/panels/Yuanyfa/index.js
@@ -72,9 +72,9 @@ export default function Warn({ style }) {
     }
   }
 
-  useEffect(() => {
-    setValue(res.yy)
-  }, [res])
+  // useEffect(() => {
+  //   setValue(res.yy)
+  // }, [res])
   const switchChange = (e) => {
     const val = e.target.checked
     setChecked(val)
@@ -102,6 +102,7 @@ export default function Warn({ style }) {
     } else if (selectedSchemes.length < 2) {
       setSelectedSchemes([...selectedSchemes, schemeId]);
     }
+    // dispatch.runtime.setYyfa({})
   };
   
   useEffect(() => {
@@ -109,7 +110,14 @@ export default function Warn({ style }) {
   }, [selectedSchemes])
   
   const productFa = () => {
-     dispatch?.runtime.setInfoDlg({ layerId: 'YuananLayer', properties: {} })
+    dispatch?.runtime.setInfoDlg({ layerId: 'YuananLayer', properties: {} })
+    dispatch.runtime.setYyfa({})
+    
+  }
+  const changeYY = (e) => {
+    setValue(e.target.value)
+
+    dispatch.runtime.setYyfa({})
   }
   return (
     <PanelBox
@@ -127,7 +135,7 @@ export default function Warn({ style }) {
         <FormControl fullWidth>
           <RadioGroup
             value={value}
-            onChange={(e) => setValue(e.target.value)}
+            onChange={changeYY}
 
           >
             {