diff --git a/src/assets/images/fhpl/sqjca.png b/src/assets/images/fhpl/sqjca.png
index 0eb531c..00e619c 100644
--- a/src/assets/images/fhpl/sqjca.png
+++ b/src/assets/images/fhpl/sqjca.png
Binary files differ

diff --git a/src/assets/images/fhpl/sqjca.png b/src/assets/images/fhpl/sqjca.png
index 0eb531c..00e619c 100644
--- a/src/assets/images/fhpl/sqjca.png
+++ b/src/assets/images/fhpl/sqjca.png
Binary files differ
diff --git a/src/views/oneMap/floodPrevention/FholRightBox.vue b/src/views/oneMap/floodPrevention/FholRightBox.vue
index 289c2b3..c2b55f6 100644
--- a/src/views/oneMap/floodPrevention/FholRightBox.vue
+++ b/src/views/oneMap/floodPrevention/FholRightBox.vue
@@ -108,10 +108,10 @@
   <!-- 入河排口运行监控 -->
   <div class="DischargeMonitor">
     <div class="ListBoxHeader">
-      <div class="ListBoxHeader_font">入河排口运行监控</div>
+      <div class="ListBoxHeader_font">调度统计</div>
     </div>
     <div class="JkMonitor">
-      <div class="tableHeader">
+      <!-- <div class="tableHeader">
         <span class="tableHeaderList tableList1">排口监测点</span>
         <span class="tableHeaderList tableList2">当前出流状态</span>
         <span class="tableHeaderList tableList3">流量(m³/h)</span>
@@ -125,7 +125,8 @@
             <img :src="monitor_icon" alt="" />
           </span>
         </div>
-      </Vue3SeamlessScroll>
+      </Vue3SeamlessScroll> -->
+      <dispatchEch />
     </div>
   </div>
 
@@ -146,6 +147,7 @@
 import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
 import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from 'vue';
 import bus from '@/bus';
+import dispatchEch from './dispatchEch.vue';
 import monitor_icon from '@/assets/images/fhpl/monitor_icon.png';
 import bengzhantingzhi from '@/assets/images/fhpl/bengzhantingzhi.png';
 import bengzhanyunxing from '@/assets/images/fhpl/bengzhanyunxing.png';
@@ -507,110 +509,112 @@
   width: 450px;
   height: 31%;
   margin-top: 3px;
