diff --git a/src/views/oneMap/FloodStuationReview/xqRightBox.vue b/src/views/oneMap/FloodStuationReview/xqRightBox.vue
index 3650348..b4c2efe 100644
--- a/src/views/oneMap/FloodStuationReview/xqRightBox.vue
+++ b/src/views/oneMap/FloodStuationReview/xqRightBox.vue
@@ -17,7 +17,7 @@
         </div>
       </div>
     </div>
-    <div class="Warning_Box">
+    <div class="Warning_Box" v-if="activedname == '水雨情'">
       <div class="flex flex-r button_box_list">
         <div
           class="button_box flex flex-1 flex-justcontent-center flex-align-center"
@@ -33,6 +33,43 @@
         <WarningEcharts :data="chartData1" :refresh="chartData1.refresh1" />
       </div>
     </div>
+    <div class="Warning_Box_tp" v-if="activedname == '险情'"></div>
+
+    <div class="Warning_Box_gq" v-if="activedname == '工情'">
+      <div class="flex flex-justcontent-spacebetween">
+        <div class="drcpl">
+          <div class="percent" style="width: 70%">
+            <div class="round"></div>
+            <div class="text">当日抽排量</div>
+            <div class="value">878.9m³</div>
+          </div>
+        </div>
+        <div class="percentVal flex-1">70%</div>
+      </div>
+      <div class="info flex flex-justcontent-spacebetween">
+        <div class="flex">
+          <div class="circle"></div>
+          <div>累计抽排量</div>
+          <div class="value">108.9</div>
+          <div>万m³</div>
+        </div>
+        <div class="flex">
+          <div class="circle"></div>
+          <div>前水池水位</div>
+          <div class="value">8.9</div>
+          <div>m</div>
+        </div>
+      </div>
+      <div class="StationList flex flex-justcontent-start">
+        <div class="item" v-for="item in list" :key="item.name">
+          <div class="img">
+            <img :src="bengzhanyunxing" alt="" v-if="item.status == 1" />
+            <img :src="bengzhantingzhi" alt="" v-else />
+          </div>
+          <div class="name">{{ item.name }}</div>
+        </div>
+      </div>
+    </div>
   </div>
   <!-- 监测告警 -->
   <div class="MonitoringAlarms">
@@ -91,6 +128,27 @@
 import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from 'vue';
 import WarningEcharts from '@/views/oneMap/Echarts/WarningEcharts.vue';
 import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
