diff --git a/src/api/dataAnalysis/syntherticData.js b/src/api/dataAnalysis/syntherticData.js
index c874433..851c73e 100644
--- a/src/api/dataAnalysis/syntherticData.js
+++ b/src/api/dataAnalysis/syntherticData.js
@@ -158,3 +158,12 @@
     params: query,
   });
 }
+
+// 项目降雨场次分析
+export function calculateAreaAnnualRunoff(data) {
+  return request({
+    url: '/business/projectSiteRelationship/calculateAreaAnnualRunoff',
+    method: 'post',
+    data: data,
+  });
+}

diff --git a/src/api/dataAnalysis/syntherticData.js b/src/api/dataAnalysis/syntherticData.js
index c874433..851c73e 100644
--- a/src/api/dataAnalysis/syntherticData.js
+++ b/src/api/dataAnalysis/syntherticData.js
@@ -158,3 +158,12 @@
     params: query,
   });
 }
+
+// 项目降雨场次分析
+export function calculateAreaAnnualRunoff(data) {
+  return request({
+    url: '/business/projectSiteRelationship/calculateAreaAnnualRunoff',
+    method: 'post',
+    data: data,
+  });
+}
diff --git a/src/assets/newImgs/pumpGY/projectBg.jpg b/src/assets/newImgs/pumpGY/projectBg.jpg
index 4efca04..8265d7e 100644
--- a/src/assets/newImgs/pumpGY/projectBg.jpg
+++ b/src/assets/newImgs/pumpGY/projectBg.jpg
Binary files differ

diff --git a/src/api/dataAnalysis/syntherticData.js b/src/api/dataAnalysis/syntherticData.js
index c874433..851c73e 100644
--- a/src/api/dataAnalysis/syntherticData.js
+++ b/src/api/dataAnalysis/syntherticData.js
@@ -158,3 +158,12 @@
     params: query,
   });
 }
+
+// 项目降雨场次分析
+export function calculateAreaAnnualRunoff(data) {
+  return request({
+    url: '/business/projectSiteRelationship/calculateAreaAnnualRunoff',
+    method: 'post',
+    data: data,
+  });
+}
diff --git a/src/assets/newImgs/pumpGY/projectBg.jpg b/src/assets/newImgs/pumpGY/projectBg.jpg
index 4efca04..8265d7e 100644
--- a/src/assets/newImgs/pumpGY/projectBg.jpg
+++ b/src/assets/newImgs/pumpGY/projectBg.jpg
Binary files differ
diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
index ba8f4a1..6d4aa96 100644
--- a/src/layout/components/Sidebar/index.vue
+++ b/src/layout/components/Sidebar/index.vue
@@ -70,7 +70,6 @@
   });
   // 默认打开子系统的第一个页面
   if (localStorage.getItem('fromDoorKFC') == 'chengguanweiScreen') {
-    console.log(newArr, 'newArr');
     if (newArr.length == 0) {
       proxy.$modal.msgError('暂无权限查看该系统');
       return;

diff --git a/src/api/dataAnalysis/syntherticData.js b/src/api/dataAnalysis/syntherticData.js
index c874433..851c73e 100644
--- a/src/api/dataAnalysis/syntherticData.js
+++ b/src/api/dataAnalysis/syntherticData.js
@@ -158,3 +158,12 @@
     params: query,
   });
 }
