diff --git a/src/api/MonitorAssetsOnMap.js b/src/api/MonitorAssetsOnMap.js
index 4e53377..4d288f5 100644
--- a/src/api/MonitorAssetsOnMap.js
+++ b/src/api/MonitorAssetsOnMap.js
@@ -463,4 +463,4 @@
     method: 'get',
     params: query
   })
-}
+}
\ No newline at end of file

diff --git a/src/api/MonitorAssetsOnMap.js b/src/api/MonitorAssetsOnMap.js
index 4e53377..4d288f5 100644
--- a/src/api/MonitorAssetsOnMap.js
+++ b/src/api/MonitorAssetsOnMap.js
@@ -463,4 +463,4 @@
     method: 'get',
     params: query
   })
-}
+}
\ No newline at end of file
diff --git a/src/assets/images/pictureOnMap/leftBZ.png b/src/assets/images/pictureOnMap/leftBZ.png
new file mode 100644
index 0000000..1af9f89
--- /dev/null
+++ b/src/assets/images/pictureOnMap/leftBZ.png
Binary files differ

diff --git a/src/api/MonitorAssetsOnMap.js b/src/api/MonitorAssetsOnMap.js
index 4e53377..4d288f5 100644
--- a/src/api/MonitorAssetsOnMap.js
+++ b/src/api/MonitorAssetsOnMap.js
@@ -463,4 +463,4 @@
     method: 'get',
     params: query
   })
-}
+}
\ No newline at end of file
diff --git a/src/assets/images/pictureOnMap/leftBZ.png b/src/assets/images/pictureOnMap/leftBZ.png
new file mode 100644
index 0000000..1af9f89
--- /dev/null
+++ b/src/assets/images/pictureOnMap/leftBZ.png
Binary files differ
diff --git a/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningLeft/component/Bzgq.vue b/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningLeft/component/Bzgq.vue
index be8266a..286bcbd 100644
--- a/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningLeft/component/Bzgq.vue
+++ b/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningLeft/component/Bzgq.vue
@@ -2,7 +2,44 @@
   <!-- 监测预警  泵站工情 -->
   <div class="Bzgq flex flex-v">
     <div class="flex flex-wrap" style="gap: 10px;">
-      <div class="sumShow">
+      <div class="chunkBox flex ">
+        <div class="leftinfoCon">
+          <div class="bzzs">泵站总数({{sumObj.totalNum}})</div>
+          <div class="dqbzkb">当前泵机开泵</div>
+          <div class="rzcppl">今日总抽排排量</div>
+          <div class="cqpsw">超起排水位</div>
+        </div>
+        <div class="rightinfoCon ">
+          <div class="acrossBox acrossBox1 flex flex-justcontent-spacearound">
+            <div style="color:rgba(44, 183, 255, 1)">雨水泵站</div>
+            <div style="color:rgba(254, 103, 128, 1)">污水泵站</div>
+          </div>
+          <div class="acrossBox acrossBox2 flex flex-justcontent-spacearound">
+            <div>{{sumObj.rainPumpOpenNum}}</div>
+            <div>{{sumObj.rainPumpNum}}</div>
+          </div>
+          <div class="acrossBox acrossBox3 flex flex-justcontent-spacearound">
+            <div>{{sumObj.openPumpMachineNum}}/{{sumObj.pumpMachineNum}}</div>
+          </div>
+          <div class="acrossBox acrossBox4 flex flex-justcontent-spacearound">
+            <div>{{sumObj.rainOpenPumpMachineNum}}/{{sumObj.rainPumpMachineNum}}</div>
+            <div>{{sumObj.sewageOpenPumpMachineNum}}/{{sumObj.rainPumpMachineNum}}</div>
+          </div>
+          <div class="acrossBox acrossBox5 flex flex-justcontent-spacearound">
+            <div>{{sumObj.todayTotalCpl+'万方'||'--'}}</div>
+          </div>
+          <div class="acrossBox acrossBox6 flex flex-justcontent-spacearound">
+            <div>{{sumObj.rainPumpTodayTotalCpl+'万方'||'--'}}</div>
+            <div>{{sumObj.sewagePumpTodayTotalCpl+'万方'||'--'}}</div>
+          </div>
+          <div class="acrossBox acrossBox7 flex flex-justcontent-spacearound">
+            <div>{{sumObj.cqcswNum}}</div>
+          </div>
+        </div>
+      </div>
+
+
+      <!-- <div class="sumShow">
       <div class="eachSum">
         <div class="distext flex flex-justcontent-spacebetween">
           <div class="textLeft">泵站总数</div>
@@ -89,7 +126,7 @@
         </div>
       
       </div>
-    </div>
+    </div> -->
     </div>
     
     
