diff --git a/src/views/pictureOnMap/inputSearch.vue b/src/views/pictureOnMap/inputSearch.vue
index 7dd2047..7663ccd 100644
--- a/src/views/pictureOnMap/inputSearch.vue
+++ b/src/views/pictureOnMap/inputSearch.vue
@@ -3,7 +3,7 @@
     <el-select
       v-model="selectmodel"
       placeholder="请输入关键字"
-      style="width: 140px"
+      style="width: 130px"
       filterable
       popper-class="inputSearchselectclass"
       :filter-method="filterMethod"
@@ -141,13 +141,14 @@
 <style lang="scss" scoped>
 .inputSearch {
   position: fixed;
-  right: 175px;
+  right: 190px;
   top: 19px;
   z-index: 999;
   border-radius: 6px;
 }
 
 :deep(.el-input__wrapper) {
+  height: 30px !important;
   background: #0d2359 !important;
   border-radius: 6px;
   box-shadow: 0 0 0 0.00521rem var(--el-select-input-focus-border-color) inset !important;

diff --git a/src/views/pictureOnMap/inputSearch.vue b/src/views/pictureOnMap/inputSearch.vue
index 7dd2047..7663ccd 100644
--- a/src/views/pictureOnMap/inputSearch.vue
+++ b/src/views/pictureOnMap/inputSearch.vue
@@ -3,7 +3,7 @@
     <el-select
       v-model="selectmodel"
       placeholder="请输入关键字"
-      style="width: 140px"
+      style="width: 130px"
       filterable
       popper-class="inputSearchselectclass"
       :filter-method="filterMethod"
@@ -141,13 +141,14 @@
 <style lang="scss" scoped>
 .inputSearch {
   position: fixed;
-  right: 175px;
+  right: 190px;
   top: 19px;
   z-index: 999;
   border-radius: 6px;
 }
 
 :deep(.el-input__wrapper) {
+  height: 30px !important;
   background: #0d2359 !important;
   border-radius: 6px;
   box-shadow: 0 0 0 0.00521rem var(--el-select-input-focus-border-color) inset !important;
diff --git a/src/views/pictureOnMap/page/WaterAssets/DrainageFacilitiesLeft/Rain/index.vue b/src/views/pictureOnMap/page/WaterAssets/DrainageFacilitiesLeft/Rain/index.vue
index 29fd07b..9b72658 100644
--- a/src/views/pictureOnMap/page/WaterAssets/DrainageFacilitiesLeft/Rain/index.vue
+++ b/src/views/pictureOnMap/page/WaterAssets/DrainageFacilitiesLeft/Rain/index.vue
@@ -8,6 +8,7 @@
         :XAxis="chartInfo2.XAxis"
         :YAxis="chartInfo2.YAxis"
         :typeName="chartInfo2.typeName"
+        :zoomData="chartInfo2.zoomData"
       ></yushuibengzhanEcharts>
     </div>
     <div class="small-TitleBox">调蓄池({{ tiaoxuchiCount }})</div>
@@ -55,6 +56,7 @@
   // YAxis: [50, 145, 34, 170, 144, 220],
   XAxis: [],
   YAxis: [],
+  zoomData: [0, 100],
   typeName: '装机功率(kw)',
   loading: true,
 });

diff --git a/src/views/pictureOnMap/inputSearch.vue b/src/views/pictureOnMap/inputSearch.vue
index 7dd2047..7663ccd 100644
--- a/src/views/pictureOnMap/inputSearch.vue
+++ b/src/views/pictureOnMap/inputSearch.vue
@@ -3,7 +3,7 @@
     <el-select
       v-model="selectmodel"
       placeholder="请输入关键字"
-      style="width: 140px"
+      style="width: 130px"
       filterable
       popper-class="inputSearchselectclass"
       :filter-method="filterMethod"