+
+// 项目降雨场次分析
+export function calculateAreaAnnualRunoff(data) {
+  return request({
+    url: '/business/projectSiteRelationship/calculateAreaAnnualRunoff',
+    method: 'post',
+    data: data,
+  });
+}
diff --git a/src/assets/newImgs/pumpGY/projectBg.jpg b/src/assets/newImgs/pumpGY/projectBg.jpg
index 4efca04..8265d7e 100644
--- a/src/assets/newImgs/pumpGY/projectBg.jpg
+++ b/src/assets/newImgs/pumpGY/projectBg.jpg
Binary files differ
diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
index ba8f4a1..6d4aa96 100644
--- a/src/layout/components/Sidebar/index.vue
+++ b/src/layout/components/Sidebar/index.vue
@@ -70,7 +70,6 @@
   });
   // 默认打开子系统的第一个页面
   if (localStorage.getItem('fromDoorKFC') == 'chengguanweiScreen') {
-    console.log(newArr, 'newArr');
     if (newArr.length == 0) {
       proxy.$modal.msgError('暂无权限查看该系统');
       return;
diff --git a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
index fd805fc..92f8e03 100644
--- a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
+++ b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
@@ -93,6 +93,7 @@
 import { graphicReport } from '@/api/dataAnalysis/syntherticData';
 import { listrtuSiteInfo } from '@/api/dataAnalysis/rtuSiteInfo';
 import { rtuWarnConfigList } from '@/api/dataAnalysis/historyGj.js';
+
 const areaList = ref([
   { name: '古城片区', value: '0', lonlat: [114.35, 34.802] },
   { name: '城东南片区', value: '1', lonlat: [114.37, 34.792] },

diff --git a/src/api/dataAnalysis/syntherticData.js b/src/api/dataAnalysis/syntherticData.js
index c874433..851c73e 100644
--- a/src/api/dataAnalysis/syntherticData.js
+++ b/src/api/dataAnalysis/syntherticData.js
@@ -158,3 +158,12 @@
     params: query,
   });
 }
+
+// 项目降雨场次分析
+export function calculateAreaAnnualRunoff(data) {
+  return request({
+    url: '/business/projectSiteRelationship/calculateAreaAnnualRunoff',
+    method: 'post',
+    data: data,
+  });
+}
diff --git a/src/assets/newImgs/pumpGY/projectBg.jpg b/src/assets/newImgs/pumpGY/projectBg.jpg
index 4efca04..8265d7e 100644
--- a/src/assets/newImgs/pumpGY/projectBg.jpg
+++ b/src/assets/newImgs/pumpGY/projectBg.jpg
Binary files differ
diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
index ba8f4a1..6d4aa96 100644
--- a/src/layout/components/Sidebar/index.vue
+++ b/src/layout/components/Sidebar/index.vue
@@ -70,7 +70,6 @@
   });
   // 默认打开子系统的第一个页面
   if (localStorage.getItem('fromDoorKFC') == 'chengguanweiScreen') {
-    console.log(newArr, 'newArr');
     if (newArr.length == 0) {
       proxy.$modal.msgError('暂无权限查看该系统');
       return;
diff --git a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
index fd805fc..92f8e03 100644
--- a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
+++ b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
@@ -93,6 +93,7 @@
 import { graphicReport } from '@/api/dataAnalysis/syntherticData';
 import { listrtuSiteInfo } from '@/api/dataAnalysis/rtuSiteInfo';
 import { rtuWarnConfigList } from '@/api/dataAnalysis/historyGj.js';
+
 const areaList = ref([
   { name: '古城片区', value: '0', lonlat: [114.35, 34.802] },
   { name: '城东南片区', value: '1', lonlat: [114.37, 34.792] },
diff --git a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue
index 452c89f..5123a17 100644
--- a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue
+++ b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue
@@ -138,7 +138,6 @@
   data[0]?.postConstructionFileList.forEach(i => {
     srcList.value.push(i.url);
   });
-  console.log(srcList.value, 333);
 }
 
 onMounted(() => {

diff --git a/src/api/dataAnalysis/syntherticData.js b/src/api/dataAnalysis/syntherticData.js
index c874433..851c73e 100644
--- a/src/api/dataAnalysis/syntherticData.js
+++ b/src/api/dataAnalysis/syntherticData.js
@@ -158,3 +158,12 @@
     params: query,
   });
 }
+
+// 项目降雨场次分析
+export function calculateAreaAnnualRunoff(data) {
+  return request({
+    url: '/business/projectSiteRelationship/calculateAreaAnnualRunoff',
+    method: 'post',
+    data: data,
+  });
+}
diff --git a/src/assets/newImgs/pumpGY/projectBg.jpg b/src/assets/newImgs/pumpGY/projectBg.jpg
index 4efca04..8265d7e 100644
--- a/src/assets/newImgs/pumpGY/projectBg.jpg
+++ b/src/assets/newImgs/pumpGY/projectBg.jpg
Binary files differ
diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
index ba8f4a1..6d4aa96 100644
--- a/src/layout/components/Sidebar/index.vue
+++ b/src/layout/components/Sidebar/index.vue
@@ -70,7 +70,6 @@
   });
   // 默认打开子系统的第一个页面
   if (localStorage.getItem('fromDoorKFC') == 'chengguanweiScreen') {
-    console.log(newArr, 'newArr');
     if (newArr.length == 0) {
       proxy.$modal.msgError('暂无权限查看该系统');
       return;
diff --git a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
index fd805fc..92f8e03 100644
--- a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
+++ b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
@@ -93,6 +93,7 @@
 import { graphicReport } from '@/api/dataAnalysis/syntherticData';
 import { listrtuSiteInfo } from '@/api/dataAnalysis/rtuSiteInfo';
 import { rtuWarnConfigList } from '@/api/dataAnalysis/historyGj.js';
+
 const areaList = ref([
   { name: '古城片区', value: '0', lonlat: [114.35, 34.802] },
   { name: '城东南片区', value: '1', lonlat: [114.37, 34.792] },
diff --git a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue
index 452c89f..5123a17 100644
--- a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue
+++ b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue
@@ -138,7 +138,6 @@
   data[0]?.postConstructionFileList.forEach(i => {
     srcList.value.push(i.url);
   });
-  console.log(srcList.value, 333);
 }
 
 onMounted(() => {
diff --git a/src/views/sponeScreen/projectHM/projectFX.vue b/src/views/sponeScreen/projectHM/projectFX.vue
index a17b2c5..16e4dbb 100644
--- a/src/views/sponeScreen/projectHM/projectFX.vue
+++ b/src/views/sponeScreen/projectHM/projectFX.vue
@@ -3,22 +3,35 @@
   <div class="projectFXPage">
     <!-- 分析结果建议 -->
     <div class="suggest">
-      <div class="center">
-        {{ rainDate }} 降雨起止时间1:15-3:45，24小时累计降雨量20.4mm，降雨等级
-        <span class="green">中雨</span>
-      </div>
-      <div class="cont">
-        <span class="numBg">1</span>
-        项目设计最大控制容积 <span class="green">3796.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>。
+      <div class="autoCont">
+        <div class="center">
+          降雨起止时间
+          <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>
+        <div class="cont">
+          <span class="numBg">1</span>
+          项目设计最大控制容积 <span class="green">6796.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">{{ detailDataRain.totalImportFlow - detailDataRain.totalOutFlow }}m³</span>。
+        </div>
       </div>
     </div>
 
@@ -149,9 +162,8 @@
 <script setup>
 import CanvasRainP from '@/views/sponeScreen/projectHM/canvasRainP.vue';
 import bus from '@/bus';
-import { graphicReport } from '@/api/dataAnalysis/syntherticData';
+import { graphicReport, calculateAreaAnnualRunoff } from '@/api/dataAnalysis/syntherticData';
 
-const rainDate = ref('');
 const { proxy } = getCurrentInstance();
 const timer = ref(null);
 const valIndex1 = ref(0);
@@ -166,6 +178,7 @@
 const station5 = ref({ propertyMonitorList: [{ ylist: [] }, { ylist: [] }, { ylist: [] }], propertyMonitorXList: [] });
 const maxSS1 = ref(0);
 const maxSS2 = ref(0);
+const detailDataRain = ref({ totalOutFlow: 0, totalImportFlow: 0 });
 
 // 获取实时数据
 function getRealData() {
@@ -240,9 +253,22 @@
   bus.emit('checkSSFX', {});
 }
 
+// 降雨场次相关
+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();
@@ -317,11 +343,17 @@
     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:401PX;
+      height:231PX;
+      margin:10PX 0 0 10PX;
+      padding:10PX;
+      overflow: auto;
+    }
     .iconSug{
       cursor: pointer;
       position:absolute;
@@ -335,7 +367,7 @@
       }
     }
     .center{
-      margin:10PX 30px 10PX 0px;
+      // margin:10PX 30px 10PX 0px;
       text-align: center;
       font-size:15PX;
       color:#fff;

diff --git a/src/api/dataAnalysis/syntherticData.js b/src/api/dataAnalysis/syntherticData.js
index c874433..851c73e 100644
--- a/src/api/dataAnalysis/syntherticData.js
+++ b/src/api/dataAnalysis/syntherticData.js
@@ -158,3 +158,12 @@
     params: query,
   });
 }
+
+// 项目降雨场次分析
+export function calculateAreaAnnualRunoff(data) {
+  return request({
+    url: '/business/projectSiteRelationship/calculateAreaAnnualRunoff',
+    method: 'post',
+    data: data,
+  });
+}
diff --git a/src/assets/newImgs/pumpGY/projectBg.jpg b/src/assets/newImgs/pumpGY/projectBg.jpg
index 4efca04..8265d7e 100644
--- a/src/assets/newImgs/pumpGY/projectBg.jpg
+++ b/src/assets/newImgs/pumpGY/projectBg.jpg
Binary files differ
diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
index ba8f4a1..6d4aa96 100644
--- a/src/layout/components/Sidebar/index.vue
+++ b/src/layout/components/Sidebar/index.vue
@@ -70,7 +70,6 @@
   });
   // 默认打开子系统的第一个页面
   if (localStorage.getItem('fromDoorKFC') == 'chengguanweiScreen') {
-    console.log(newArr, 'newArr');
     if (newArr.length == 0) {
       proxy.$modal.msgError('暂无权限查看该系统');
       return;
diff --git a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
index fd805fc..92f8e03 100644
--- a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
+++ b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
@@ -93,6 +93,7 @@
 import { graphicReport } from '@/api/dataAnalysis/syntherticData';
 import { listrtuSiteInfo } from '@/api/dataAnalysis/rtuSiteInfo';
 import { rtuWarnConfigList } from '@/api/dataAnalysis/historyGj.js';
+
 const areaList = ref([
   { name: '古城片区', value: '0', lonlat: [114.35, 34.802] },
   { name: '城东南片区', value: '1', lonlat: [114.37, 34.792] },
diff --git a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue
index 452c89f..5123a17 100644
--- a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue
+++ b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue
@@ -138,7 +138,6 @@
   data[0]?.postConstructionFileList.forEach(i => {
     srcList.value.push(i.url);
   });
-  console.log(srcList.value, 333);
 }
 
 onMounted(() => {
diff --git a/src/views/sponeScreen/projectHM/projectFX.vue b/src/views/sponeScreen/projectHM/projectFX.vue
index a17b2c5..16e4dbb 100644
--- a/src/views/sponeScreen/projectHM/projectFX.vue
+++ b/src/views/sponeScreen/projectHM/projectFX.vue
@@ -3,22 +3,35 @@
   <div class="projectFXPage">
     <!-- 分析结果建议 -->
     <div class="suggest">
-      <div class="center">
-        {{ rainDate }} 降雨起止时间1:15-3:45，24小时累计降雨量20.4mm，降雨等级
-        <span class="green">中雨</span>
-      </div>
-      <div class="cont">
-        <span class="numBg">1</span>
-        项目设计最大控制容积 <span class="green">3796.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>。
+      <div class="autoCont">
+        <div class="center">
+          降雨起止时间
+          <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>
+        <div class="cont">
+          <span class="numBg">1</span>
+          项目设计最大控制容积 <span class="green">6796.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">{{ detailDataRain.totalImportFlow - detailDataRain.totalOutFlow }}m³</span>。
+        </div>
       </div>
     </div>
 
@@ -149,9 +162,8 @@
 <script setup>
 import CanvasRainP from '@/views/sponeScreen/projectHM/canvasRainP.vue';
 import bus from '@/bus';
-import { graphicReport } from '@/api/dataAnalysis/syntherticData';
+import { graphicReport, calculateAreaAnnualRunoff } from '@/api/dataAnalysis/syntherticData';
 
-const rainDate = ref('');
 const { proxy } = getCurrentInstance();
 const timer = ref(null);
 const valIndex1 = ref(0);
@@ -166,6 +178,7 @@
 const station5 = ref({ propertyMonitorList: [{ ylist: [] }, { ylist: [] }, { ylist: [] }], propertyMonitorXList: [] });
 const maxSS1 = ref(0);
 const maxSS2 = ref(0);
+const detailDataRain = ref({ totalOutFlow: 0, totalImportFlow: 0 });
 
 // 获取实时数据
 function getRealData() {
@@ -240,9 +253,22 @@
   bus.emit('checkSSFX', {});
 }
 
+// 降雨场次相关
+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();
@@ -317,11 +343,17 @@
     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:401PX;
+      height:231PX;
+      margin:10PX 0 0 10PX;
+      padding:10PX;
+      overflow: auto;
+    }
     .iconSug{
       cursor: pointer;
       position:absolute;
@@ -335,7 +367,7 @@
       }
     }
     .center{
-      margin:10PX 30px 10PX 0px;
+      // margin:10PX 30px 10PX 0px;
       text-align: center;
       font-size:15PX;
       color:#fff;
diff --git a/src/views/sponeScreen/waterFlood/waterLogging18.vue b/src/views/sponeScreen/waterFlood/waterLogging18.vue
index 5fbb516..53a951a 100644
--- a/src/views/sponeScreen/waterFlood/waterLogging18.vue
+++ b/src/views/sponeScreen/waterFlood/waterLogging18.vue
@@ -14,7 +14,9 @@
         </div>
         <div class="flex flex-align-center flex-wrap flex-justcontent-spacebetween" style="margin: 5px auto">
           <div class="part" style="width: 100%">管网名称：{{ props.detailJSD.name || '--' }}</div>
-          <div :class="['part', realData.z >= pipeDetail.pipelineDiameterTemp ? 'red' : '']">实时水深：{{ realData.z || '--' }} 米</div>
+          <div :class="['part', realData.z >= pipeDetail.pipelineDiameterTemp ? 'red' : '']" style="width: 100%">
+            实时水深：{{ realData.z || '--' }} 米
+          </div>
           <div class="part">井深：{{ pipeDetail.bottomBuriedDepthTemp || '--' }} 米</div>
           <div class="part">管网直径：{{ pipeDetail.pipelineDiameterTemp || '--' }} 米</div>
           <div class="part" style="width: 100%">更新时间：{{ realData.tt || '--' }}</div>
@@ -162,6 +164,19 @@
   .part {
     margin-top: 8px;
     width: 50%;
+    position: relative;
+    padding-left: 15px;
+    &::before {
+      content: '';
+      width: 8px;
+      height: 8px;
+      background: #51fefb;
+      border-radius: 50%;
+      display: block;
+      position: absolute;
+      top: 8px;
+      left: 0px;
+    }
   }
 }
 </style>