@@ -99,8 +136,13 @@
       <div class="eachData" v-for="(item) in listData" :key="item.id" @click="popUpFun(item)">
         <div class="topCon">
           <div class="leftCon">
-            <div class="dingweiicon" :class="item.stType=='plcRainPumpStation'?'YSBZicon':'WSBZicon'"></div>
-            <div>{{item.name}}</div>
+            <div class="dingweiicon"  :class="item.stType=='plcRainPumpStation'?'YSBZicon':'WSBZicon'"></div>
+            <div class="nameText" :title="item.name">{{item.name}}</div>
+            <div class="loadText">
+              <span>(负载：</span>
+              <span :style="{color:loadFun(item)}">{{(Number(Number(item.openPumpNum) / Number(item.pumpNumber))*100).toFixed(0)}}%</span>
+              <span>)</span>
+            </div>
             <!-- <div class="equipmentStats onColor" v-if="item.status=='1'">在线</div>
             <div class="equipmentStats offColor" v-else>离线</div> -->
           </div>
@@ -180,6 +222,19 @@
     }
   });
 }
+// 计算负荷
+function loadFun(item){
+  // openPumpNum/pumpNumber
+     let sum = (Number(Number(item.openPumpNum) / Number(item.pumpNumber))*100)
+if(sum<=100&&sum>75){
+  return 'rgba(254, 103, 128, 1)'
+}else if(sum<=75&&sum>=50){
+  return 'rgba(254, 227, 103, 1)'
+
+}else if(sum<50){
+return 'rgba(0, 247, 251, 1)'
+}
+}
 onMounted(() => {
   gitDataList()
   gitDataFun()
@@ -188,6 +243,75 @@
 <style lang="scss" scoped>
 .Bzgq {
      height: calc(100% - 100px);
+     .chunkBox {
+      height: 217px;
+      .leftinfoCon {
+        width: 140px;
+        height: 100%;
+        text-align: center;
+            background: url('@/assets/images/pictureOnMap/leftBZ.png') no-repeat center;
+             background-size: 100% 100%;
+             font-weight: 500;
+font-size: 16px;
+color: #FFFFFF;
+        .bzzs {
+          padding-top: 18px;
+        }
+        .dqbzkb {
+          padding-top:34px;
+
+        }
+        .rzcppl {
+          padding-top: 35px;
+
+        }
+        .cqpsw {
+          padding-top: 26px;
+
+        }
+      }
+      .rightinfoCon {
+        width: 279px;
+        border: 1px solid #4AB5FF;
+        box-sizing: border-box;
+        margin-left: 9px;
+        .acrossBox {
+          border-bottom: 1px solid #0B9BFF;
+          align-items: center;
+          font-weight: 500;
+font-size: 16px;
+color: #D2E2FF;
+        }
+        .acrossBox1 {
+          height: 31px;
+        }
+        .acrossBox2 {
+          height: 29px;
+        }
+        .acrossBox3 {
+          height: 31px;
+        }
+        .acrossBox4 {
+          height: 28px;
+        }
+        .acrossBox5 {
+          height: 31px;
+        }
+        .acrossBox6 {
+          height: 28px;
+        }
+        .acrossBox7 {
+          height: 37px;
+        }
+        .acrossBox:nth-child(odd){
+          background: linear-gradient(0deg, rgba(0,98,183,0.8) 0%, rgba(0,98,183,0.1) 100%);
+        }
+
+        .acrossBox:last-child {
+          border-bottom: 0;
+        }
+      }
+     }
   .sumShow {
     width: 206px;
     height: 75px;
@@ -274,17 +398,24 @@
           font-weight: bold;
           font-size: 16px;
           color: #ffffff;
-          .name{
-            max-width: 250px;
-               overflow: hidden; //溢出隐藏
-          text-overflow: ellipsis; //超出显示省略号
-          white-space: nowrap; //强制文本在一行内显示
-          }
+
           .dingweiicon {
             width: 17px;
             height: 17px;
             margin-top: 2px;
             margin-right: 5px;
+           
+          }
+           .nameText {
+               max-width: 180px;
+               overflow: hidden; //溢出隐藏
+          text-overflow: ellipsis; //超出显示省略号
+          white-space: nowrap; //强制文本在一行内显示
+            }
+          .loadText {
+            font-weight: 400;
+font-size: 14px;
+color: #CCDFFF;
           }
           .YSBZicon {
             background: url('@/assets/images/pictureOnMap/YSBZicon.png') no-repeat center;

diff --git a/src/api/MonitorAssetsOnMap.js b/src/api/MonitorAssetsOnMap.js
index 4e53377..4d288f5 100644
--- a/src/api/MonitorAssetsOnMap.js
+++ b/src/api/MonitorAssetsOnMap.js
@@ -463,4 +463,4 @@
     method: 'get',
     params: query
   })
-}
+}
\ No newline at end of file
diff --git a/src/assets/images/pictureOnMap/leftBZ.png b/src/assets/images/pictureOnMap/leftBZ.png
new file mode 100644
index 0000000..1af9f89
--- /dev/null
+++ b/src/assets/images/pictureOnMap/leftBZ.png
Binary files differ
diff --git a/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningLeft/component/Bzgq.vue b/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningLeft/component/Bzgq.vue
index be8266a..286bcbd 100644
--- a/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningLeft/component/Bzgq.vue
+++ b/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningLeft/component/Bzgq.vue
@@ -2,7 +2,44 @@
   <!-- 监测预警  泵站工情 -->
   <div class="Bzgq flex flex-v">
     <div class="flex flex-wrap" style="gap: 10px;">
-      <div class="sumShow">
+      <div class="chunkBox flex ">
+        <div class="leftinfoCon">
+          <div class="bzzs">泵站总数({{sumObj.totalNum}})</div>
+          <div class="dqbzkb">当前泵机开泵</div>
+          <div class="rzcppl">今日总抽排排量</div>
+          <div class="cqpsw">超起排水位</div>
+        </div>
+        <div class="rightinfoCon ">
+          <div class="acrossBox acrossBox1 flex flex-justcontent-spacearound">
+            <div style="color:rgba(44, 183, 255, 1)">雨水泵站</div>
+            <div style="color:rgba(254, 103, 128, 1)">污水泵站</div>
+          </div>
+          <div class="acrossBox acrossBox2 flex flex-justcontent-spacearound">
+            <div>{{sumObj.rainPumpOpenNum}}</div>
+            <div>{{sumObj.rainPumpNum}}</div>
+          </div>
+          <div class="acrossBox acrossBox3 flex flex-justcontent-spacearound">
+            <div>{{sumObj.openPumpMachineNum}}/{{sumObj.pumpMachineNum}}</div>
+          </div>
+          <div class="acrossBox acrossBox4 flex flex-justcontent-spacearound">
+            <div>{{sumObj.rainOpenPumpMachineNum}}/{{sumObj.rainPumpMachineNum}}</div>
+            <div>{{sumObj.sewageOpenPumpMachineNum}}/{{sumObj.rainPumpMachineNum}}</div>
+          </div>
+          <div class="acrossBox acrossBox5 flex flex-justcontent-spacearound">
+            <div>{{sumObj.todayTotalCpl+'万方'||'--'}}</div>
+          </div>
+          <div class="acrossBox acrossBox6 flex flex-justcontent-spacearound">
+            <div>{{sumObj.rainPumpTodayTotalCpl+'万方'||'--'}}</div>
+            <div>{{sumObj.sewagePumpTodayTotalCpl+'万方'||'--'}}</div>
+          </div>
+          <div class="acrossBox acrossBox7 flex flex-justcontent-spacearound">
+            <div>{{sumObj.cqcswNum}}</div>
+          </div>
+        </div>
+      </div>
+
+
+      <!-- <div class="sumShow">
       <div class="eachSum">
         <div class="distext flex flex-justcontent-spacebetween">
           <div class="textLeft">泵站总数</div>
@@ -89,7 +126,7 @@
         </div>
       
       </div>
-    </div>
+    </div> -->
     </div>
     
     
@@ -99,8 +136,13 @@
       <div class="eachData" v-for="(item) in listData" :key="item.id" @click="popUpFun(item)">
         <div class="topCon">
           <div class="leftCon">
-            <div class="dingweiicon" :class="item.stType=='plcRainPumpStation'?'YSBZicon':'WSBZicon'"></div>
-            <div>{{item.name}}</div>
+            <div class="dingweiicon"  :class="item.stType=='plcRainPumpStation'?'YSBZicon':'WSBZicon'"></div>
+            <div class="nameText" :title="item.name">{{item.name}}</div>
+            <div class="loadText">
+              <span>(负载：</span>
+              <span :style="{color:loadFun(item)}">{{(Number(Number(item.openPumpNum) / Number(item.pumpNumber))*100).toFixed(0)}}%</span>
+              <span>)</span>
+            </div>
             <!-- <div class="equipmentStats onColor" v-if="item.status=='1'">在线</div>
             <div class="equipmentStats offColor" v-else>离线</div> -->
           </div>
@@ -180,6 +222,19 @@
     }
   });
 }