+  // background: red;
   .JkMonitor {
     margin: 5px auto;
     width: 430px;
     height: calc(100% - 50px);
-    .tableHeader {
-      width: 100%;
-      height: 34px;
-      background: linear-gradient(0deg, #00fbffa3 0%, #00fbff00 100%);
-      border-radius: 2px;
-      border: 1px solid #74dde1;
-      display: flex;
+    // .tableHeader {
+    //   width: 100%;
+    //   height: 34px;
+    //   background: linear-gradient(0deg, #00fbffa3 0%, #00fbff00 100%);
+    //   border-radius: 2px;
+    //   border: 1px solid #74dde1;
+    //   display: flex;
 
-      .tableHeaderList {
-        font-family: Source Han Sans CN;
-        font-weight: 400;
-        font-size: 14px;
-        color: #ffffff;
-        height: 34px;
-        line-height: 34px;
-        // padding-left: 5px;
-        // text-align: center;
-      }
-      .tableList1 {
-        width: 35%;
-        padding-left: 15px;
-      }
-      .tableList2 {
-        width: 30%;
-        text-align: center;
-      }
-      .tableList3 {
-        width: 20%;
-        text-align: center;
-      }
-    }
-    .tableBody {
-      width: 100%;
-      height: calc(100% - 35px);
-      overflow: hidden;
+    //   .tableHeaderList {
+    //     font-family: Source Han Sans CN;
+    //     font-weight: 400;
+    //     font-size: 14px;
+    //     color: #ffffff;
+    //     height: 34px;
+    //     line-height: 34px;
+    //     // padding-left: 5px;
+    //     // text-align: center;
+    //   }
+    //   .tableList1 {
+    //     width: 35%;
+    //     padding-left: 15px;
+    //   }
+    //   .tableList2 {
+    //     width: 30%;
+    //     text-align: center;
+    //   }
+    //   .tableList3 {
+    //     width: 20%;
+    //     text-align: center;
+    //   }
+    // }
+    // .tableBody {
+    //   width: 100%;
+    //   height: calc(100% - 35px);
+    //   overflow: hidden;
 
-      .tableBodyList {
-        height: 34px;
-        line-height: 34px;
-        width: 100%;
-        display: flex;
-        /* 选择偶数行 */
-        &:nth-child(even) {
-          background: linear-gradient(0deg, #008599 0%, #08596d 100%);
-        }
+    //   .tableBodyList {
+    //     height: 34px;
+    //     line-height: 34px;
+    //     width: 100%;
+    //     display: flex;
+    //     /* 选择偶数行 */
+    //     &:nth-child(even) {
+    //       background: linear-gradient(0deg, #008599 0%, #08596d 100%);
+    //     }
 
-        .tableBodyList_span1 {
-          font-family: Source Han Sans CN;
-          font-weight: 400;
-          font-size: 14px;
-          color: #ffffff;
-          height: 34px;
-          line-height: 34px;
-          // text-align: center;
-          width: 35%;
-          padding-left: 15px;
-          // background: red;
-          // padding-left: 5px;
-        }
-        .tableBodyList_span2 {
-          font-family: Source Han Sans CN;
-          font-weight: 400;
-          font-size: 14px;
-          color: #ffffff;
-          height: 34px;
-          line-height: 34px;
-          text-align: center;
-          width: 30%;
-        }
-        .tableBodyList_span3 {
-          font-family: Source Han Sans CN;
-          font-weight: 400;
-          font-size: 14px;
-          color: #ffffff;
-          height: 34px;
-          line-height: 34px;
-          text-align: center;
-          width: 20%;
-        }
+    //     .tableBodyList_span1 {
+    //       font-family: Source Han Sans CN;
+    //       font-weight: 400;
+    //       font-size: 14px;
+    //       color: #ffffff;
+    //       height: 34px;
+    //       line-height: 34px;
+    //       // text-align: center;
+    //       width: 35%;
+    //       padding-left: 15px;
+    //       // background: red;
+    //       // padding-left: 5px;
+    //     }
+    //     .tableBodyList_span2 {
+    //       font-family: Source Han Sans CN;
+    //       font-weight: 400;
+    //       font-size: 14px;
+    //       color: #ffffff;
+    //       height: 34px;
+    //       line-height: 34px;
+    //       text-align: center;
+    //       width: 30%;
+    //     }
+    //     .tableBodyList_span3 {
+    //       font-family: Source Han Sans CN;
+    //       font-weight: 400;
+    //       font-size: 14px;
+    //       color: #ffffff;
+    //       height: 34px;
+    //       line-height: 34px;
+    //       text-align: center;
+    //       width: 20%;
+    //     }
 
-        .tableBodyList_span4 {
-          font-family: Source Han Sans CN;
-          font-weight: 400;
-          font-size: 14px;
-          color: #ffffff;
-          height: 34px;
-          line-height: 45px;
-          text-align: center;
-          width: 15%;
-          cursor: pointer;
-          // background: red;
-        }
-        .rad {
-          color: #ff3737;
-        }
-        .green {
-          color: #0fcd22;
-        }
-      }
-    }
+    //     .tableBodyList_span4 {
+    //       font-family: Source Han Sans CN;
+    //       font-weight: 400;
+    //       font-size: 14px;
+    //       color: #ffffff;
+    //       height: 34px;
+    //       line-height: 45px;
+    //       text-align: center;
+    //       width: 15%;
+    //       cursor: pointer;
+    //       // background: red;
+    //     }
+    //     .rad {
+    //       color: #ff3737;
+    //     }
+    //     .green {
+    //       color: #0fcd22;
+    //     }
+    //   }
+    // }
+    // background: yellow;
   }
 }
 .ListBoxHeader {

diff --git a/src/assets/images/fhpl/sqjca.png b/src/assets/images/fhpl/sqjca.png
index 0eb531c..00e619c 100644
--- a/src/assets/images/fhpl/sqjca.png
+++ b/src/assets/images/fhpl/sqjca.png
Binary files differ
diff --git a/src/views/oneMap/floodPrevention/FholRightBox.vue b/src/views/oneMap/floodPrevention/FholRightBox.vue
index 289c2b3..c2b55f6 100644
--- a/src/views/oneMap/floodPrevention/FholRightBox.vue
+++ b/src/views/oneMap/floodPrevention/FholRightBox.vue
@@ -108,10 +108,10 @@
   <!-- 入河排口运行监控 -->
   <div class="DischargeMonitor">
     <div class="ListBoxHeader">
-      <div class="ListBoxHeader_font">入河排口运行监控</div>
+      <div class="ListBoxHeader_font">调度统计</div>
     </div>
     <div class="JkMonitor">
-      <div class="tableHeader">
+      <!-- <div class="tableHeader">
         <span class="tableHeaderList tableList1">排口监测点</span>
         <span class="tableHeaderList tableList2">当前出流状态</span>
         <span class="tableHeaderList tableList3">流量(m³/h)</span>
@@ -125,7 +125,8 @@
             <img :src="monitor_icon" alt="" />
           </span>
         </div>
-      </Vue3SeamlessScroll>
+      </Vue3SeamlessScroll> -->
+      <dispatchEch />
     </div>
   </div>
 
@@ -146,6 +147,7 @@
 import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
 import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from 'vue';
 import bus from '@/bus';
+import dispatchEch from './dispatchEch.vue';
 import monitor_icon from '@/assets/images/fhpl/monitor_icon.png';
 import bengzhantingzhi from '@/assets/images/fhpl/bengzhantingzhi.png';
 import bengzhanyunxing from '@/assets/images/fhpl/bengzhanyunxing.png';
@@ -507,110 +509,112 @@
   width: 450px;
   height: 31%;
   margin-top: 3px;
+  // background: red;
   .JkMonitor {
     margin: 5px auto;
     width: 430px;
     height: calc(100% - 50px);
-    .tableHeader {
-      width: 100%;
-      height: 34px;
-      background: linear-gradient(0deg, #00fbffa3 0%, #00fbff00 100%);
-      border-radius: 2px;
-      border: 1px solid #74dde1;
-      display: flex;
+    // .tableHeader {
+    //   width: 100%;
+    //   height: 34px;
+    //   background: linear-gradient(0deg, #00fbffa3 0%, #00fbff00 100%);
+    //   border-radius: 2px;
+    //   border: 1px solid #74dde1;
+    //   display: flex;
 
-      .tableHeaderList {
-        font-family: Source Han Sans CN;
-        font-weight: 400;
-        font-size: 14px;
-        color: #ffffff;
-        height: 34px;
-        line-height: 34px;
-        // padding-left: 5px;
-        // text-align: center;
-      }
-      .tableList1 {
-        width: 35%;
-        padding-left: 15px;
-      }
-      .tableList2 {
-        width: 30%;
-        text-align: center;
-      }
-      .tableList3 {
-        width: 20%;
-        text-align: center;
-      }
-    }
-    .tableBody {
-      width: 100%;
-      height: calc(100% - 35px);
-      overflow: hidden;
+    //   .tableHeaderList {
+    //     font-family: Source Han Sans CN;
+    //     font-weight: 400;
+    //     font-size: 14px;
+    //     color: #ffffff;
+    //     height: 34px;
+    //     line-height: 34px;
+    //     // padding-left: 5px;
+    //     // text-align: center;
+    //   }
+    //   .tableList1 {
+    //     width: 35%;
+    //     padding-left: 15px;
+    //   }
+    //   .tableList2 {
+    //     width: 30%;
+    //     text-align: center;
+    //   }
+    //   .tableList3 {
+    //     width: 20%;
+    //     text-align: center;
+    //   }
+    // }
+    // .tableBody {
+    //   width: 100%;
+    //   height: calc(100% - 35px);
+    //   overflow: hidden;
 
-      .tableBodyList {
-        height: 34px;
-        line-height: 34px;
-        width: 100%;
-        display: flex;
-        /* 选择偶数行 */
-        &:nth-child(even) {
-          background: linear-gradient(0deg, #008599 0%, #08596d 100%);
-        }
+    //   .tableBodyList {
+    //     height: 34px;
+    //     line-height: 34px;
+    //     width: 100%;
+    //     display: flex;
+    //     /* 选择偶数行 */
+    //     &:nth-child(even) {
+    //       background: linear-gradient(0deg, #008599 0%, #08596d 100%);
+    //     }
 
-        .tableBodyList_span1 {
-          font-family: Source Han Sans CN;
-          font-weight: 400;
-          font-size: 14px;
-          color: #ffffff;
-          height: 34px;
-          line-height: 34px;
-          // text-align: center;
-          width: 35%;
-          padding-left: 15px;
-          // background: red;
-          // padding-left: 5px;
-        }
-        .tableBodyList_span2 {
-          font-family: Source Han Sans CN;
-          font-weight: 400;
-          font-size: 14px;
-          color: #ffffff;
-          height: 34px;
-          line-height: 34px;
-          text-align: center;
-          width: 30%;
-        }
-        .tableBodyList_span3 {
-          font-family: Source Han Sans CN;
-          font-weight: 400;
-          font-size: 14px;
-          color: #ffffff;
-          height: 34px;
-          line-height: 34px;
-          text-align: center;
-          width: 20%;
-        }
+    //     .tableBodyList_span1 {
+    //       font-family: Source Han Sans CN;
+    //       font-weight: 400;
+    //       font-size: 14px;
+    //       color: #ffffff;
+    //       height: 34px;
+    //       line-height: 34px;
+    //       // text-align: center;
+    //       width: 35%;
+    //       padding-left: 15px;
+    //       // background: red;
+    //       // padding-left: 5px;
+    //     }
+    //     .tableBodyList_span2 {
+    //       font-family: Source Han Sans CN;
+    //       font-weight: 400;
+    //       font-size: 14px;
+    //       color: #ffffff;
+    //       height: 34px;
+    //       line-height: 34px;
+    //       text-align: center;
+    //       width: 30%;
+    //     }
+    //     .tableBodyList_span3 {
+    //       font-family: Source Han Sans CN;
+    //       font-weight: 400;
+    //       font-size: 14px;
+    //       color: #ffffff;
+    //       height: 34px;
+    //       line-height: 34px;
+    //       text-align: center;
+    //       width: 20%;
+    //     }
 
-        .tableBodyList_span4 {
-          font-family: Source Han Sans CN;
-          font-weight: 400;
-          font-size: 14px;
-          color: #ffffff;
-          height: 34px;
-          line-height: 45px;
-          text-align: center;
-          width: 15%;
-          cursor: pointer;
-          // background: red;
-        }
-        .rad {
-          color: #ff3737;
-        }
-        .green {
-          color: #0fcd22;
-        }
-      }
-    }
+    //     .tableBodyList_span4 {
+    //       font-family: Source Han Sans CN;
+    //       font-weight: 400;
+    //       font-size: 14px;
+    //       color: #ffffff;
+    //       height: 34px;
+    //       line-height: 45px;
+    //       text-align: center;
+    //       width: 15%;
+    //       cursor: pointer;
+    //       // background: red;
+    //     }
+    //     .rad {
+    //       color: #ff3737;
+    //     }
+    //     .green {
+    //       color: #0fcd22;
+    //     }
+    //   }
+    // }
+    // background: yellow;
   }
 }
 .ListBoxHeader {
diff --git a/src/views/oneMap/floodPrevention/dispatchEch.vue b/src/views/oneMap/floodPrevention/dispatchEch.vue
new file mode 100644
index 0000000..beeec61
--- /dev/null
+++ b/src/views/oneMap/floodPrevention/dispatchEch.vue
@@ -0,0 +1,216 @@
+<template>
+  <div class="chartBox" :id="id"></div>
+</template>
+<script setup name="pieChartGszl">
+import { guid } from '@/utils/ruoyi';
+const { proxy } = getCurrentInstance();
+import { nowSize } from '@/utils/util.js';
+import moment from 'moment';
+const emit = defineEmits(['updateKey']);
+const props = defineProps({
+  //刷新标志
+  refresh: {
+    type: [String, Number],
+    default: 1,
+  },
+  //数据
+  echartData: {
+    type: Object,
+    default: {},
+  },
+});
+
+const id = guid();
+const myChart = shallowRef('');
+let activeName = ref(null);
+
+watch(
+  () => props.refresh,
+  value => {
+    //先销毁实例
+    myChart.value && myChart.value.dispose();
+    intChart();
+  }
+);
+//自适应
+function resizeTheChart() {
+  if (myChart.value) {
+    myChart.value.resize();
+  }
+}
+//初始化
+function intChart() {
+  var data = [
+    {
+      name: '泵站指令',
+      value: 10,
+    },
+    {
+      name: '融入通讯',
+      value: 60,
+    },
+    {
+      name: '语音外呼',
+      value: 80,
+    },
+    {
+      name: '车辆调度',
+      value: 100,
+    },
+    {
+      name: '人员调度',
+      value: 200,
+    },
+  ].sort(function (a, b) {
+    return b.value - a.value;
+  });
+  var max = Math.max(...data.map(item => item.value)) + 100;
+  function array2obj(array, key) {
+    let resObj = {};
+    for (let i = 0; i < array.length; i++) {
+      resObj[array[i][key]] = array[i];
+    }
+    return resObj;
+  }
+
+  function getData(data) {
+    let res = {
+      series: [],
+      yAxis: [],
+    };
+    for (let i = 0; i < data.length; i++) {
+      res.series.push({
+        name: i,
+        type: 'pie',
+        clockWise: false,
+        hoverAnimation: false,
+        radius: [63 - i * 8 + '%', 58 - i * 8 + '%'],
+        center: ['20%', '50%'],
+        label: {
+          show: false,
+        },
+        itemStyle: {
+          label: {
+            show: false,
+            position: 'center',
+          },
+          labelLine: {
+            show: false,
+          },
+          borderWidth: 5,
+        },
+        data: [
+          {
+            value: data[i].value,
+            name: data[i].name,
+          },
+          {
+            value: max - data[i].value,
+            name: '',
+            itemStyle: {
+              color: '#27689594',
+              borderWidth: 0,
+            },
+            tooltip: {
+              show: true,
+            },
+            hoverAnimation: false,
+          },
+        ],
+      });
+    }
+    return res;
+  }
+
+  var objData = array2obj(data, 'name');
+  var optionData = getData(data);
+
+  myChart.value = proxy.echarts.init(document.getElementById(id));
+  myChart.value.clear();
+  // 绘制图表
+  myChart.value.setOption({
+    tooltip: {
+      show: true,
+      // formatter: "{a}：{d}%"
+    },
+    legend: {
+      // x: 'lefr',
+      left: 200,
+      y: 'center',
+      itemGap: 10,
+      itemWidth: 10,
+      itemHeight: 10,
+      icon: 'rect',
+
+      formatter: function (name) {
+        return '{title|' + name + '}{value|' + objData[name].value + '次' + '}';
+      },
+      textStyle: {
+        rich: {
+          title: {
+            width: 10,
+            fontSize: 16,
+            color: '#fff',
+            padding: [0, 0, 0, 10],
+          },
+          value: {
+            fontSize: 16,
+            color: 'rgb(0, 222, 255)',
+            padding: [0, 100],
+          },
+        },
+      },
+    },
+    color: ['#0E8CFDFF', '#08DA80FF', '#2ECAFFFF', '#FF915BFF', '#F5BA45FF'],
+    grid: {
+      top: '0',
+      left: '50%',
+      containLabel: false,
+    },
+    yAxis: [
+      {
+        type: 'category',
+        inverse: true,
+        axisLine: {
+          show: false,
+        },
+        axisTick: {
+          show: false,
+        },
+        axisLabel: {
+          interval: 0,
+          inside: true,
+          textStyle: {
+            color: '#fff',
+            fontSize: 16,
+          },
+          show: true,
+        },
+        data: optionData.yAxis,
+      },
+    ],
+    xAxis: [
+      {
+        show: false,
+      },
+    ],
+    series: optionData.series,
+  });
+  myChart.value.on('click', params => {
+    activeName.value = params.dataIndex;
+    emit('updateKey', activeName.value);
+    myChart.value.resize();
+  });
+}
+onMounted(() => {
+  intChart();
+  window.addEventListener('resize', resizeTheChart);
+});
+</script>
+
+<style lang="scss" scoped>
+.chartBox {
+  width: 100%;
+  height: 100%;
+}
+</style>