diff --git a/src/views/pictureOnMap/index.vue b/src/views/pictureOnMap/index.vue
index 94d1af5..b9c1eb3 100644
--- a/src/views/pictureOnMap/index.vue
+++ b/src/views/pictureOnMap/index.vue
@@ -539,6 +539,8 @@
   bus.on("changeData", (e) => {
     // switchArr();
   });
+  // 部分公共弹窗需要使用一个查询时间,目前不确定后期有没有人使用同类型的弹窗,在此初始化,增加公共弹窗的兼容性
+  localStorage.setItem("JCFXDialogTimer", moment().format("YYYY-MM-DD"));
 });
 
 onBeforeUnmount(() => {

diff --git a/src/views/pictureOnMap/index.vue b/src/views/pictureOnMap/index.vue
index 94d1af5..b9c1eb3 100644
--- a/src/views/pictureOnMap/index.vue
+++ b/src/views/pictureOnMap/index.vue
@@ -539,6 +539,8 @@
   bus.on("changeData", (e) => {
     // switchArr();
   });
+  // 部分公共弹窗需要使用一个查询时间,目前不确定后期有没有人使用同类型的弹窗,在此初始化,增加公共弹窗的兼容性
+  localStorage.setItem("JCFXDialogTimer", moment().format("YYYY-MM-DD"));
 });
 
 onBeforeUnmount(() => {
diff --git a/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningLeft/component/Gwfx.vue b/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningLeft/component/Gwfx.vue
index c69e2c2..704aff2 100644
--- a/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningLeft/component/Gwfx.vue
+++ b/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningLeft/component/Gwfx.vue
@@ -6,33 +6,44 @@
         <div class="distext">
           <span>总数</span>
         </div>
-        <div class="sum colorBlue">{{sumObj.totalNum}}</div>
+        <div class="sum colorBlue">{{ sumObj.totalNum }}</div>
       </div>
       <div class="eachSum">
         <div class="distext">
           <span>高水位运行</span>
         </div>
-        <div class="sum colorOrange">{{sumObj.gswyxNum}}</div>
+        <div class="sum colorOrange">{{ sumObj.gswyxNum }}</div>
       </div>
       <div class="eachSum">
         <div class="distext">
           <span>溢流风险</span>
         </div>
-        <div class="sum colorRed">{{sumObj.ylfxNum}}</div>
+        <div class="sum colorRed">{{ sumObj.ylfxNum }}</div>
       </div>
     </div>
     <!-- 列表 -->
-    <div class="waterloggingList flex-1" v-loading="loading"
-    element-loading-background="rgba(11, 18, 52, 0.3)">
-      <div class="eachData" v-for="(item) in listData" :key="item.id" @click="popUpFun(item)">
+    <div
+      class="waterloggingList flex-1"
+      v-loading="loading"
+      element-loading-background="rgba(11, 18, 52, 0.3)"
+    >
+      <div
+        class="eachData"
+        v-for="item in listData"
+        :key="item.id"
+        @click="popUpFun(item)"
+      >
         <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">{{ item.stName }}</div>
           </div>
-           <div class="equipmentStats onColor" v-if="item.onlineStatus=='online'">在线</div>
-            <div class="equipmentStats offColor" v-if="item.onlineStatus=='offline'" >离线</div>
+          <div class="equipmentStats onColor" v-if="item.onlineStatus == 'online'">
+            在线
+          </div>
+          <div class="equipmentStats offColor" v-if="item.onlineStatus == 'offline'">
+            离线
+          </div>
           <!-- <div class="rightCon">
             <div class="weixiu"></div>
             <div class="tongji"></div>
@@ -41,12 +52,12 @@
         <div class="waterLevelInfo">
           <div class="waterDepth">
             <!-- 水深背景 -->
-            <div class="depthBgc" :style="{ height: item.percentum  + '%' }"></div>
-            <div class="sign"  :style="{ bottom: (item.percentum - 40) + '%' }">
+            <div class="depthBgc" :style="{ height: item.percentum + '%' }"></div>
+            <div class="sign" :style="{ bottom: item.percentum - 40 + '%' }">
               <div class="arrowsL"></div>
               <div class="">
                 <div class="depthSum">
-                  <span>{{item.z}}</span>
+                  <span>{{ item.z }}</span>
                   <span class="unit">m</span>
                 </div>
                 <div class="depthText">水深</div>
@@ -54,8 +65,21 @@
             </div>
           </div>
           <!-- 高水位运行  满管    满溢风险  满溢 -->
-          <div class="gradeText " :class="item.warnInfoCode=='1'?'gsw':item.warnInfoCode=='2'?'mg':item.warnInfoCode=='3'?'myfx':item.warnInfoCode=='4'?'my':'wfx'">
-            {{item.warnInfo}}
+          <div
+            class="gradeText"
+            :class="
+              item.warnInfoCode == '1'
+                ? 'gsw'
+                : item.warnInfoCode == '2'
+                ? 'mg'
+                : item.warnInfoCode == '3'
+                ? 'myfx'
+                : item.warnInfoCode == '4'
+                ? 'my'
+                : 'wfx'
+            "
+          >
+            {{ item.warnInfo }}
           </div>
         </div>
       </div>
@@ -63,12 +87,9 @@
   </div>
 </template>
 <script setup name="Gwfx">
-import { ref, reactive, onMounted } from 'vue';
-import {
-
-  drainageDispatchMonitorData,
-} from '@/api/FloodControlAndDrainage.js';
-import _bus from '@/bus';
+import { ref, reactive, onMounted } from "vue";
+import { drainageDispatchMonitorData } from "@/api/FloodControlAndDrainage.js";
+import _bus from "@/bus";
 const { proxy } = getCurrentInstance();
 const props = defineProps({
   atSum: {
@@ -78,56 +99,62 @@
     },
   },
 });
-const sumObj=ref({})
+const sumObj = ref({});
 watch(
   () => props.atSum,
   (newVal, oldVal) => {
     if (newVal) {
-      sumObj.value=newVal
+      sumObj.value = newVal;
     }
   },
   { immediate: true }
 );
 // 获取数据
-const loading=ref(false)
-const listData=ref([])
+const loading = ref(false);
+const listData = ref([]);
 
 function gitDataFun() {
-  loading.value=true
-  let params={
-    monitorType:'gwfx'
-  }
-  drainageDispatchMonitorData(params).then(res => {
-    console.log('获取监测预警 管网数据', res);
-  loading.value=false
-    if (res && res.code == 200) {
-      listData.value=res.data
-      listData.value.map((e)=>{
-        let wellDepth=e.wellDepth||2;
-        e.percentum=(e.z/wellDepth*100).toFixed(2)
-      })
-      console.log('listData.value',listData.value);
+  loading.value = true;
+  let params = {
+    monitorType: "gwfx",
+  };
+  drainageDispatchMonitorData(params).then(
+    (res) => {
+      console.log("获取监测预警 管网数据", res);
+      loading.value = false;
+      if (res && res.code == 200) {
+        listData.value = res.data;
+        listData.value.map((e) => {
+          let wellDepth = e.wellDepth || 2;
+          e.percentum = ((e.z / wellDepth) * 100).toFixed(2);
+        });
+        console.log("listData.value", listData.value);
+      }
+    },
+    (error) => {
+      loading.value = false;
     }
-  },(error)=>{
-    loading.value=false
-  });
+  );
 }
-function popUpFun(item){
-  console.log('点击管网风险数据',item);
-  _bus.emit("panelDataToMap", {...item,name:item.stName,id:undefined})
+function popUpFun(item) {
+  console.log("点击管网风险数据", item);
+  _bus.emit("panelDataToMap", { ...item, name: item.stName, id: undefined });
   _bus.emit("DynamicBus", item);
+
+  localStorage.setItem("JCFXDialogTimer", moment().format("YYYY-MM-DD"));
 }
 onMounted(() => {
-  gitDataFun()
+  gitDataFun();
 });
 </script>
 <style lang="scss" scoped>
 .Gwfx {
-     height: calc(100% - 100px);
+  height: calc(100% - 100px);
   .sumShow {
     width: 100%;
     height: 100px;
-    background: url('@/assets/images/pictureOnMap/statisticalcardbackground.png') no-repeat center;
+    background: url("@/assets/images/pictureOnMap/statisticalcardbackground.png")
+      no-repeat center;
     background-size: 100% 100%;
     display: flex;
     justify-content: space-around;
@@ -136,23 +163,18 @@
       .distext {
         width: 101px;
         height: 18px;
-                background: linear-gradient(
-          90deg,
-          rgba(3, 0, 0, 0.1),
-          rgba(49, 82, 172, 0.4)
-        );
+        background: linear-gradient(90deg, rgba(3, 0, 0, 0.1), rgba(49, 82, 172, 0.4));
         position: relative;
         span {
           position: absolute;
           top: -11px;
           left: 10px;
-                              font-weight: bold;
-font-size: 14px;
-color: #CCDFFF;
+          font-weight: bold;
+          font-size: 14px;
+          color: #ccdfff;
         }
       }
       .sum {
-
         font-weight: bold;
         font-size: 30px;
         color: #2cb7ff;
@@ -200,32 +222,32 @@
           font-weight: bold;
           font-size: 16px;
           color: #ffffff;
-          .name{
+          .name {
             max-width: 300px;
-               overflow: hidden; //溢出隐藏
-          text-overflow: ellipsis; //超出显示省略号
-          white-space: nowrap; //强制文本在一行内显示
+            overflow: hidden; //溢出隐藏
+            text-overflow: ellipsis; //超出显示省略号
+            white-space: nowrap; //强制文本在一行内显示
           }
           .dingweiicon {
             width: 25px;
             height: 28px;
-            background: url('@/assets/images/pictureOnMap/dingweiicon.png') no-repeat center;
+            background: url("@/assets/images/pictureOnMap/dingweiicon.png") no-repeat
+              center;
             background-size: 100% 100%;
           }
-
         }
         .equipmentStats {
-            padding-left: 10px;
+          padding-left: 10px;
 
-            font-weight: 500;
-            font-size: 14px;
-          }
-          .onColor {
-            color: #24ff62;
-          }
-          .offColor {
-            color: #ea3f54;
-          }
+          font-weight: 500;
+          font-size: 14px;
+        }
+        .onColor {
+          color: #24ff62;
+        }
+        .offColor {
+          color: #ea3f54;
+        }
         .rightCon {
           padding-right: 23px;
           display: flex;
@@ -233,14 +255,14 @@
           .weixiu {
             width: 20px;
             height: 19px;
-            background: url('@/assets/images/pictureOnMap/weixiu.png') no-repeat center;
+            background: url("@/assets/images/pictureOnMap/weixiu.png") no-repeat center;
             background-size: 100% 100%;
             cursor: pointer;
           }
           .tongji {
             width: 18px;
             height: 18px;
-            background: url('@/assets/images/pictureOnMap/tongji.png') no-repeat center;
+            background: url("@/assets/images/pictureOnMap/tongji.png") no-repeat center;
             background-size: 100% 100%;
             margin-left: 15px;
             cursor: pointer;
@@ -256,18 +278,17 @@
         justify-content: space-between;
         align-items: center;
 
-
         .waterDepth {
           width: 100px;
           height: 58px;
-          background: url('@/assets/images/pictureOnMap/shuiBgcNo.png') no-repeat center;
+          background: url("@/assets/images/pictureOnMap/shuiBgcNo.png") no-repeat center;
           background-size: 100% 100%;
           position: relative;
           .depthBgc {
             position: absolute;
             // height: 30px;
             width: 100%;
-            background: url('@/assets/images/pictureOnMap/shuiBgc.png') no-repeat center;
+            background: url("@/assets/images/pictureOnMap/shuiBgc.png") no-repeat center;
             background-size: 100% 100%;
             left: 0;
             bottom: 0;
@@ -281,24 +302,21 @@
             .arrowsL {
               width: 7px;
               height: 10px;
-              background: url('@/assets/images/pictureOnMap/arrowsL.png') no-repeat center;
+              background: url("@/assets/images/pictureOnMap/arrowsL.png") no-repeat center;
               background-size: 100% 100%;
               margin-right: 10px;
             }
             .depthText {
-
               font-weight: 500;
               font-size: 14px;
               color: #89afff;
             }
             .depthSum {
-
-font-weight: 500;
-font-size: 20px;
-color: #DAE4F9;
-.unit {
-
-}
+              font-weight: 500;
+              font-size: 20px;
+              color: #dae4f9;
+              .unit {
+              }
             }
           }
         }
@@ -311,33 +329,51 @@
           display: flex;
           justify-content: center;
           padding-left: 30px;
-        align-items: center;
-         clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
+          align-items: center;
+          clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
         }
         .my {
-          background: linear-gradient(0deg, rgba(234, 63, 84, 0.3) 0%, rgba(234, 63, 84, 0) 100%);
+          background: linear-gradient(
+            0deg,
+            rgba(234, 63, 84, 0.3) 0%,
+            rgba(234, 63, 84, 0) 100%
+          );
           color: #ea3f54;
         }
         .myfx {
-          background: linear-gradient(0deg, rgba(237, 127, 31, 0.3) 0%, rgba(237, 142, 59, 0) 100%);
+          background: linear-gradient(
+            0deg,
+            rgba(237, 127, 31, 0.3) 0%,
+            rgba(237, 142, 59, 0) 100%
+          );
           color: #e37311;
         }
         .mg {
-          background: linear-gradient(0deg, rgba(250, 150, 64, 0.3) 0%, rgba(250, 150, 64, 0) 100%);
+          background: linear-gradient(
+            0deg,
+            rgba(250, 150, 64, 0.3) 0%,
+            rgba(250, 150, 64, 0) 100%
+          );
           color: #fa9640;
         }
         .gsw {
-          background: linear-gradient(0deg, rgba(250, 150, 64, 0.3) 0%, rgba(250, 150, 64, 0) 100%);
+          background: linear-gradient(
+            0deg,
+            rgba(250, 150, 64, 0.3) 0%,
+            rgba(250, 150, 64, 0) 100%
+          );
           color: #ff993e;
         }
         .wfx {
-          background: linear-gradient(0deg, rgba(58, 229, 139, 0.3) 0%, rgba(58, 229, 139, 0) 100%);
+          background: linear-gradient(
+            0deg,
+            rgba(58, 229, 139, 0.3) 0%,
+            rgba(58, 229, 139, 0) 100%
+          );
           color: #3ae58b;
         }
-
       }
     }
   }
-
 }
 </style>