+// 计算负荷
+function loadFun(item){
+  // openPumpNum/pumpNumber
+     let sum = (Number(Number(item.openPumpNum) / Number(item.pumpNumber))*100)
+if(sum<=100&&sum>75){
+  return 'rgba(254, 103, 128, 1)'
+}else if(sum<=75&&sum>=50){
+  return 'rgba(254, 227, 103, 1)'
+
+}else if(sum<50){
+return 'rgba(0, 247, 251, 1)'
+}
+}
 onMounted(() => {
   gitDataList()
   gitDataFun()
@@ -188,6 +243,75 @@
 <style lang="scss" scoped>
 .Bzgq {
      height: calc(100% - 100px);
+     .chunkBox {
+      height: 217px;
+      .leftinfoCon {
+        width: 140px;
+        height: 100%;
+        text-align: center;
+            background: url('@/assets/images/pictureOnMap/leftBZ.png') no-repeat center;
+             background-size: 100% 100%;
+             font-weight: 500;
+font-size: 16px;
+color: #FFFFFF;
+        .bzzs {
+          padding-top: 18px;
+        }
+        .dqbzkb {
+          padding-top:34px;
+
+        }
+        .rzcppl {
+          padding-top: 35px;
+
+        }
+        .cqpsw {
+          padding-top: 26px;
+
+        }
+      }
+      .rightinfoCon {
+        width: 279px;
+        border: 1px solid #4AB5FF;
+        box-sizing: border-box;
+        margin-left: 9px;
+        .acrossBox {
+          border-bottom: 1px solid #0B9BFF;
+          align-items: center;
+          font-weight: 500;
+font-size: 16px;
+color: #D2E2FF;
+        }
+        .acrossBox1 {
+          height: 31px;
+        }
+        .acrossBox2 {
+          height: 29px;
+        }
+        .acrossBox3 {
+          height: 31px;
+        }
+        .acrossBox4 {
+          height: 28px;
+        }
+        .acrossBox5 {
+          height: 31px;
+        }
+        .acrossBox6 {
+          height: 28px;
+        }
+        .acrossBox7 {
+          height: 37px;
+        }
+        .acrossBox:nth-child(odd){
+          background: linear-gradient(0deg, rgba(0,98,183,0.8) 0%, rgba(0,98,183,0.1) 100%);
+        }
+
+        .acrossBox:last-child {
+          border-bottom: 0;
+        }
+      }
+     }
   .sumShow {
     width: 206px;
     height: 75px;
@@ -274,17 +398,24 @@
           font-weight: bold;
           font-size: 16px;
           color: #ffffff;
-          .name{
-            max-width: 250px;
-               overflow: hidden; //溢出隐藏
-          text-overflow: ellipsis; //超出显示省略号
-          white-space: nowrap; //强制文本在一行内显示
-          }
+
           .dingweiicon {
             width: 17px;
             height: 17px;
             margin-top: 2px;
             margin-right: 5px;
+           
+          }
+           .nameText {
+               max-width: 180px;
+               overflow: hidden; //溢出隐藏
+          text-overflow: ellipsis; //超出显示省略号
+          white-space: nowrap; //强制文本在一行内显示
+            }
+          .loadText {
+            font-weight: 400;
+font-size: 14px;
+color: #CCDFFF;
           }
           .YSBZicon {
             background: url('@/assets/images/pictureOnMap/YSBZicon.png') no-repeat center;
diff --git a/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningLeft/component/Szgk.vue b/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningLeft/component/Szgk.vue
index 49c1d6c..37c6958 100644
--- a/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningLeft/component/Szgk.vue
+++ b/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningLeft/component/Szgk.vue
@@ -34,7 +34,10 @@
          <div class="topCon">
           <div class="leftCon">
             <div class="dingweiicon"></div>
-            <div class="name" :title="item.stName">{{ item.stName }}</div>
+            <div class="name" :title="item.stName">
+              <span>{{ item.stName }}</span>
+              <span>液位：{{item.waterLevel+'m'||'--'}}</span>
+            </div>
           </div>
           <div class="equipmentStats colorGreen" v-if="item.onlineStatus == 'online'">
             在线

diff --git a/src/api/MonitorAssetsOnMap.js b/src/api/MonitorAssetsOnMap.js
index 4e53377..4d288f5 100644
--- a/src/api/MonitorAssetsOnMap.js
+++ b/src/api/MonitorAssetsOnMap.js
@@ -463,4 +463,4 @@
     method: 'get',
     params: query
   })
-}
+}
\ No newline at end of file
diff --git a/src/assets/images/pictureOnMap/leftBZ.png b/src/assets/images/pictureOnMap/leftBZ.png
new file mode 100644
index 0000000..1af9f89
--- /dev/null
+++ b/src/assets/images/pictureOnMap/leftBZ.png
Binary files differ
diff --git a/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningLeft/component/Bzgq.vue b/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningLeft/component/Bzgq.vue
index be8266a..286bcbd 100644
--- a/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningLeft/component/Bzgq.vue
+++ b/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningLeft/component/Bzgq.vue
@@ -2,7 +2,44 @@
   <!-- 监测预警  泵站工情 -->
   <div class="Bzgq flex flex-v">
     <div class="flex flex-wrap" style="gap: 10px;">
-      <div class="sumShow">
+      <div class="chunkBox flex ">
+        <div class="leftinfoCon">
+          <div class="bzzs">泵站总数({{sumObj.totalNum}})</div>
+          <div class="dqbzkb">当前泵机开泵</div>
+          <div class="rzcppl">今日总抽排排量</div>
+          <div class="cqpsw">超起排水位</div>
+        </div>
+        <div class="rightinfoCon ">
+          <div class="acrossBox acrossBox1 flex flex-justcontent-spacearound">
+            <div style="color:rgba(44, 183, 255, 1)">雨水泵站</div>
+            <div style="color:rgba(254, 103, 128, 1)">污水泵站</div>
+          </div>
+          <div class="acrossBox acrossBox2 flex flex-justcontent-spacearound">
+            <div>{{sumObj.rainPumpOpenNum}}</div>
+            <div>{{sumObj.rainPumpNum}}</div>
+          </div>
+          <div class="acrossBox acrossBox3 flex flex-justcontent-spacearound">
+            <div>{{sumObj.openPumpMachineNum}}/{{sumObj.pumpMachineNum}}</div>
+          </div>
+          <div class="acrossBox acrossBox4 flex flex-justcontent-spacearound">
+            <div>{{sumObj.rainOpenPumpMachineNum}}/{{sumObj.rainPumpMachineNum}}</div>
+            <div>{{sumObj.sewageOpenPumpMachineNum}}/{{sumObj.rainPumpMachineNum}}</div>
+          </div>
+          <div class="acrossBox acrossBox5 flex flex-justcontent-spacearound">
+            <div>{{sumObj.todayTotalCpl+'万方'||'--'}}</div>
+          </div>
+          <div class="acrossBox acrossBox6 flex flex-justcontent-spacearound">
+            <div>{{sumObj.rainPumpTodayTotalCpl+'万方'||'--'}}</div>
+            <div>{{sumObj.sewagePumpTodayTotalCpl+'万方'||'--'}}</div>
+          </div>
+          <div class="acrossBox acrossBox7 flex flex-justcontent-spacearound">
+            <div>{{sumObj.cqcswNum}}</div>
+          </div>
+        </div>
+      </div>
+
+
+      <!-- <div class="sumShow">
       <div class="eachSum">
         <div class="distext flex flex-justcontent-spacebetween">
           <div class="textLeft">泵站总数</div>
@@ -89,7 +126,7 @@
         </div>
       
       </div>
-    </div>
+    </div> -->
     </div>
     
     
@@ -99,8 +136,13 @@
       <div class="eachData" v-for="(item) in listData" :key="item.id" @click="popUpFun(item)">
         <div class="topCon">
           <div class="leftCon">
-            <div class="dingweiicon" :class="item.stType=='plcRainPumpStation'?'YSBZicon':'WSBZicon'"></div>
-            <div>{{item.name}}</div>
+            <div class="dingweiicon"  :class="item.stType=='plcRainPumpStation'?'YSBZicon':'WSBZicon'"></div>
+            <div class="nameText" :title="item.name">{{item.name}}</div>
+            <div class="loadText">
+              <span>(负载：</span>
+              <span :style="{color:loadFun(item)}">{{(Number(Number(item.openPumpNum) / Number(item.pumpNumber))*100).toFixed(0)}}%</span>
+              <span>)</span>
+            </div>
             <!-- <div class="equipmentStats onColor" v-if="item.status=='1'">在线</div>
             <div class="equipmentStats offColor" v-else>离线</div> -->
           </div>
@@ -180,6 +222,19 @@
     }
   });
 }
