diff --git a/src/assets/newImgs/pumpGY/suggestP.png b/src/assets/newImgs/pumpGY/suggestP.png
new file mode 100644
index 0000000..cfb21fd
--- /dev/null
+++ b/src/assets/newImgs/pumpGY/suggestP.png
Binary files differ

diff --git a/src/assets/newImgs/pumpGY/suggestP.png b/src/assets/newImgs/pumpGY/suggestP.png
new file mode 100644
index 0000000..cfb21fd
--- /dev/null
+++ b/src/assets/newImgs/pumpGY/suggestP.png
Binary files differ
diff --git a/src/views/sponeScreen/projectHM/projectDX.vue b/src/views/sponeScreen/projectHM/projectDX.vue
index 7fb3f83..958ce25 100644
--- a/src/views/sponeScreen/projectHM/projectDX.vue
+++ b/src/views/sponeScreen/projectHM/projectDX.vue
@@ -3,14 +3,21 @@
   <div class="projectDXPage">
     <!-- 分析结果建议 -->
     <div class="suggest">
-      <div class="title">监测分析建议</div>
-      <p>2024-08-25 (24小时累计60mm降雨)</p>
-      <p>1,该项目设计总调蓄容积35.8m³；</p>
-      <p>2,海绵设施留蓄水量2.6m³；</p>
-      <p>3,溢流时长1.4h，排出3.2m³</p>
-      <p>4,根据进出口的ss对比，海绵设施的净化能力达标</p>
+      <div class="title">
+        监测分析建议
+        <el-icon class="iconSug" title="查看过程线" @mouseover="showProgress = true" @mouseout="showProgress = false">
+          <InfoFilled />
+        </el-icon>
+      </div>
+      <p>2024-08-26 降雨起止时间1:15-3:45，24小时累计降雨量20.4mm，降雨等级 <span class="green">中雨</span></p>
+      <p>1,项目设计最大控制容积 <span class="green">3796.52m³</span></p>
+      <p>2,项目设计标准达标情况（降雨量≤54.62mm时，径流总量控制率≥90%）：本场降雨径流总量控制率92%，<span class="green">达标</span></p>
+      <p>3,雨水管网产流开始时间1:45，结束时间4:45，累计流量843.5m³，最大水深0.5m</p>
     </div>
 
+    <!-- 过程图片 -->
+    <img src="@/assets/newImgs/pumpGY/suggestP.png" alt="过程图片" class="progressP" v-if="showProgress" />
+
     <!-- 降雨效果 -->
     <CanvasRain :width="1382" :height="800"></CanvasRain>
 
@@ -48,6 +55,7 @@
 <script setup>
 import CanvasRain from '@/views/sponeScreen/projectHM/canvasRain.vue';
 const { proxy } = getCurrentInstance();
+const showProgress = ref(false);
 
 onMounted(() => {});
 </script>
@@ -61,6 +69,13 @@
   background: url('@/assets/newImgs/pumpGY/dxxmBg.jpg') no-repeat;
   background-size: 100% 100%;
   position:relative;
+  .progressP{
+    width:50%;
+    left: 405PX; 
+    top: 15PX; 
+    position: absolute; 
+    z-index: 20
+  }
   .suggest{
     position:absolute;
     z-index: 20;
@@ -69,6 +84,7 @@
     width:384PX;
     background: linear-gradient(90deg, #2D459E 0%, rgba(45,69,158,0.4) 100%);
     color:#fff;
+    font-size:15PX;
     .title{
       width:384PX;
       height: 42PX;
@@ -77,9 +93,17 @@
       font-size: 16PX;
       background: url('@/assets/newImgs/pumpGY/titleBg.png') no-repeat;
       background-size: 100% 100%;
+      .iconSug{
+        float:right;
+        margin:15PX 10PX;
+        cursor: pointer;
+      }
     }
     p{
-      padding-left:20PX;
+      padding:0px 20PX;
+      span{
+        font-weight: bold;
+      }
     }
   }
   .waterFlow{