@@ -141,13 +141,14 @@
 <style lang="scss" scoped>
 .inputSearch {
   position: fixed;
-  right: 175px;
+  right: 190px;
   top: 19px;
   z-index: 999;
   border-radius: 6px;
 }
 
 :deep(.el-input__wrapper) {
+  height: 30px !important;
   background: #0d2359 !important;
   border-radius: 6px;
   box-shadow: 0 0 0 0.00521rem var(--el-select-input-focus-border-color) inset !important;
diff --git a/src/views/pictureOnMap/page/WaterAssets/DrainageFacilitiesLeft/Rain/index.vue b/src/views/pictureOnMap/page/WaterAssets/DrainageFacilitiesLeft/Rain/index.vue
index 29fd07b..9b72658 100644
--- a/src/views/pictureOnMap/page/WaterAssets/DrainageFacilitiesLeft/Rain/index.vue
+++ b/src/views/pictureOnMap/page/WaterAssets/DrainageFacilitiesLeft/Rain/index.vue
@@ -8,6 +8,7 @@
         :XAxis="chartInfo2.XAxis"
         :YAxis="chartInfo2.YAxis"
         :typeName="chartInfo2.typeName"
+        :zoomData="chartInfo2.zoomData"
       ></yushuibengzhanEcharts>
     </div>
     <div class="small-TitleBox">调蓄池({{ tiaoxuchiCount }})</div>
@@ -55,6 +56,7 @@
   // YAxis: [50, 145, 34, 170, 144, 220],
   XAxis: [],
   YAxis: [],
+  zoomData: [0, 100],
   typeName: '装机功率(kw)',
   loading: true,
 });
diff --git a/src/views/pictureOnMap/page/WaterAssets/DrainageFacilitiesLeft/Rain/yushuibengzhanEcharts.vue b/src/views/pictureOnMap/page/WaterAssets/DrainageFacilitiesLeft/Rain/yushuibengzhanEcharts.vue
index 0ae672f..02fb7e6 100644
--- a/src/views/pictureOnMap/page/WaterAssets/DrainageFacilitiesLeft/Rain/yushuibengzhanEcharts.vue
+++ b/src/views/pictureOnMap/page/WaterAssets/DrainageFacilitiesLeft/Rain/yushuibengzhanEcharts.vue
@@ -29,6 +29,10 @@
     type: [String, Number],
     default: '',
   },
+  zoomData: {
+    type: Array,
+    default: () => [0, 100],
+  },
 });
 
 watch(
@@ -127,6 +131,18 @@
         padding: [-8, 0, 0, -100], // 四个数字分别为上右下左与原位置距离
       },
     },
