diff --git a/src/assets/styles/WaterAssets.scss b/src/assets/styles/WaterAssets.scss
index 8366383..db5e61d 100644
--- a/src/assets/styles/WaterAssets.scss
+++ b/src/assets/styles/WaterAssets.scss
@@ -243,7 +243,7 @@
 
 .videoitem {
   display: flex;
-  height: 18%;
+  height: 80px;
   align-items: center;
   padding: 0 20px;
   background: url('@/assets/images/shuiwuzichan/video-bg.png') no-repeat;
@@ -266,6 +266,9 @@
       font-size: 14px;
       color: #ffffff;
       line-height: 32px;
+      overflow: hidden;
+      white-space: nowrap; /* 防止文字换行 */
+      text-overflow: ellipsis; /* 超出部分显示省略号 */
     }
 
     .value {
@@ -275,7 +278,11 @@
     }
 
     &.two_item {
-      margin-left: 80px;
+      margin-left: 50px;
+    }
+
+    &.one_item {
+      width: 110px !important;
     }
   }
 

diff --git a/src/assets/styles/WaterAssets.scss b/src/assets/styles/WaterAssets.scss
index 8366383..db5e61d 100644
--- a/src/assets/styles/WaterAssets.scss
+++ b/src/assets/styles/WaterAssets.scss
@@ -243,7 +243,7 @@
 
 .videoitem {
   display: flex;
-  height: 18%;
+  height: 80px;
   align-items: center;
   padding: 0 20px;
   background: url('@/assets/images/shuiwuzichan/video-bg.png') no-repeat;
@@ -266,6 +266,9 @@
       font-size: 14px;
       color: #ffffff;
       line-height: 32px;
+      overflow: hidden;
+      white-space: nowrap; /* 防止文字换行 */
+      text-overflow: ellipsis; /* 超出部分显示省略号 */
     }
 
     .value {
@@ -275,7 +278,11 @@
     }
 
     &.two_item {
-      margin-left: 80px;
+      margin-left: 50px;
+    }
+
+    &.one_item {
+      width: 110px !important;
     }
   }
 
diff --git a/src/views/pictureOnMap/index.vue b/src/views/pictureOnMap/index.vue
index 61e76f3..349d389 100644
--- a/src/views/pictureOnMap/index.vue
+++ b/src/views/pictureOnMap/index.vue
@@ -101,9 +101,8 @@
   'gateStation', //闸门
   'pump_water_level', //泵站液位
   'outlet_water_level_city', //排口流量
-        "plcSewagePumpStation",//plc污水泵站
-  "plcRainPumpStation",//plc雨水泵站
-
+  'plcSewagePumpStation', //plc污水泵站
+  'plcRainPumpStation', //plc雨水泵站
 ]);
 // 基本数据
 const arrid = ref([
@@ -234,11 +233,11 @@
     },
     {
       name: 'dp_bzgq', //泵站工情
-      value: "plcSewagePumpStation",//plc污水泵站
+      value: 'plcSewagePumpStation', //plc污水泵站
     },
     {
       name: 'dp_bzgq', //泵站工情
-      value: "plcRainPumpStation",//plc雨水泵站
+      value: 'plcRainPumpStation', //plc雨水泵站
     },
 
     {

diff --git a/src/assets/styles/WaterAssets.scss b/src/assets/styles/WaterAssets.scss
index 8366383..db5e61d 100644
--- a/src/assets/styles/WaterAssets.scss
+++ b/src/assets/styles/WaterAssets.scss
@@ -243,7 +243,7 @@
 
 .videoitem {
   display: flex;
-  height: 18%;
+  height: 80px;
   align-items: center;
   padding: 0 20px;
   background: url('@/assets/images/shuiwuzichan/video-bg.png') no-repeat;
@@ -266,6 +266,9 @@
       font-size: 14px;
       color: #ffffff;
       line-height: 32px;
+      overflow: hidden;
+      white-space: nowrap; /* 防止文字换行 */
+      text-overflow: ellipsis; /* 超出部分显示省略号 */
     }
 
     .value {
@@ -275,7 +278,11 @@
     }
 
     &.two_item {
-      margin-left: 80px;
+      margin-left: 50px;
+    }
+
+    &.one_item {
+      width: 110px !important;
     }
   }
 
diff --git a/src/views/pictureOnMap/index.vue b/src/views/pictureOnMap/index.vue
index 61e76f3..349d389 100644
--- a/src/views/pictureOnMap/index.vue
+++ b/src/views/pictureOnMap/index.vue
@@ -101,9 +101,8 @@
   'gateStation', //闸门
   'pump_water_level', //泵站液位
   'outlet_water_level_city', //排口流量
-        "plcSewagePumpStation",//plc污水泵站
-  "plcRainPumpStation",//plc雨水泵站
-
+  'plcSewagePumpStation', //plc污水泵站
+  'plcRainPumpStation', //plc雨水泵站
 ]);
 // 基本数据
 const arrid = ref([
@@ -234,11 +233,11 @@
     },
     {
       name: 'dp_bzgq', //泵站工情
-      value: "plcSewagePumpStation",//plc污水泵站
+      value: 'plcSewagePumpStation', //plc污水泵站
     },
     {
       name: 'dp_bzgq', //泵站工情
-      value: "plcRainPumpStation",//plc雨水泵站
+      value: 'plcRainPumpStation', //plc雨水泵站
     },
 
     {
diff --git a/src/views/pictureOnMap/page/WaterAssets/MonitoringAssetsRight/index.vue b/src/views/pictureOnMap/page/WaterAssets/MonitoringAssetsRight/index.vue
index c0439e7..8c8f7cb 100644
--- a/src/views/pictureOnMap/page/WaterAssets/MonitoringAssetsRight/index.vue
+++ b/src/views/pictureOnMap/page/WaterAssets/MonitoringAssetsRight/index.vue
@@ -38,7 +38,7 @@
       <div class="four">
         <div v-for="p in bottomvideo" :key="p" class="videoitem">
           <img class="lefticon" :src="p.fileUrl" />
-          <div class="itembox">
+          <div class="itembox one_item">
             <div class="name">{{ p.name }}</div>
             <div class="value blue">{{ p.total }}</div>
           </div>
@@ -61,7 +61,7 @@
 import neilaojishuidianEcharts from '@/views/pictureOnMap/page/WaterAssets/MonitoringAssetsRight/neilaojishuidianEcharts.vue';
 import guanwangjianceEchart from '@/views/pictureOnMap/page/WaterAssets/MonitoringAssetsRight/guanwangjianceEchart.vue';
 import { getWaterMonitorCount, getWaterLoggingCount, getPipeMonitorCount, getCameraCount } from '@/api/WaterAssets';
-import { replaceArrName,getImageUrl } from '@/utils/ruoyi';
+import { replaceArrName, getImageUrl } from '@/utils/ruoyi';
 
 const chartInfo3 = ref({
   refresh: 1,
@@ -222,5 +222,7 @@
   display: flex;
   flex-direction: column;
   justify-content: space-around;
+  overflow: hidden;
+  overflow-y: auto;
 }
 </style>