+// 计算负荷
+function loadFun(item){
+  // openPumpNum/pumpNumber
+     let sum = (Number(Number(item.openPumpNum) / Number(item.pumpNumber))*100)
+if(sum<=100&&sum>75){
+  return 'rgba(254, 103, 128, 1)'
+}else if(sum<=75&&sum>=50){
+  return 'rgba(254, 227, 103, 1)'
+
+}else if(sum<50){
+return 'rgba(0, 247, 251, 1)'
+}
+}
 onMounted(() => {
   gitDataList()
   gitDataFun()
@@ -188,6 +243,75 @@
 <style lang="scss" scoped>
 .Bzgq {
      height: calc(100% - 100px);
+     .chunkBox {
+      height: 217px;
+      .leftinfoCon {
+        width: 140px;
+        height: 100%;
+        text-align: center;
+            background: url('@/assets/images/pictureOnMap/leftBZ.png') no-repeat center;
+             background-size: 100% 100%;
+             font-weight: 500;
+font-size: 16px;
+color: #FFFFFF;
+        .bzzs {
+          padding-top: 18px;
+        }
+        .dqbzkb {
+          padding-top:34px;
+
+        }
+        .rzcppl {
+          padding-top: 35px;
+
+        }
+        .cqpsw {
+          padding-top: 26px;
+
+        }
+      }
+      .rightinfoCon {
+        width: 279px;
+        border: 1px solid #4AB5FF;
+        box-sizing: border-box;
+        margin-left: 9px;
+        .acrossBox {
+          border-bottom: 1px solid #0B9BFF;
+          align-items: center;
+          font-weight: 500;
+font-size: 16px;
+color: #D2E2FF;
+        }
+        .acrossBox1 {
+          height: 31px;
+        }
+        .acrossBox2 {
+          height: 29px;
+        }
+        .acrossBox3 {
+          height: 31px;
+        }
+        .acrossBox4 {
+          height: 28px;
+        }
+        .acrossBox5 {
+          height: 31px;
+        }
+        .acrossBox6 {
+          height: 28px;
+        }
+        .acrossBox7 {
+          height: 37px;
+        }
+        .acrossBox:nth-child(odd){
+          background: linear-gradient(0deg, rgba(0,98,183,0.8) 0%, rgba(0,98,183,0.1) 100%);
+        }
+
+        .acrossBox:last-child {
+          border-bottom: 0;
+        }
+      }
+     }
   .sumShow {
     width: 206px;
     height: 75px;
@@ -274,17 +398,24 @@
           font-weight: bold;
           font-size: 16px;
           color: #ffffff;
-          .name{
-            max-width: 250px;
-               overflow: hidden; //溢出隐藏
-          text-overflow: ellipsis; //超出显示省略号
-          white-space: nowrap; //强制文本在一行内显示
-          }
+
           .dingweiicon {
             width: 17px;
             height: 17px;
             margin-top: 2px;
             margin-right: 5px;
+           
+          }
+           .nameText {
+               max-width: 180px;
+               overflow: hidden; //溢出隐藏
+          text-overflow: ellipsis; //超出显示省略号
+          white-space: nowrap; //强制文本在一行内显示
+            }
+          .loadText {
+            font-weight: 400;
+font-size: 14px;
+color: #CCDFFF;
           }
           .YSBZicon {
             background: url('@/assets/images/pictureOnMap/YSBZicon.png') no-repeat center;
diff --git a/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningLeft/component/Szgk.vue b/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningLeft/component/Szgk.vue
index 49c1d6c..37c6958 100644
--- a/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningLeft/component/Szgk.vue
+++ b/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningLeft/component/Szgk.vue
@@ -34,7 +34,10 @@
          <div class="topCon">
           <div class="leftCon">
             <div class="dingweiicon"></div>
-            <div class="name" :title="item.stName">{{ item.stName }}</div>
+            <div class="name" :title="item.stName">
+              <span>{{ item.stName }}</span>
+              <span>液位：{{item.waterLevel+'m'||'--'}}</span>
+            </div>
           </div>
           <div class="equipmentStats colorGreen" v-if="item.onlineStatus == 'online'">
             在线
diff --git a/src/views/pictureOnMap/page/FloodControlAndDrainage/index.vue b/src/views/pictureOnMap/page/FloodControlAndDrainage/index.vue
index 0cc5d4b..586a56a 100644
--- a/src/views/pictureOnMap/page/FloodControlAndDrainage/index.vue
+++ b/src/views/pictureOnMap/page/FloodControlAndDrainage/index.vue
@@ -129,10 +129,10 @@
       { key: "storehouse", visible: true },
     ],
   },
-  {
-    label: "排涝总结",
-    value: "Paolaozongjie",
-  },
+  // {
+  //   label: "排涝总结",
+  //   value: "Paolaozongjie",
+  // },
 ]);
 
 const events_params = {

diff --git a/src/api/MonitorAssetsOnMap.js b/src/api/MonitorAssetsOnMap.js
index 4e53377..4d288f5 100644
--- a/src/api/MonitorAssetsOnMap.js
+++ b/src/api/MonitorAssetsOnMap.js
@@ -463,4 +463,4 @@
     method: 'get',
     params: query
   })
