diff --git a/src/views/sponeScreen/projectHM/projectFX.vue b/src/views/sponeScreen/projectHM/projectFX.vue
index 16e4dbb..19312ee 100644
--- a/src/views/sponeScreen/projectHM/projectFX.vue
+++ b/src/views/sponeScreen/projectHM/projectFX.vue
@@ -5,7 +5,7 @@
     <div class="suggest">
       <div class="autoCont">
         <div class="center">
-          降雨起止时间
+          {{ rainDate }},降雨起止时间
           <span v-for="(item, index) in detailDataRain.rainfallPeriods" :key="index">{{ item.rainStartTime }}-{{ item.rainEndTime }}</span>
           ，24小时累计降雨量{{ detailDataRain.rainfallIntensity }}mm，降雨等级
           <span class="green">
@@ -29,7 +29,7 @@
         </div>
         <div class="cont">
           <span class="numBg">3</span>
-          雨水管网产流开始时间1:45，结束时间4:45，累计蓄水量
+          雨水管网产流开始时间{{ detailDataRain.flowStartTime }}，结束时间{{ detailDataRain.flowEndTime }}，累计蓄水量
           <span class="green">{{ detailDataRain.totalImportFlow - detailDataRain.totalOutFlow }}m³</span>。
         </div>
       </div>
@@ -179,6 +179,7 @@
 const maxSS1 = ref(0);
 const maxSS2 = ref(0);
 const detailDataRain = ref({ totalOutFlow: 0, totalImportFlow: 0 });
