diff --git a/src/assets/images/fhpl/lsyj.png b/src/assets/images/fhpl/lsyj.png
new file mode 100644
index 0000000..c39e8f4
--- /dev/null
+++ b/src/assets/images/fhpl/lsyj.png
Binary files differ

diff --git a/src/assets/images/fhpl/lsyj.png b/src/assets/images/fhpl/lsyj.png
new file mode 100644
index 0000000..c39e8f4
--- /dev/null
+++ b/src/assets/images/fhpl/lsyj.png
Binary files differ
diff --git a/src/assets/images/fhpl/tlsm.png b/src/assets/images/fhpl/tlsm.png
new file mode 100644
index 0000000..d6d80ea
--- /dev/null
+++ b/src/assets/images/fhpl/tlsm.png
Binary files differ

diff --git a/src/assets/images/fhpl/lsyj.png b/src/assets/images/fhpl/lsyj.png
new file mode 100644
index 0000000..c39e8f4
--- /dev/null
+++ b/src/assets/images/fhpl/lsyj.png
Binary files differ
diff --git a/src/assets/images/fhpl/tlsm.png b/src/assets/images/fhpl/tlsm.png
new file mode 100644
index 0000000..d6d80ea
--- /dev/null
+++ b/src/assets/images/fhpl/tlsm.png
Binary files differ
diff --git a/src/views/oneMap/OverallOverview/LeftBox.vue b/src/views/oneMap/OverallOverview/LeftBox.vue
index 5bf9e9d..e95d5e9 100644
--- a/src/views/oneMap/OverallOverview/LeftBox.vue
+++ b/src/views/oneMap/OverallOverview/LeftBox.vue
@@ -113,16 +113,16 @@
 const FXJCData = ref([
   {
     num: '01',
-    zb: '永安路',
+    zb: '管网病管',
     sz: '排水',
     bm: 'BM234454',
     zk: '异常',
   },
-  { num: '01', zb: '管网病管', sz: '排水', bm: 'BM234454', zk: '正常' },
+  { num: '02', zb: '管网病管', sz: '排水', bm: 'BM234454', zk: '正常' },
   { num: '03', zb: '结构', sz: '隧道', bm: 'BM234454', zk: '正常' },
   { num: '04', zb: '老化', sz: '桥梁', bm: 'BM234454', zk: '正常' },
-  { num: '05', zb: '管网病管', sz: '排水', bm: 'BM234454', zk: '异常' },
-  { num: '06', zb: '管线是否泄露', sz: '排水', bm: 'BM234454', zk: '正常' },
+  { num: '05', zb: '老化', sz: '排水', bm: 'BM234454', zk: '异常' },
+  { num: '06', zb: '老化', sz: '排水', bm: 'BM234454', zk: '正常' },
 ]);
 const yxjcname = ref('7天');
 function yearclick(val) {

diff --git a/src/assets/images/fhpl/lsyj.png b/src/assets/images/fhpl/lsyj.png
new file mode 100644
index 0000000..c39e8f4
--- /dev/null
+++ b/src/assets/images/fhpl/lsyj.png
Binary files differ
diff --git a/src/assets/images/fhpl/tlsm.png b/src/assets/images/fhpl/tlsm.png
new file mode 100644
index 0000000..d6d80ea
--- /dev/null
+++ b/src/assets/images/fhpl/tlsm.png
Binary files differ
diff --git a/src/views/oneMap/OverallOverview/LeftBox.vue b/src/views/oneMap/OverallOverview/LeftBox.vue
index 5bf9e9d..e95d5e9 100644
--- a/src/views/oneMap/OverallOverview/LeftBox.vue
+++ b/src/views/oneMap/OverallOverview/LeftBox.vue
@@ -113,16 +113,16 @@
 const FXJCData = ref([
   {
     num: '01',
-    zb: '永安路',
+    zb: '管网病管',
     sz: '排水',
     bm: 'BM234454',
     zk: '异常',
   },
-  { num: '01', zb: '管网病管', sz: '排水', bm: 'BM234454', zk: '正常' },
+  { num: '02', zb: '管网病管', sz: '排水', bm: 'BM234454', zk: '正常' },
   { num: '03', zb: '结构', sz: '隧道', bm: 'BM234454', zk: '正常' },
   { num: '04', zb: '老化', sz: '桥梁', bm: 'BM234454', zk: '正常' },
-  { num: '05', zb: '管网病管', sz: '排水', bm: 'BM234454', zk: '异常' },
-  { num: '06', zb: '管线是否泄露', sz: '排水', bm: 'BM234454', zk: '正常' },
+  { num: '05', zb: '老化', sz: '排水', bm: 'BM234454', zk: '异常' },
+  { num: '06', zb: '老化', sz: '排水', bm: 'BM234454', zk: '正常' },
 ]);
 const yxjcname = ref('7天');
 function yearclick(val) {
diff --git a/src/views/oneMap/floodPrevention/FhplLeftBox.vue b/src/views/oneMap/floodPrevention/FhplLeftBox.vue
index e0c14f0..8986dfb 100644
--- a/src/views/oneMap/floodPrevention/FhplLeftBox.vue
+++ b/src/views/oneMap/floodPrevention/FhplLeftBox.vue
@@ -68,6 +68,8 @@
     </div>
   </div>
 
+  <!-- 图例说明 -->
+  <div class="LegendEx" v-show="LegendShow"></div>
   <!-- 发布预警弹框 -->
   <el-dialog
     id="dialogContent"
@@ -151,15 +153,12 @@
 import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
 const yuJingVisible = ref(false);
 import monitor_icon from '@/assets/images/fhpl/monitor_icon.png';
-//发布预警
-const handelFabu = () => {
-  yuJingVisible.value = true;
-};
+
 const form = ref({
   modelId: '',
   rangeTime: [],
 });
-
+const LegendShow = ref(false);
 const FXJCData = ref([
   {
     zb: '永安路',
@@ -242,6 +241,15 @@
     name: '监测4号位',
   },
 ];
+//发布预警
+const handelFabu = () => {
+  yuJingVisible.value = true;
+};
+// 下发点击事件
+function noticeBtnClick() {
+  yuJingVisible.value = false;
+  LegendShow.value = true;
+}
 </script>
 
 <style lang="scss" scoped>
@@ -249,7 +257,6 @@
   width: 450px;
   height: 33%;
   // background: rgb(204, 184, 184);
-
   .qxyb {
     margin: 5px auto;
     width: 430px;
@@ -501,6 +508,15 @@
     }
   }
 }
+.LegendEx {
+  position: absolute;
+  left: 503px;
+  top: 90px;
+  width: 150px;
+  height: 200px;
+  background: url('@/assets/images/fhpl/tlsm.png') no-repeat;
+  background-size: 100% 100%;
+}
 
 ::-webkit-scrollbar {
   width: 5px; /* 设置滚动条的宽度 */