+
+    dataZoom: [
+      {
+        type: 'inside', // 支持内部鼠标滚动平移
+        start: props.zoomData[0],
+        end: props.zoomData[1],
+        yAxisIndex: 0,
+        zoomOnMouseWheel: true, // 关闭滚轮缩放
+        moveOnMouseWheel: true, // 开启滚轮平移
+        moveOnMouseMove: false, // 鼠标移动能触发数据窗口平移
+      },
+    ],
     series: [
       {
         data: props.YAxis,

diff --git a/src/views/pictureOnMap/inputSearch.vue b/src/views/pictureOnMap/inputSearch.vue
index 7dd2047..7663ccd 100644
--- a/src/views/pictureOnMap/inputSearch.vue
+++ b/src/views/pictureOnMap/inputSearch.vue
@@ -3,7 +3,7 @@
     <el-select
       v-model="selectmodel"
       placeholder="请输入关键字"
-      style="width: 140px"
+      style="width: 130px"
       filterable
       popper-class="inputSearchselectclass"
       :filter-method="filterMethod"
@@ -141,13 +141,14 @@
 <style lang="scss" scoped>
 .inputSearch {
   position: fixed;
-  right: 175px;
+  right: 190px;
   top: 19px;
   z-index: 999;
   border-radius: 6px;
 }
 
 :deep(.el-input__wrapper) {
+  height: 30px !important;
   background: #0d2359 !important;
   border-radius: 6px;
   box-shadow: 0 0 0 0.00521rem var(--el-select-input-focus-border-color) inset !important;
diff --git a/src/views/pictureOnMap/page/WaterAssets/DrainageFacilitiesLeft/Rain/index.vue b/src/views/pictureOnMap/page/WaterAssets/DrainageFacilitiesLeft/Rain/index.vue
index 29fd07b..9b72658 100644
--- a/src/views/pictureOnMap/page/WaterAssets/DrainageFacilitiesLeft/Rain/index.vue
+++ b/src/views/pictureOnMap/page/WaterAssets/DrainageFacilitiesLeft/Rain/index.vue
@@ -8,6 +8,7 @@
         :XAxis="chartInfo2.XAxis"
         :YAxis="chartInfo2.YAxis"
         :typeName="chartInfo2.typeName"
+        :zoomData="chartInfo2.zoomData"
       ></yushuibengzhanEcharts>
     </div>
     <div class="small-TitleBox">调蓄池({{ tiaoxuchiCount }})</div>
@@ -55,6 +56,7 @@
   // YAxis: [50, 145, 34, 170, 144, 220],
   XAxis: [],
   YAxis: [],
+  zoomData: [0, 100],
   typeName: '装机功率(kw)',
   loading: true,
 });
diff --git a/src/views/pictureOnMap/page/WaterAssets/DrainageFacilitiesLeft/Rain/yushuibengzhanEcharts.vue b/src/views/pictureOnMap/page/WaterAssets/DrainageFacilitiesLeft/Rain/yushuibengzhanEcharts.vue
index 0ae672f..02fb7e6 100644
--- a/src/views/pictureOnMap/page/WaterAssets/DrainageFacilitiesLeft/Rain/yushuibengzhanEcharts.vue
+++ b/src/views/pictureOnMap/page/WaterAssets/DrainageFacilitiesLeft/Rain/yushuibengzhanEcharts.vue
@@ -29,6 +29,10 @@
     type: [String, Number],
     default: '',
   },
+  zoomData: {
+    type: Array,
+    default: () => [0, 100],
+  },
 });
 
 watch(
@@ -127,6 +131,18 @@
         padding: [-8, 0, 0, -100], // 四个数字分别为上右下左与原位置距离
       },
     },
+
+    dataZoom: [
+      {
+        type: 'inside', // 支持内部鼠标滚动平移
+        start: props.zoomData[0],
+        end: props.zoomData[1],
+        yAxisIndex: 0,
+        zoomOnMouseWheel: true, // 关闭滚轮缩放
+        moveOnMouseWheel: true, // 开启滚轮平移
+        moveOnMouseMove: false, // 鼠标移动能触发数据窗口平移
+      },
+    ],
     series: [
       {
         data: props.YAxis,
diff --git a/src/views/pictureOnMap/page/WaterAssets/DrainageFacilitiesLeft/sewage/index.vue b/src/views/pictureOnMap/page/WaterAssets/DrainageFacilitiesLeft/sewage/index.vue
index e9968a4..49b81a5 100644
--- a/src/views/pictureOnMap/page/WaterAssets/DrainageFacilitiesLeft/sewage/index.vue
+++ b/src/views/pictureOnMap/page/WaterAssets/DrainageFacilitiesLeft/sewage/index.vue
@@ -51,6 +51,7 @@
         :XAxis="chartInfo2.XAxis"
         :YAxis="chartInfo2.YAxis"
         :typeName="chartInfo2.typeName"
+        :zoomData="chartInfo2.zoomData"
       ></yushuibengzhanEcharts>
     </div>
   </div>
@@ -141,6 +142,7 @@
   // YAxis: [50, 145, 34, 170, 144, 220],
   XAxis: [],
   YAxis: [],
+  zoomData: [20, 30],
   typeName: '数量(个)',
   loading: true,
 });