+const rainDate = ref('');
 
 // 获取实时数据
 function getRealData() {
@@ -267,11 +268,13 @@
 }
 
 onMounted(() => {
+  rainDate.value = localStorage.getItem('setRainDateKF');
   getRealData();
   getRainDetail();
   // 5分钟刷新一次数据
   timer.value = setInterval(() => {
     getRealData();
+    getRainDetail();
   }, 5 * 60 * 1000);
 });
 onBeforeUnmount(() => {

diff --git a/src/views/sponeScreen/projectHM/projectFX.vue b/src/views/sponeScreen/projectHM/projectFX.vue
index 16e4dbb..19312ee 100644
--- a/src/views/sponeScreen/projectHM/projectFX.vue
+++ b/src/views/sponeScreen/projectHM/projectFX.vue
@@ -5,7 +5,7 @@
     <div class="suggest">
       <div class="autoCont">
         <div class="center">
-          降雨起止时间
+          {{ rainDate }},降雨起止时间
           <span v-for="(item, index) in detailDataRain.rainfallPeriods" :key="index">{{ item.rainStartTime }}-{{ item.rainEndTime }}</span>
           ，24小时累计降雨量{{ detailDataRain.rainfallIntensity }}mm，降雨等级
           <span class="green">
@@ -29,7 +29,7 @@
         </div>
         <div class="cont">
           <span class="numBg">3</span>
-          雨水管网产流开始时间1:45，结束时间4:45，累计蓄水量
+          雨水管网产流开始时间{{ detailDataRain.flowStartTime }}，结束时间{{ detailDataRain.flowEndTime }}，累计蓄水量
           <span class="green">{{ detailDataRain.totalImportFlow - detailDataRain.totalOutFlow }}m³</span>。
         </div>
       </div>
@@ -179,6 +179,7 @@
 const maxSS1 = ref(0);
 const maxSS2 = ref(0);
 const detailDataRain = ref({ totalOutFlow: 0, totalImportFlow: 0 });
+const rainDate = ref('');
 
 // 获取实时数据
 function getRealData() {
@@ -267,11 +268,13 @@
 }
 
 onMounted(() => {
+  rainDate.value = localStorage.getItem('setRainDateKF');
   getRealData();
   getRainDetail();
   // 5分钟刷新一次数据
   timer.value = setInterval(() => {
     getRealData();
+    getRainDetail();
   }, 5 * 60 * 1000);
 });
 onBeforeUnmount(() => {
diff --git a/src/views/sponeScreen/projectHM/projectSSDX.vue b/src/views/sponeScreen/projectHM/projectSSDX.vue
index 3ab15a7..41c0252 100644
--- a/src/views/sponeScreen/projectHM/projectSSDX.vue
+++ b/src/views/sponeScreen/projectHM/projectSSDX.vue
@@ -3,27 +3,37 @@
   <div class="projectDXPage">
     <!-- 分析结果建议 -->
     <div class="suggest">
-      <el-icon class="iconSug">
-        <InfoFilled />
-      </el-icon>
-      <div class="center">
-        {{ rainDate }} 降雨起止时间1:15-3:45，24小时累计降雨量20.4mm，降雨等级
-        <span class="green">中雨</span>
-      </div>
-      <!-- <p>1,项目设计最大控制容积 <span class="green">3796.52m³</span></p> -->
-      <div class="cont">
-        <span class="numBg">1</span>
-        项目设计最大控制容积 <span class="green">96.52m³</span>
-      </div>
-      <div class="cont">
-        <span class="numBg">2</span>
-        项目设计标准达标情况（降雨量≤54.62mm时，径流总量控制率≥90%）：本场降雨径流总量控制率 <span class="green">92%</span>，
-        <span class="green">达标</span>
-      </div>
-      <div class="cont">
-        <span class="numBg">3</span>
-        雨水管网产流开始时间1:45，结束时间4:45，累计流量 <span class="green">843.5m³</span>， 最大水深
-        <span class="green"> {{ realSW || '--' }}m </span>
+      <div class="autoCont">
+        <div class="center">
+          {{ rainDate }} 降雨起止时间<span v-for="(item, index) in detailDataRain.rainfallPeriods" :key="index">
+            {{ item.rainStartTime }}-{{ item.rainEndTime }} </span
+          >，24小时累计降雨量{{ detailDataRain.rainfallIntensity }}mm，降雨等级
+          <span class="green">
+            {{
+              detailDataRain.rainfallIntensity <= 10
+                ? '小雨'
+                : detailDataRain.rainfallIntensity > 10 && detailDataRain.rainfallIntensity <= 25
+                ? '中雨'
+                : '大雨'
+            }}
+          </span>
+        </div>
+        <!-- <p>1,项目设计最大控制容积 <span class="green">3796.52m³</span></p> -->
+        <div class="cont">
+          <span class="numBg">1</span>
+          项目设计最大控制容积 <span class="green">96.52m³</span>
+        </div>
+        <div class="cont">
+          <span class="numBg">2</span>
+          项目设计标准达标情况（降雨量≤54.62mm时，径流总量控制率≥90%）：本场降雨径流总量控制率 <span class="green">92%</span>，
+          <span class="green">达标</span>
+        </div>
+        <div class="cont">
+          <span class="numBg">3</span>
+          雨水管网产流开始时间{{ detailDataRain.flowStartTime }}，结束时间{{ detailDataRain.flowEndTime }}，累计蓄水量
+          <span class="green">{{ detailDataRain.totalImportFlow - detailDataRain.totalOutFlow }}m³</span>， 最大水深
+          <span class="green"> {{ realSW || '--' }}m </span>
+        </div>
       </div>
     </div>
 
@@ -74,7 +84,7 @@
 
 <script setup>
 import CanvasRainSS from '@/views/sponeScreen/projectHM/canvasRainSS.vue';
-import { graphicReport } from '@/api/dataAnalysis/syntherticData';
+import { graphicReport, calculateAreaAnnualRunoff } from '@/api/dataAnalysis/syntherticData';
 
 const rainDate = ref('');
 const { proxy } = getCurrentInstance();
@@ -84,6 +94,7 @@
 const valIndex1 = ref(0);
 const valIndex2 = ref(0);
 const realSW = ref(0); //最大水深
+const detailDataRain = ref({ totalOutFlow: 0, totalImportFlow: 0 });
 
 // 获取实时数据
 async function getRealData() {
@@ -127,12 +138,27 @@
   return lists;
 }
 
+// 降雨场次相关
+function getRainDetail() {
+  // 关联雨量站是皮革厂雨量站，0371000003
+  let params = {
+    searchTime: localStorage.getItem('setRainDateKF'),
+    rainStCode: '0371000003',
+    projectNo: 'GW06',
+  };
+  calculateAreaAnnualRunoff(params).then(res => {
+    detailDataRain.value = res.data || {};
+  });
+}
+
 onMounted(() => {
   rainDate.value = localStorage.getItem('setRainDateKF');
   getRealData();
+  getRainDetail();
   // 5分钟刷新一次数据
   timer.value = setInterval(() => {
     getRealData();
+    getRainDetail();
   }, 5 * 60 * 1000);
 });
 onBeforeUnmount(() => {
@@ -166,17 +192,23 @@
     position:absolute;
     z-index: 20;
     left:15PX;
-    top:15PX;
-    width:421PX;
-    height:251PX;
+    top:0PX;
+    width:471PX;
+    height:271PX;
     background: url('@/assets/newImgs/pumpGY/tipsBg.png') no-repeat;
     background-size: 100% 100%;
     font-size:14PX;
-    padding:20PX;
     font-family: Source Han Sans CN;
     font-weight: 400;
     color: #C1E8FF;
     line-height: 24PX;
+    .autoCont{
+      width:451PX;
+      height:251PX;
+      margin:10PX 0 0 10PX;
+      padding:10PX;
+      overflow: auto;
+    }
     .iconSug{
       cursor: pointer;
       position:absolute;

diff --git a/src/views/sponeScreen/projectHM/projectFX.vue b/src/views/sponeScreen/projectHM/projectFX.vue
index 16e4dbb..19312ee 100644
--- a/src/views/sponeScreen/projectHM/projectFX.vue
+++ b/src/views/sponeScreen/projectHM/projectFX.vue
@@ -5,7 +5,7 @@
     <div class="suggest">
       <div class="autoCont">
         <div class="center">
-          降雨起止时间
+          {{ rainDate }},降雨起止时间
           <span v-for="(item, index) in detailDataRain.rainfallPeriods" :key="index">{{ item.rainStartTime }}-{{ item.rainEndTime }}</span>
           ，24小时累计降雨量{{ detailDataRain.rainfallIntensity }}mm，降雨等级
           <span class="green">
@@ -29,7 +29,7 @@
         </div>
         <div class="cont">
           <span class="numBg">3</span>
-          雨水管网产流开始时间1:45，结束时间4:45，累计蓄水量
+          雨水管网产流开始时间{{ detailDataRain.flowStartTime }}，结束时间{{ detailDataRain.flowEndTime }}，累计蓄水量
           <span class="green">{{ detailDataRain.totalImportFlow - detailDataRain.totalOutFlow }}m³</span>。
         </div>
       </div>
@@ -179,6 +179,7 @@
 const maxSS1 = ref(0);
 const maxSS2 = ref(0);
 const detailDataRain = ref({ totalOutFlow: 0, totalImportFlow: 0 });
+const rainDate = ref('');
 
 // 获取实时数据
 function getRealData() {
@@ -267,11 +268,13 @@
 }
 
 onMounted(() => {
+  rainDate.value = localStorage.getItem('setRainDateKF');
   getRealData();
   getRainDetail();
   // 5分钟刷新一次数据
   timer.value = setInterval(() => {
     getRealData();
+    getRainDetail();
   }, 5 * 60 * 1000);
 });
 onBeforeUnmount(() => {
diff --git a/src/views/sponeScreen/projectHM/projectSSDX.vue b/src/views/sponeScreen/projectHM/projectSSDX.vue
index 3ab15a7..41c0252 100644
--- a/src/views/sponeScreen/projectHM/projectSSDX.vue
+++ b/src/views/sponeScreen/projectHM/projectSSDX.vue
@@ -3,27 +3,37 @@
   <div class="projectDXPage">
     <!-- 分析结果建议 -->
     <div class="suggest">
-      <el-icon class="iconSug">
-        <InfoFilled />
-      </el-icon>
-      <div class="center">
-        {{ rainDate }} 降雨起止时间1:15-3:45，24小时累计降雨量20.4mm，降雨等级
-        <span class="green">中雨</span>
-      </div>
-      <!-- <p>1,项目设计最大控制容积 <span class="green">3796.52m³</span></p> -->
-      <div class="cont">
-        <span class="numBg">1</span>
-        项目设计最大控制容积 <span class="green">96.52m³</span>
-      </div>
-      <div class="cont">
-        <span class="numBg">2</span>
-        项目设计标准达标情况（降雨量≤54.62mm时，径流总量控制率≥90%）：本场降雨径流总量控制率 <span class="green">92%</span>，
-        <span class="green">达标</span>
-      </div>
-      <div class="cont">
-        <span class="numBg">3</span>
-        雨水管网产流开始时间1:45，结束时间4:45，累计流量 <span class="green">843.5m³</span>， 最大水深
-        <span class="green"> {{ realSW || '--' }}m </span>
+      <div class="autoCont">
+        <div class="center">
+          {{ rainDate }} 降雨起止时间<span v-for="(item, index) in detailDataRain.rainfallPeriods" :key="index">
+            {{ item.rainStartTime }}-{{ item.rainEndTime }} </span
+          >，24小时累计降雨量{{ detailDataRain.rainfallIntensity }}mm，降雨等级
+          <span class="green">
+            {{
+              detailDataRain.rainfallIntensity <= 10
+                ? '小雨'
+                : detailDataRain.rainfallIntensity > 10 && detailDataRain.rainfallIntensity <= 25
+                ? '中雨'
+                : '大雨'
+            }}
+          </span>
+        </div>
+        <!-- <p>1,项目设计最大控制容积 <span class="green">3796.52m³</span></p> -->
+        <div class="cont">
+          <span class="numBg">1</span>
+          项目设计最大控制容积 <span class="green">96.52m³</span>
+        </div>
+        <div class="cont">
+          <span class="numBg">2</span>
+          项目设计标准达标情况（降雨量≤54.62mm时，径流总量控制率≥90%）：本场降雨径流总量控制率 <span class="green">92%</span>，
+          <span class="green">达标</span>
+        </div>
+        <div class="cont">
+          <span class="numBg">3</span>
+          雨水管网产流开始时间{{ detailDataRain.flowStartTime }}，结束时间{{ detailDataRain.flowEndTime }}，累计蓄水量
+          <span class="green">{{ detailDataRain.totalImportFlow - detailDataRain.totalOutFlow }}m³</span>， 最大水深
+          <span class="green"> {{ realSW || '--' }}m </span>
+        </div>
       </div>
     </div>
 
@@ -74,7 +84,7 @@
 
 <script setup>
 import CanvasRainSS from '@/views/sponeScreen/projectHM/canvasRainSS.vue';
-import { graphicReport } from '@/api/dataAnalysis/syntherticData';
+import { graphicReport, calculateAreaAnnualRunoff } from '@/api/dataAnalysis/syntherticData';
 
 const rainDate = ref('');
 const { proxy } = getCurrentInstance();
@@ -84,6 +94,7 @@
 const valIndex1 = ref(0);
 const valIndex2 = ref(0);
 const realSW = ref(0); //最大水深
+const detailDataRain = ref({ totalOutFlow: 0, totalImportFlow: 0 });
 
 // 获取实时数据
 async function getRealData() {
@@ -127,12 +138,27 @@
   return lists;
 }
 
+// 降雨场次相关
+function getRainDetail() {
+  // 关联雨量站是皮革厂雨量站，0371000003
+  let params = {
+    searchTime: localStorage.getItem('setRainDateKF'),
+    rainStCode: '0371000003',
+    projectNo: 'GW06',
+  };
+  calculateAreaAnnualRunoff(params).then(res => {
+    detailDataRain.value = res.data || {};
+  });
+}
+
 onMounted(() => {
   rainDate.value = localStorage.getItem('setRainDateKF');
   getRealData();
+  getRainDetail();
   // 5分钟刷新一次数据
   timer.value = setInterval(() => {
     getRealData();
+    getRainDetail();
   }, 5 * 60 * 1000);
 });
 onBeforeUnmount(() => {
@@ -166,17 +192,23 @@
     position:absolute;
     z-index: 20;
     left:15PX;
-    top:15PX;
-    width:421PX;
-    height:251PX;
+    top:0PX;
+    width:471PX;
+    height:271PX;
     background: url('@/assets/newImgs/pumpGY/tipsBg.png') no-repeat;
     background-size: 100% 100%;
     font-size:14PX;
-    padding:20PX;
     font-family: Source Han Sans CN;
     font-weight: 400;
     color: #C1E8FF;
     line-height: 24PX;
+    .autoCont{
+      width:451PX;
+      height:251PX;
+      margin:10PX 0 0 10PX;
+      padding:10PX;
+      overflow: auto;
+    }
     .iconSug{
       cursor: pointer;
       position:absolute;
diff --git a/src/views/sponeScreen/waterFlood/waterLogging18.vue b/src/views/sponeScreen/waterFlood/waterLogging18.vue
index ad94c81..21ecf40 100644
--- a/src/views/sponeScreen/waterFlood/waterLogging18.vue
+++ b/src/views/sponeScreen/waterFlood/waterLogging18.vue
@@ -61,17 +61,19 @@
 function getDataReal() {
   if (!!!props.detailJSD.stCodes) return;
   // 实时数据
-  realtimeDataLatest(props.detailJSD.stCodes).then(res => {
+  let code = props.detailJSD.stCodes.split(',')[0];
+  realtimeDataLatest(code).then(res => {
     realData.value = res.data;
   });
 }
 
 // 获取管网详情某一天数据
 async function getHistoryData() {
+  let code = props.detailJSD.stCodes.split(',')[0];
   let params = {
     startTime: localStorage.getItem('setRainDateKF'),
     endTime: localStorage.getItem('setRainDateKF'),
-    stCode: props.detailJSD.stCodes, //关联站点code
+    stCode: code, //关联站点code
   };
   //管网监测值
   let res = await graphicReport(params);
@@ -99,7 +101,8 @@
   if (!!!props.detailJSD.stCodes) return;
   getStationList({ monitorTargetType: 'pipeline' }).then(res => {
     let datas = res.data;
-    let id = datas.filter(item => item.stCode == props.detailJSD.stCodes)[0].id;
+    let code = props.detailJSD.stCodes.split(',')[0];
+    let id = datas.filter(item => item.stCode == code)[0].id;
     getStationDetail(id).then(res => {
       pipeDetail.value = res.data;
     });