+import bengzhantingzhi from '@/assets/images/fhpl/bengzhantingzhi.png';
+import bengzhanyunxing from '@/assets/images/fhpl/bengzhanyunxing.png';
+const list = [
+  {
+    name: '1#泵',
+    status: 1,
+  },
+  {
+    name: '2#泵',
+    status: 0,
+  },
+  {
+    name: '3#泵',
+    status: 0,
+  },
+
+  {
+    name: '5#泵',
+    status: 1,
+  },
+];
 const ListBox = ref([
   { name: '水雨情', value: 1 },
   { name: '险情', value: 2 },
@@ -107,6 +165,7 @@
 function Listclick(val) {
   console.log(val, 'val');
   activedname.value = val.name;
+  console.log(activedname.value, '  activedname.value');
 }
 
 function ListclickJq(val) {
@@ -181,7 +240,6 @@
     margin: 5px auto;
     width: 435px;
     height: calc(100% - 60px);
-    // background: rgb(190, 28, 28);
     .button_box_list {
       width: 100%;
       height: 40px;
@@ -217,6 +275,131 @@
       // background: rgb(228, 223, 223);
     }
   }
+  .Warning_Box_tp {
+    margin: 10px auto;
+    width: 420px;
+    height: calc(100% - 65px);
+    background: url('@/assets/images/fhpl/sqjca.png') no-repeat;
+    background-size: 100% 100%;
+  }
+  .Warning_Box_gq {
+    margin: 5px auto;
+    width: 435px;
+    height: calc(100% - 65px);
+    // background: yellow;
+    .drcpl {
+      width: 360px;
+      height: 22px;
+      background: #155a89;
+      border-radius: 11px;
+      color: #fff;
+      margin-top: 15px;
+      .percent {
+        position: relative;
+        height: 100%;
+        background: linear-gradient(90deg, #0066e5, #00b6ff);
+        border-radius: 11px;
+        .round {
+          position: absolute;
+          left: 4px;
+          top: 3px;
+          width: 16px;
+          height: 16px;
+          background: #02fff0;
+          border-radius: 50%;
+        }
+        .text {
+          position: absolute;
+          left: 36px;
+          top: 3px;
+        }
+        .value {
+          position: absolute;
+          right: 10px;
+          top: 4px;
+        }
+      }
+    }
+    .percentVal {
+      margin-top: 15px;
+      color: #fff;
+      font-size: 18px;
+      font-weight: 400;
+      color: #ffffff;
+      margin-left: 30px;
+    }
+    .info {
+      color: #fff;
+      height: 32px;
+      background: linear-gradient(0deg, rgba(26, 109, 255, 0.2) 0%, rgba(40, 193, 250, 0.2) 100%);
+      border-radius: 3px;
+      padding: 0 20px;
+      margin-top: 15px;
+      line-height: 30px;
+
+      > div {
+        .circle {
+          width: 7px;
+          height: 7px;
+          border-radius: 50%;
+          margin-right: 5px;
+        }
+        .value {
+          font-size: 18px;
+          margin-left: 5px;
+          margin-right: 3px;
+        }
+        &:nth-of-type(1) {
+          .circle {
+            background-color: rgba(58, 255, 248, 1);
+            position: relative;
+            top: 11px;
+          }
+          .value {
+            color: rgba(58, 255, 248, 1);
+          }
+        }
+        &:nth-of-type(2) {
+          .circle {
+            background-color: rgba(24, 232, 122, 1);
+            position: relative;
+            top: 11px;
+          }
+          .value {
+            color: rgba(24, 232, 122, 1);
+          }
+        }
+      }
+    }
+    .StationList {
+      height: calc(100% - 100px);
+      margin-top: 15px;
+      // background: red;
+      .item {
+        padding-left: 5px;
+        margin-top: 15px;
+        margin-left: 48px;
+        &:first-of-type {
+          margin-left: 0;
+        }
+        .img {
+          width: 66px;
+          height: 66px;
+          cursor: pointer;
+          img {
+            display: block;
+            width: 100%;
+            height: 100%;
+          }
+        }
+        .name {
+          text-align: center;
+          color: #fff;
+          font-size: 16px;
+        }
+      }
+    }
+  }
 }
 .MonitoringAlarms {
   width: 450px;

diff --git a/src/views/oneMap/FloodStuationReview/xqRightBox.vue b/src/views/oneMap/FloodStuationReview/xqRightBox.vue
index 3650348..b4c2efe 100644
--- a/src/views/oneMap/FloodStuationReview/xqRightBox.vue
+++ b/src/views/oneMap/FloodStuationReview/xqRightBox.vue
@@ -17,7 +17,7 @@
         </div>
       </div>
     </div>
-    <div class="Warning_Box">
+    <div class="Warning_Box" v-if="activedname == '水雨情'">
       <div class="flex flex-r button_box_list">
         <div
           class="button_box flex flex-1 flex-justcontent-center flex-align-center"
@@ -33,6 +33,43 @@
         <WarningEcharts :data="chartData1" :refresh="chartData1.refresh1" />
       </div>
     </div>
+    <div class="Warning_Box_tp" v-if="activedname == '险情'"></div>
+
+    <div class="Warning_Box_gq" v-if="activedname == '工情'">
+      <div class="flex flex-justcontent-spacebetween">
+        <div class="drcpl">
+          <div class="percent" style="width: 70%">
+            <div class="round"></div>
+            <div class="text">当日抽排量</div>
+            <div class="value">878.9m³</div>
+          </div>
+        </div>
+        <div class="percentVal flex-1">70%</div>
+      </div>
+      <div class="info flex flex-justcontent-spacebetween">
+        <div class="flex">
+          <div class="circle"></div>
+          <div>累计抽排量</div>
+          <div class="value">108.9</div>
+          <div>万m³</div>
+        </div>
+        <div class="flex">
+          <div class="circle"></div>
+          <div>前水池水位</div>
+          <div class="value">8.9</div>
+          <div>m</div>
+        </div>
+      </div>
+      <div class="StationList flex flex-justcontent-start">
+        <div class="item" v-for="item in list" :key="item.name">
+          <div class="img">
+            <img :src="bengzhanyunxing" alt="" v-if="item.status == 1" />
+            <img :src="bengzhantingzhi" alt="" v-else />
+          </div>
+          <div class="name">{{ item.name }}</div>
+        </div>
+      </div>
+    </div>
   </div>
   <!-- 监测告警 -->
   <div class="MonitoringAlarms">
@@ -91,6 +128,27 @@
 import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from 'vue';
 import WarningEcharts from '@/views/oneMap/Echarts/WarningEcharts.vue';
 import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
+import bengzhantingzhi from '@/assets/images/fhpl/bengzhantingzhi.png';
+import bengzhanyunxing from '@/assets/images/fhpl/bengzhanyunxing.png';
+const list = [
+  {
+    name: '1#泵',
+    status: 1,
+  },
+  {
+    name: '2#泵',
+    status: 0,
+  },
+  {
+    name: '3#泵',
+    status: 0,
+  },
+
+  {
+    name: '5#泵',
+    status: 1,
+  },
+];
 const ListBox = ref([
   { name: '水雨情', value: 1 },
   { name: '险情', value: 2 },
@@ -107,6 +165,7 @@
 function Listclick(val) {
   console.log(val, 'val');
   activedname.value = val.name;
+  console.log(activedname.value, '  activedname.value');
 }
 
 function ListclickJq(val) {
@@ -181,7 +240,6 @@
     margin: 5px auto;
     width: 435px;
     height: calc(100% - 60px);
-    // background: rgb(190, 28, 28);
     .button_box_list {
       width: 100%;
       height: 40px;
@@ -217,6 +275,131 @@
       // background: rgb(228, 223, 223);
     }
   }
+  .Warning_Box_tp {
+    margin: 10px auto;
+    width: 420px;
+    height: calc(100% - 65px);
+    background: url('@/assets/images/fhpl/sqjca.png') no-repeat;
+    background-size: 100% 100%;
+  }
+  .Warning_Box_gq {
+    margin: 5px auto;
+    width: 435px;
+    height: calc(100% - 65px);
+    // background: yellow;
+    .drcpl {
+      width: 360px;
+      height: 22px;
+      background: #155a89;
+      border-radius: 11px;
+      color: #fff;
+      margin-top: 15px;
+      .percent {
+        position: relative;
+        height: 100%;
+        background: linear-gradient(90deg, #0066e5, #00b6ff);
+        border-radius: 11px;
+        .round {
+          position: absolute;
+          left: 4px;
+          top: 3px;
+          width: 16px;
+          height: 16px;
+          background: #02fff0;
+          border-radius: 50%;
+        }
+        .text {
+          position: absolute;
+          left: 36px;
+          top: 3px;
+        }
+        .value {
+          position: absolute;
+          right: 10px;
+          top: 4px;
+        }
+      }
+    }
+    .percentVal {
+      margin-top: 15px;
+      color: #fff;
+      font-size: 18px;
+      font-weight: 400;
+      color: #ffffff;
+      margin-left: 30px;
+    }
+    .info {
+      color: #fff;
+      height: 32px;
+      background: linear-gradient(0deg, rgba(26, 109, 255, 0.2) 0%, rgba(40, 193, 250, 0.2) 100%);
+      border-radius: 3px;
+      padding: 0 20px;
+      margin-top: 15px;
+      line-height: 30px;
+
+      > div {
+        .circle {
+          width: 7px;
+          height: 7px;
+          border-radius: 50%;
+          margin-right: 5px;
+        }
+        .value {
+          font-size: 18px;
+          margin-left: 5px;
+          margin-right: 3px;
+        }
+        &:nth-of-type(1) {
+          .circle {
+            background-color: rgba(58, 255, 248, 1);
+            position: relative;
+            top: 11px;
+          }
+          .value {
+            color: rgba(58, 255, 248, 1);
+          }
+        }
+        &:nth-of-type(2) {
+          .circle {
+            background-color: rgba(24, 232, 122, 1);
+            position: relative;
+            top: 11px;
+          }
+          .value {
+            color: rgba(24, 232, 122, 1);
+          }
+        }
+      }
+    }
+    .StationList {
+      height: calc(100% - 100px);
+      margin-top: 15px;
+      // background: red;
+      .item {
+        padding-left: 5px;
+        margin-top: 15px;
+        margin-left: 48px;
+        &:first-of-type {
+          margin-left: 0;
+        }
+        .img {
+          width: 66px;
+          height: 66px;
+          cursor: pointer;
+          img {
+            display: block;
+            width: 100%;
+            height: 100%;
+          }
+        }
+        .name {
+          text-align: center;
+          color: #fff;
+          font-size: 16px;
+        }
+      }
+    }
+  }
 }
 .MonitoringAlarms {
   width: 450px;
diff --git a/src/views/oneMap/floodPrevention/FholRightBox.vue b/src/views/oneMap/floodPrevention/FholRightBox.vue
index b06717b..0e79944 100644
--- a/src/views/oneMap/floodPrevention/FholRightBox.vue
+++ b/src/views/oneMap/floodPrevention/FholRightBox.vue
@@ -313,8 +313,9 @@
       // background: blue;
 
       .item {
+        padding-left: 5px;
         margin-top: 15px;
-        margin-left: 50px;
+        margin-left: 48px;
         &:first-of-type {
           margin-left: 0;
         }

diff --git a/src/views/oneMap/FloodStuationReview/xqRightBox.vue b/src/views/oneMap/FloodStuationReview/xqRightBox.vue
index 3650348..b4c2efe 100644
--- a/src/views/oneMap/FloodStuationReview/xqRightBox.vue
+++ b/src/views/oneMap/FloodStuationReview/xqRightBox.vue
@@ -17,7 +17,7 @@
         </div>
       </div>
     </div>
-    <div class="Warning_Box">
+    <div class="Warning_Box" v-if="activedname == '水雨情'">
       <div class="flex flex-r button_box_list">
         <div
           class="button_box flex flex-1 flex-justcontent-center flex-align-center"
@@ -33,6 +33,43 @@
         <WarningEcharts :data="chartData1" :refresh="chartData1.refresh1" />
       </div>
     </div>
+    <div class="Warning_Box_tp" v-if="activedname == '险情'"></div>
+
+    <div class="Warning_Box_gq" v-if="activedname == '工情'">
+      <div class="flex flex-justcontent-spacebetween">
+        <div class="drcpl">
+          <div class="percent" style="width: 70%">
+            <div class="round"></div>
+            <div class="text">当日抽排量</div>
+            <div class="value">878.9m³</div>
+          </div>
+        </div>
+        <div class="percentVal flex-1">70%</div>
+      </div>
+      <div class="info flex flex-justcontent-spacebetween">
+        <div class="flex">
+          <div class="circle"></div>
+          <div>累计抽排量</div>
+          <div class="value">108.9</div>
+          <div>万m³</div>
+        </div>
+        <div class="flex">
+          <div class="circle"></div>
+          <div>前水池水位</div>
+          <div class="value">8.9</div>
+          <div>m</div>
+        </div>
+      </div>
+      <div class="StationList flex flex-justcontent-start">
+        <div class="item" v-for="item in list" :key="item.name">
+          <div class="img">
+            <img :src="bengzhanyunxing" alt="" v-if="item.status == 1" />
+            <img :src="bengzhantingzhi" alt="" v-else />
+          </div>
+          <div class="name">{{ item.name }}</div>
+        </div>
+      </div>
+    </div>
   </div>
   <!-- 监测告警 -->
   <div class="MonitoringAlarms">
@@ -91,6 +128,27 @@
 import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from 'vue';
 import WarningEcharts from '@/views/oneMap/Echarts/WarningEcharts.vue';
 import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
+import bengzhantingzhi from '@/assets/images/fhpl/bengzhantingzhi.png';
+import bengzhanyunxing from '@/assets/images/fhpl/bengzhanyunxing.png';
+const list = [
+  {
+    name: '1#泵',
+    status: 1,
+  },
+  {
+    name: '2#泵',
+    status: 0,
+  },
+  {
+    name: '3#泵',
+    status: 0,
+  },
+
+  {
+    name: '5#泵',
+    status: 1,
+  },
+];
 const ListBox = ref([
   { name: '水雨情', value: 1 },
   { name: '险情', value: 2 },
@@ -107,6 +165,7 @@
 function Listclick(val) {
   console.log(val, 'val');
   activedname.value = val.name;
+  console.log(activedname.value, '  activedname.value');
 }
 
 function ListclickJq(val) {
@@ -181,7 +240,6 @@
     margin: 5px auto;
     width: 435px;
     height: calc(100% - 60px);
-    // background: rgb(190, 28, 28);
     .button_box_list {
       width: 100%;
       height: 40px;
@@ -217,6 +275,131 @@
       // background: rgb(228, 223, 223);
     }
   }
+  .Warning_Box_tp {
+    margin: 10px auto;
+    width: 420px;
+    height: calc(100% - 65px);
+    background: url('@/assets/images/fhpl/sqjca.png') no-repeat;
+    background-size: 100% 100%;
+  }
+  .Warning_Box_gq {
+    margin: 5px auto;
+    width: 435px;
+    height: calc(100% - 65px);
+    // background: yellow;
+    .drcpl {
+      width: 360px;
+      height: 22px;
+      background: #155a89;
+      border-radius: 11px;
+      color: #fff;
+      margin-top: 15px;
+      .percent {
+        position: relative;
+        height: 100%;
+        background: linear-gradient(90deg, #0066e5, #00b6ff);
+        border-radius: 11px;
+        .round {
+          position: absolute;
+          left: 4px;
+          top: 3px;
+          width: 16px;
+          height: 16px;
+          background: #02fff0;
+          border-radius: 50%;
+        }
+        .text {
+          position: absolute;
+          left: 36px;
+          top: 3px;
+        }
+        .value {
+          position: absolute;
+          right: 10px;
+          top: 4px;
+        }
+      }
+    }
+    .percentVal {
+      margin-top: 15px;
+      color: #fff;
+      font-size: 18px;
+      font-weight: 400;
+      color: #ffffff;
+      margin-left: 30px;
+    }
+    .info {
+      color: #fff;
+      height: 32px;
+      background: linear-gradient(0deg, rgba(26, 109, 255, 0.2) 0%, rgba(40, 193, 250, 0.2) 100%);
+      border-radius: 3px;
+      padding: 0 20px;
+      margin-top: 15px;
+      line-height: 30px;
+
+      > div {
+        .circle {
+          width: 7px;
+          height: 7px;
+          border-radius: 50%;
+          margin-right: 5px;
+        }
+        .value {
+          font-size: 18px;
+          margin-left: 5px;
+          margin-right: 3px;
+        }
+        &:nth-of-type(1) {
+          .circle {
+            background-color: rgba(58, 255, 248, 1);
+            position: relative;
+            top: 11px;
+          }
+          .value {
+            color: rgba(58, 255, 248, 1);
+          }
+        }
+        &:nth-of-type(2) {
+          .circle {
+            background-color: rgba(24, 232, 122, 1);
+            position: relative;
+            top: 11px;
+          }
+          .value {
+            color: rgba(24, 232, 122, 1);
+          }
+        }
+      }
+    }
+    .StationList {
+      height: calc(100% - 100px);
+      margin-top: 15px;
+      // background: red;
+      .item {
+        padding-left: 5px;
+        margin-top: 15px;
+        margin-left: 48px;
+        &:first-of-type {
+          margin-left: 0;
+        }
+        .img {
+          width: 66px;
+          height: 66px;
+          cursor: pointer;
+          img {
+            display: block;
+            width: 100%;
+            height: 100%;
+          }
+        }
+        .name {
+          text-align: center;
+          color: #fff;
+          font-size: 16px;
+        }
+      }
+    }
+  }
 }
 .MonitoringAlarms {
   width: 450px;
diff --git a/src/views/oneMap/floodPrevention/FholRightBox.vue b/src/views/oneMap/floodPrevention/FholRightBox.vue
index b06717b..0e79944 100644
--- a/src/views/oneMap/floodPrevention/FholRightBox.vue
+++ b/src/views/oneMap/floodPrevention/FholRightBox.vue
@@ -313,8 +313,9 @@
       // background: blue;
 
       .item {
+        padding-left: 5px;
         margin-top: 15px;
-        margin-left: 50px;
+        margin-left: 48px;
         &:first-of-type {
           margin-left: 0;
         }
diff --git a/src/views/oneMap/floodPrevention/FhplLeftBox.vue b/src/views/oneMap/floodPrevention/FhplLeftBox.vue
index 655d68c..e0c14f0 100644
--- a/src/views/oneMap/floodPrevention/FhplLeftBox.vue
+++ b/src/views/oneMap/floodPrevention/FhplLeftBox.vue
@@ -4,7 +4,7 @@
     <div class="ListBoxHeader">
       <div class="ListBoxHeader_font">气象实况预报</div>
       <div class="flex flex-r button_boxA_list">
-        <div class="button_boxA flex flex-justcontent-center flex-align-center activeClass" @click="handelFabu">发布预警</div>
+        <div class="button_boxA flex flex-justcontent-center flex-align-center" @click="handelFabu">发布预警</div>
       </div>
     </div>
 
@@ -72,7 +72,7 @@
   <el-dialog
     id="dialogContent"
     v-model="yuJingVisible"
-    title="发布应急响应通知1"
+    title="发布应急响应通知"
     append-to-body
     :close-on-click-modal="false"
     width="900px"
@@ -138,7 +138,7 @@
     <template #footer>
       <div class="dialog-footer flex flex-r">
         <div class="btns">
-          <el-button @click="yuJingVisible = false">取 消</el-button>
+          <el-button type="primary" @click="yuJingVisible = false">取 消</el-button>
           <el-button type="primary" @click="noticeBtnClick">下 发</el-button>
         </div>
       </div>
@@ -486,8 +486,10 @@
     padding-left: 34px;
   }
   .button_boxA_list {
-    cursor: pointer;
+    z-index: 10000;
+
     .button_boxA {
+      cursor: pointer;
       width: 86px;
       height: 35px;
       background: #03b6a0ff;