-}
+}
\ No newline at end of file
diff --git a/src/assets/images/pictureOnMap/leftBZ.png b/src/assets/images/pictureOnMap/leftBZ.png
new file mode 100644
index 0000000..1af9f89
--- /dev/null
+++ b/src/assets/images/pictureOnMap/leftBZ.png
Binary files differ
diff --git a/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningLeft/component/Bzgq.vue b/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningLeft/component/Bzgq.vue
index be8266a..286bcbd 100644
--- a/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningLeft/component/Bzgq.vue
+++ b/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningLeft/component/Bzgq.vue
@@ -2,7 +2,44 @@
   <!-- 监测预警  泵站工情 -->
   <div class="Bzgq flex flex-v">
     <div class="flex flex-wrap" style="gap: 10px;">
-      <div class="sumShow">
+      <div class="chunkBox flex ">
+        <div class="leftinfoCon">
+          <div class="bzzs">泵站总数({{sumObj.totalNum}})</div>
+          <div class="dqbzkb">当前泵机开泵</div>
+          <div class="rzcppl">今日总抽排排量</div>
+          <div class="cqpsw">超起排水位</div>
+        </div>
+        <div class="rightinfoCon ">
+          <div class="acrossBox acrossBox1 flex flex-justcontent-spacearound">
+            <div style="color:rgba(44, 183, 255, 1)">雨水泵站</div>
+            <div style="color:rgba(254, 103, 128, 1)">污水泵站</div>
+          </div>
+          <div class="acrossBox acrossBox2 flex flex-justcontent-spacearound">
+            <div>{{sumObj.rainPumpOpenNum}}</div>
+            <div>{{sumObj.rainPumpNum}}</div>
+          </div>
+          <div class="acrossBox acrossBox3 flex flex-justcontent-spacearound">
+            <div>{{sumObj.openPumpMachineNum}}/{{sumObj.pumpMachineNum}}</div>
+          </div>
+          <div class="acrossBox acrossBox4 flex flex-justcontent-spacearound">
+            <div>{{sumObj.rainOpenPumpMachineNum}}/{{sumObj.rainPumpMachineNum}}</div>
+            <div>{{sumObj.sewageOpenPumpMachineNum}}/{{sumObj.rainPumpMachineNum}}</div>
+          </div>
+          <div class="acrossBox acrossBox5 flex flex-justcontent-spacearound">
+            <div>{{sumObj.todayTotalCpl+'万方'||'--'}}</div>
+          </div>
+          <div class="acrossBox acrossBox6 flex flex-justcontent-spacearound">
+            <div>{{sumObj.rainPumpTodayTotalCpl+'万方'||'--'}}</div>
+            <div>{{sumObj.sewagePumpTodayTotalCpl+'万方'||'--'}}</div>
+          </div>
+          <div class="acrossBox acrossBox7 flex flex-justcontent-spacearound">
+            <div>{{sumObj.cqcswNum}}</div>
+          </div>
+        </div>
+      </div>
+
+
+      <!-- <div class="sumShow">
       <div class="eachSum">
         <div class="distext flex flex-justcontent-spacebetween">
           <div class="textLeft">泵站总数</div>
