diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue
index 93c2fe1..af6bd44 100644
--- a/src/views/sponeScreen/HaiMianScreen/index.vue
+++ b/src/views/sponeScreen/HaiMianScreen/index.vue
@@ -61,7 +61,7 @@
   { name: '排水防涝', id: 4 },
   { name: '长效运维', id: 5 },
 ]);
-const menuIndex = ref(4);
+const menuIndex = ref(1);
 const showPanel = ref(false);
 const showLegend = ref(false);
 

diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue
index 93c2fe1..af6bd44 100644
--- a/src/views/sponeScreen/HaiMianScreen/index.vue
+++ b/src/views/sponeScreen/HaiMianScreen/index.vue
@@ -61,7 +61,7 @@
   { name: '排水防涝', id: 4 },
   { name: '长效运维', id: 5 },
 ]);
-const menuIndex = ref(4);
+const menuIndex = ref(1);
 const showPanel = ref(false);
 const showLegend = ref(false);
 
diff --git a/src/views/sponeScreen/waterFlood/futureRain.vue b/src/views/sponeScreen/waterFlood/futureRain.vue
index f784562..7c39ec6 100644
--- a/src/views/sponeScreen/waterFlood/futureRain.vue
+++ b/src/views/sponeScreen/waterFlood/futureRain.vue
@@ -18,8 +18,12 @@
       <el-button type="warning" style="visibility: hidden"></el-button>
     </div>
     <!-- 颜色块 -->
-    <div class="flex">
-      
+    <div class="flex colorPart">
+      <p><span></span>0.05-0.15</p>
+      <p><span></span>0.15-0.3</p>
+      <p><span></span>0.3-0.5</p>
+      <p><span></span>0.5-1.0</p>
+      <p><span></span>>1.0</p>
     </div>
   </div>
 </template>
@@ -96,5 +100,35 @@
       background: #3afff8;
     }
   }
+  .colorPart {
+    justify-content: center;
+    align-items: center;
+    p {
+      width: 120px;
+      text-align: center;
+      span {
+        width: 23px;
+        height: 12px;
+        display: inline-block;
+        border-radius: 6px;
+        margin-right: 8px;
+      }
+      &:nth-of-type(1) span {
+        background: #3afff8;
+      }
+      &:nth-of-type(2) span {
+        background: #2bd2ff;
+      }
+      &:nth-of-type(3) span {
+        background: #ffed52;
+      }
+      &:nth-of-type(4) span {
+        background: #ffaa6b;
+      }
+      &:nth-of-type(5) span {
+        background: #ff4545;
+      }
+    }
+  }
 }
 </style>

diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue
index 93c2fe1..af6bd44 100644
--- a/src/views/sponeScreen/HaiMianScreen/index.vue
+++ b/src/views/sponeScreen/HaiMianScreen/index.vue
@@ -61,7 +61,7 @@
   { name: '排水防涝', id: 4 },
   { name: '长效运维', id: 5 },
 ]);
-const menuIndex = ref(4);
+const menuIndex = ref(1);
 const showPanel = ref(false);
 const showLegend = ref(false);
 
diff --git a/src/views/sponeScreen/waterFlood/futureRain.vue b/src/views/sponeScreen/waterFlood/futureRain.vue
index f784562..7c39ec6 100644
--- a/src/views/sponeScreen/waterFlood/futureRain.vue
+++ b/src/views/sponeScreen/waterFlood/futureRain.vue
@@ -18,8 +18,12 @@
       <el-button type="warning" style="visibility: hidden"></el-button>
     </div>
     <!-- 颜色块 -->
-    <div class="flex">
-      
+    <div class="flex colorPart">
+      <p><span></span>0.05-0.15</p>
+      <p><span></span>0.15-0.3</p>
+      <p><span></span>0.3-0.5</p>
+      <p><span></span>0.5-1.0</p>
+      <p><span></span>>1.0</p>
     </div>
   </div>
 </template>
@@ -96,5 +100,35 @@
       background: #3afff8;
     }
   }
+  .colorPart {
+    justify-content: center;
+    align-items: center;
+    p {
+      width: 120px;
+      text-align: center;
+      span {
+        width: 23px;
+        height: 12px;
+        display: inline-block;
+        border-radius: 6px;
+        margin-right: 8px;
+      }
+      &:nth-of-type(1) span {
+        background: #3afff8;
+      }
+      &:nth-of-type(2) span {
+        background: #2bd2ff;
+      }
+      &:nth-of-type(3) span {
+        background: #ffed52;
+      }
+      &:nth-of-type(4) span {
+        background: #ffaa6b;
+      }
+      &:nth-of-type(5) span {
+        background: #ff4545;
+      }
+    }
+  }
 }
 </style>
diff --git a/src/views/sponeScreen/waterFlood/index.vue b/src/views/sponeScreen/waterFlood/index.vue
index 1e36418..13c07ff 100644
--- a/src/views/sponeScreen/waterFlood/index.vue
+++ b/src/views/sponeScreen/waterFlood/index.vue
@@ -62,7 +62,9 @@
   .headHMA {
     background: none;
     background: rgba(0, 59, 109, 0.8);
+    border-radius: 8px;
     top: 10px;
+    height: auto;
   }
 }
 </style>