@@ -89,7 +126,7 @@
         </div>
       
       </div>
-    </div>
+    </div> -->
     </div>
     
     
@@ -99,8 +136,13 @@
       <div class="eachData" v-for="(item) in listData" :key="item.id" @click="popUpFun(item)">
         <div class="topCon">
           <div class="leftCon">
-            <div class="dingweiicon" :class="item.stType=='plcRainPumpStation'?'YSBZicon':'WSBZicon'"></div>
-            <div>{{item.name}}</div>
+            <div class="dingweiicon"  :class="item.stType=='plcRainPumpStation'?'YSBZicon':'WSBZicon'"></div>
+            <div class="nameText" :title="item.name">{{item.name}}</div>
+            <div class="loadText">
+              <span>(负载：</span>
+              <span :style="{color:loadFun(item)}">{{(Number(Number(item.openPumpNum) / Number(item.pumpNumber))*100).toFixed(0)}}%</span>
+              <span>)</span>
+            </div>
             <!-- <div class="equipmentStats onColor" v-if="item.status=='1'">在线</div>
             <div class="equipmentStats offColor" v-else>离线</div> -->
           </div>
@@ -180,6 +222,19 @@
     }
   });
 }
+// 计算负荷
+function loadFun(item){
+  // openPumpNum/pumpNumber
+     let sum = (Number(Number(item.openPumpNum) / Number(item.pumpNumber))*100)
+if(sum<=100&&sum>75){
+  return 'rgba(254, 103, 128, 1)'
+}else if(sum<=75&&sum>=50){
+  return 'rgba(254, 227, 103, 1)'
+
+}else if(sum<50){
+return 'rgba(0, 247, 251, 1)'
+}
+}
 onMounted(() => {
   gitDataList()
   gitDataFun()
@@ -188,6 +243,75 @@
 <style lang="scss" scoped>
 .Bzgq {
      height: calc(100% - 100px);
+     .chunkBox {
+      height: 217px;
+      .leftinfoCon {
+        width: 140px;
+        height: 100%;
+        text-align: center;
+            background: url('@/assets/images/pictureOnMap/leftBZ.png') no-repeat center;
+             background-size: 100% 100%;
+             font-weight: 500;
+font-size: 16px;
+color: #FFFFFF;
+        .bzzs {
+          padding-top: 18px;
+        }
+        .dqbzkb {
+          padding-top:34px;
+
+        }
+        .rzcppl {
+          padding-top: 35px;
+
+        }
+        .cqpsw {
+          padding-top: 26px;
+
+        }
+      }
+      .rightinfoCon {
+        width: 279px;
+        border: 1px solid #4AB5FF;
+        box-sizing: border-box;
+        margin-left: 9px;
+        .acrossBox {
+          border-bottom: 1px solid #0B9BFF;
+          align-items: center;
+          font-weight: 500;
+font-size: 16px;
+color: #D2E2FF;
+        }
+        .acrossBox1 {
+          height: 31px;
+        }
+        .acrossBox2 {
+          height: 29px;
+        }
+        .acrossBox3 {
+          height: 31px;
+        }
+        .acrossBox4 {
+          height: 28px;
+        }
+        .acrossBox5 {
+          height: 31px;
+        }
+        .acrossBox6 {
+          height: 28px;
+        }
+        .acrossBox7 {
+          height: 37px;
+        }
+        .acrossBox:nth-child(odd){
+          background: linear-gradient(0deg, rgba(0,98,183,0.8) 0%, rgba(0,98,183,0.1) 100%);
+        }
+
+        .acrossBox:last-child {
+          border-bottom: 0;
+        }
+      }
+     }
   .sumShow {
     width: 206px;
     height: 75px;
@@ -274,17 +398,24 @@
           font-weight: bold;
           font-size: 16px;
           color: #ffffff;
-          .name{
-            max-width: 250px;
-               overflow: hidden; //溢出隐藏
-          text-overflow: ellipsis; //超出显示省略号
-          white-space: nowrap; //强制文本在一行内显示
-          }
+
           .dingweiicon {
             width: 17px;
             height: 17px;
             margin-top: 2px;
             margin-right: 5px;
+           
+          }
+           .nameText {
+               max-width: 180px;
+               overflow: hidden; //溢出隐藏
+          text-overflow: ellipsis; //超出显示省略号
+          white-space: nowrap; //强制文本在一行内显示
+            }
+          .loadText {
+            font-weight: 400;
+font-size: 14px;
+color: #CCDFFF;
           }
           .YSBZicon {
             background: url('@/assets/images/pictureOnMap/YSBZicon.png') no-repeat center;
diff --git a/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningLeft/component/Szgk.vue b/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningLeft/component/Szgk.vue
index 49c1d6c..37c6958 100644
--- a/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningLeft/component/Szgk.vue
+++ b/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningLeft/component/Szgk.vue
@@ -34,7 +34,10 @@
          <div class="topCon">
           <div class="leftCon">
             <div class="dingweiicon"></div>
-            <div class="name" :title="item.stName">{{ item.stName }}</div>
+            <div class="name" :title="item.stName">
+              <span>{{ item.stName }}</span>
+              <span>液位：{{item.waterLevel+'m'||'--'}}</span>
+            </div>
           </div>
           <div class="equipmentStats colorGreen" v-if="item.onlineStatus == 'online'">
             在线
diff --git a/src/views/pictureOnMap/page/FloodControlAndDrainage/index.vue b/src/views/pictureOnMap/page/FloodControlAndDrainage/index.vue
index 0cc5d4b..586a56a 100644
--- a/src/views/pictureOnMap/page/FloodControlAndDrainage/index.vue
+++ b/src/views/pictureOnMap/page/FloodControlAndDrainage/index.vue
@@ -129,10 +129,10 @@
       { key: "storehouse", visible: true },
     ],
   },
-  {
-    label: "排涝总结",
-    value: "Paolaozongjie",
-  },
+  // {
+  //   label: "排涝总结",
+  //   value: "Paolaozongjie",
+  // },
 ]);
 
 const events_params = {
diff --git a/vite.config.js b/vite.config.js
index 60aaa88..2190341 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -7,10 +7,10 @@
 const Timestamp = new Date().getTime(); //随机时间戳
 // let ipLink = 'https://server1.wh-nf.cn:8201/prod-api';
 // let ipLink = 'http://192.168.16.135:9100';
-// let ipLink = 'https://dhgx.wh-nf.cn:8201/prod-api';
+let ipLink = 'https://dhgx.wh-nf.cn:8201/prod-api';
 // let ipLink = 'http://192.168.16.124:9100';
 // let ipLink = 'http://192.168.20.43:9100'; // 刘总
-let ipLink = 'http://192.168.16.43:9100';
+// let ipLink = 'http://192.168.16.43:9100';
 
 /*  */
 // https://vitejs.dev/config/