diff --git a/src/views/dataAnalysis/rtuSiteInfo/index.vue b/src/views/dataAnalysis/rtuSiteInfo/index.vue
index 08502f5..02d1ad2 100644
--- a/src/views/dataAnalysis/rtuSiteInfo/index.vue
+++ b/src/views/dataAnalysis/rtuSiteInfo/index.vue
@@ -213,13 +213,13 @@
             </el-form-item>
           </el-col> -->
           <el-col :span="12">
-            <el-form-item label="管径(m)" prop="pipelineDiameter">
-              <el-input-number :min="0" v-model="form.pipelineDiameter" placeholder="请输入" style="width: 100%" />
+            <el-form-item label="管网直径(m)" prop="pipelineDiameterTemp">
+              <el-input-number :min="0" v-model="form.pipelineDiameterTemp" placeholder="请输入" style="width: 100%" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="井深(m)" prop="bottomBuriedDepth">
-              <el-input-number :min="0" v-model="form.bottomBuriedDepth" placeholder="请输入" />
+            <el-form-item label="井深(m)" prop="bottomBuriedDepthTemp">
+              <el-input-number :min="0" v-model="form.bottomBuriedDepthTemp" placeholder="请输入" style="width: 100%" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
@@ -408,8 +408,8 @@
     id: '',
     installDate: '',
     installHeight: 0,
-    pipelineDiameter: 0,
-    bottomBuriedDepth: 0,
+    pipelineDiameterTemp: 0,
+    bottomBuriedDepthTemp: 0,
     lonLat: '',
     monitorIntervalMinute: '',
     monitorTargetType: '',

diff --git a/src/views/dataAnalysis/rtuSiteInfo/index.vue b/src/views/dataAnalysis/rtuSiteInfo/index.vue
index 08502f5..02d1ad2 100644
--- a/src/views/dataAnalysis/rtuSiteInfo/index.vue
+++ b/src/views/dataAnalysis/rtuSiteInfo/index.vue
@@ -213,13 +213,13 @@
             </el-form-item>
           </el-col> -->
           <el-col :span="12">
-            <el-form-item label="管径(m)" prop="pipelineDiameter">
-              <el-input-number :min="0" v-model="form.pipelineDiameter" placeholder="请输入" style="width: 100%" />
+            <el-form-item label="管网直径(m)" prop="pipelineDiameterTemp">
+              <el-input-number :min="0" v-model="form.pipelineDiameterTemp" placeholder="请输入" style="width: 100%" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="井深(m)" prop="bottomBuriedDepth">
-              <el-input-number :min="0" v-model="form.bottomBuriedDepth" placeholder="请输入" />
+            <el-form-item label="井深(m)" prop="bottomBuriedDepthTemp">
+              <el-input-number :min="0" v-model="form.bottomBuriedDepthTemp" placeholder="请输入" style="width: 100%" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
@@ -408,8 +408,8 @@
     id: '',
     installDate: '',
     installHeight: 0,
-    pipelineDiameter: 0,
-    bottomBuriedDepth: 0,
+    pipelineDiameterTemp: 0,
+    bottomBuriedDepthTemp: 0,
     lonLat: '',
     monitorIntervalMinute: '',
     monitorTargetType: '',
diff --git a/src/views/sponeScreen/waterFlood/pipeDetail.vue b/src/views/sponeScreen/waterFlood/pipeDetail.vue
index 62aa2a5..d4ea266 100644
--- a/src/views/sponeScreen/waterFlood/pipeDetail.vue
+++ b/src/views/sponeScreen/waterFlood/pipeDetail.vue
@@ -10,14 +10,19 @@
       <div class="pipePou flex" v-if="tabActive == 1">
         <div class="leftP">
           <!-- 井深 -->
-          <div class="part partJ">井深：--米</div>
+          <div class="part partJ">井深：{{ pipeDetail.bottomBuriedDepthTemp || '--' }}米</div>
 
           <!-- 水高度 -->
-          <img src="@/assets/newImgs/HMScreen/pipeW.png" alt="" class="water" style="height: 80px" />
-          <div class="part partW">水深：{{ realData.z }} 米</div>
+          <img
+            src="@/assets/newImgs/HMScreen/pipeW.png"
+            alt=""
+            class="water"
+            :style="{ height: ((140 * realData.z) / pipeDetail.pipelineDiameterTemp || '30') + 'px' }"
+          />
+          <div class="part partW">水深：{{ realData.z || '--' }} 米</div>
 
           <!-- 瞬时流量 -->
-          <div class="part partL" style="width: 180px">流速：{{ realData.va }} m/s</div>
+          <div class="part partL">流速：{{ realData.va || '--' }} m/s</div>
 
           <!-- 设备 -->
           <img src="@/assets/newImgs/HMScreen/equip.png" alt="" class="equipA" />
@@ -30,50 +35,51 @@
           </div>
           <div class="part flex">
             <div class="biaoti">所在位置：</div>
-            <div class="cont">{{ pipeDetail.address }}</div>
+            <div class="cont">{{ pipeDetail.address || '--' }}</div>
           </div>
           <div class="part flex">
             <div class="biaoti">建设方式：</div>
             <div class="cont">{{ pipeDetail.buildType == 'owner' ? '自建' : '共享' }}</div>
           </div>
           <div class="part flex">
-            <div class="biaoti">管径：</div>
-            <div class="cont">800mm</div>
+            <div class="biaoti">管网直径：</div>
+            <div class="cont">{{ pipeDetail.pipelineDiameterTemp || '--' }} 米</div>
           </div>
           <div class="part flex">
             <div class="biaoti">安装高度：</div>
-            <div class="cont">{{ pipeDetail.installHeight }} 米</div>
+            <div class="cont">{{ pipeDetail.installHeight || '--' }} 米</div>
           </div>
 
           <div class="title" style="margin-top: 30px">实时数据</div>
           <div class="part flex">
             <div class="biaoti">水深：</div>
-            <div class="cont">{{ realData.z }} 米</div>
-          </div>
-          <div class="part flex">
-            <div class="biaoti">累计流量：</div>
-            <div class="cont">{{ realData.sbl1 }}m³</div>
+            <div class="cont">{{ realData.z || '--' }} 米</div>
           </div>
           <div class="part flex">
             <div class="biaoti">流速：</div>
-            <div class="cont">{{ realData.va }}m/s</div>
+            <div class="cont">{{ realData.va || '--' }}m/s</div>
           </div>
           <div class="part flex">
             <div class="biaoti">SS：</div>
-            <div class="cont">{{ realData.turb }} mg/L</div>
+            <div class="cont">{{ realData.turb || '--' }} mg/L</div>
           </div>
           <div class="part flex">
             <div class="biaoti">更新时间：</div>
-            <div class="cont">{{ realData.tt }}</div>
+            <div class="cont">{{ realData.tt || '--' }}</div>
           </div>
 
-          <div class="title">报警信息</div>
+          <div class="title">责任信息</div>
           <div class="part flex">
             <div class="biaoti">负责人：</div>
             <div class="cont">张小强 13328873032</div>
           </div>
-          <!-- 有溢流风险时推送消息 -->
-          <div class="part flex">
+          <!-- 有满管、溢流风险时推送消息 -->
+          <div class="part flex" v-if="realData.z >= (pipeDetail.pipelineDiameterTemp || '2')">
+            <div class="biaoti">
+              <el-button type="warning">有满管风险，通知相关责任人进行处理</el-button>
+            </div>
+          </div>
+          <div class="part flex" v-if="realData.z >= (pipeDetail.bottomBuriedDepthTemp || '2')">
             <div class="biaoti"><el-button type="warning">有溢流风险，通知相关责任人进行处理</el-button></div>
           </div>
         </div>
@@ -222,7 +228,7 @@
         .part{
           background: #0874EF;
           border-radius: 12px;
-          width:110px;
+          padding:0px 10px;
           height: 26px;
           line-height: 26px;
           font-family: Source Han Sans CN;
@@ -240,13 +246,13 @@
         .partJ{
           position:absolute;
           top:175PX;
-          right:105px;
+          left:325px;
           z-index: 10;
         }
         .partL{
           position:absolute;
           bottom:190PX;
-          right:20px;
+          left:325px;
           z-index: 10;
         }
         .equipA{

diff --git a/src/views/dataAnalysis/rtuSiteInfo/index.vue b/src/views/dataAnalysis/rtuSiteInfo/index.vue
index 08502f5..02d1ad2 100644
--- a/src/views/dataAnalysis/rtuSiteInfo/index.vue
+++ b/src/views/dataAnalysis/rtuSiteInfo/index.vue
@@ -213,13 +213,13 @@
             </el-form-item>
           </el-col> -->
           <el-col :span="12">
-            <el-form-item label="管径(m)" prop="pipelineDiameter">
-              <el-input-number :min="0" v-model="form.pipelineDiameter" placeholder="请输入" style="width: 100%" />
+            <el-form-item label="管网直径(m)" prop="pipelineDiameterTemp">
+              <el-input-number :min="0" v-model="form.pipelineDiameterTemp" placeholder="请输入" style="width: 100%" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="井深(m)" prop="bottomBuriedDepth">
-              <el-input-number :min="0" v-model="form.bottomBuriedDepth" placeholder="请输入" />
+            <el-form-item label="井深(m)" prop="bottomBuriedDepthTemp">
+              <el-input-number :min="0" v-model="form.bottomBuriedDepthTemp" placeholder="请输入" style="width: 100%" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
@@ -408,8 +408,8 @@
     id: '',
     installDate: '',
     installHeight: 0,
-    pipelineDiameter: 0,
-    bottomBuriedDepth: 0,
+    pipelineDiameterTemp: 0,
+    bottomBuriedDepthTemp: 0,
     lonLat: '',
     monitorIntervalMinute: '',
     monitorTargetType: '',
diff --git a/src/views/sponeScreen/waterFlood/pipeDetail.vue b/src/views/sponeScreen/waterFlood/pipeDetail.vue
index 62aa2a5..d4ea266 100644
--- a/src/views/sponeScreen/waterFlood/pipeDetail.vue
+++ b/src/views/sponeScreen/waterFlood/pipeDetail.vue
@@ -10,14 +10,19 @@
       <div class="pipePou flex" v-if="tabActive == 1">
         <div class="leftP">
           <!-- 井深 -->
-          <div class="part partJ">井深：--米</div>
+          <div class="part partJ">井深：{{ pipeDetail.bottomBuriedDepthTemp || '--' }}米</div>
 
           <!-- 水高度 -->
-          <img src="@/assets/newImgs/HMScreen/pipeW.png" alt="" class="water" style="height: 80px" />
-          <div class="part partW">水深：{{ realData.z }} 米</div>
+          <img
+            src="@/assets/newImgs/HMScreen/pipeW.png"
+            alt=""
+            class="water"
+            :style="{ height: ((140 * realData.z) / pipeDetail.pipelineDiameterTemp || '30') + 'px' }"
+          />
+          <div class="part partW">水深：{{ realData.z || '--' }} 米</div>
 
           <!-- 瞬时流量 -->
-          <div class="part partL" style="width: 180px">流速：{{ realData.va }} m/s</div>
+          <div class="part partL">流速：{{ realData.va || '--' }} m/s</div>
 
           <!-- 设备 -->
           <img src="@/assets/newImgs/HMScreen/equip.png" alt="" class="equipA" />
@@ -30,50 +35,51 @@
           </div>
           <div class="part flex">
             <div class="biaoti">所在位置：</div>
-            <div class="cont">{{ pipeDetail.address }}</div>
+            <div class="cont">{{ pipeDetail.address || '--' }}</div>
           </div>
           <div class="part flex">
             <div class="biaoti">建设方式：</div>
             <div class="cont">{{ pipeDetail.buildType == 'owner' ? '自建' : '共享' }}</div>
           </div>
           <div class="part flex">
-            <div class="biaoti">管径：</div>
-            <div class="cont">800mm</div>
+            <div class="biaoti">管网直径：</div>
+            <div class="cont">{{ pipeDetail.pipelineDiameterTemp || '--' }} 米</div>
           </div>
           <div class="part flex">
             <div class="biaoti">安装高度：</div>
-            <div class="cont">{{ pipeDetail.installHeight }} 米</div>
+            <div class="cont">{{ pipeDetail.installHeight || '--' }} 米</div>
           </div>
 
           <div class="title" style="margin-top: 30px">实时数据</div>
           <div class="part flex">
             <div class="biaoti">水深：</div>
-            <div class="cont">{{ realData.z }} 米</div>
-          </div>
-          <div class="part flex">
-            <div class="biaoti">累计流量：</div>
-            <div class="cont">{{ realData.sbl1 }}m³</div>
+            <div class="cont">{{ realData.z || '--' }} 米</div>
           </div>
           <div class="part flex">
             <div class="biaoti">流速：</div>
-            <div class="cont">{{ realData.va }}m/s</div>
+            <div class="cont">{{ realData.va || '--' }}m/s</div>
           </div>
           <div class="part flex">
             <div class="biaoti">SS：</div>
-            <div class="cont">{{ realData.turb }} mg/L</div>
+            <div class="cont">{{ realData.turb || '--' }} mg/L</div>
           </div>
           <div class="part flex">
             <div class="biaoti">更新时间：</div>
-            <div class="cont">{{ realData.tt }}</div>
+            <div class="cont">{{ realData.tt || '--' }}</div>
           </div>
 
-          <div class="title">报警信息</div>
+          <div class="title">责任信息</div>
           <div class="part flex">
             <div class="biaoti">负责人：</div>
             <div class="cont">张小强 13328873032</div>
           </div>
-          <!-- 有溢流风险时推送消息 -->
-          <div class="part flex">
+          <!-- 有满管、溢流风险时推送消息 -->
+          <div class="part flex" v-if="realData.z >= (pipeDetail.pipelineDiameterTemp || '2')">
+            <div class="biaoti">
+              <el-button type="warning">有满管风险，通知相关责任人进行处理</el-button>
+            </div>
+          </div>
+          <div class="part flex" v-if="realData.z >= (pipeDetail.bottomBuriedDepthTemp || '2')">
             <div class="biaoti"><el-button type="warning">有溢流风险，通知相关责任人进行处理</el-button></div>
           </div>
         </div>
@@ -222,7 +228,7 @@
         .part{
           background: #0874EF;
           border-radius: 12px;
-          width:110px;
+          padding:0px 10px;
           height: 26px;
           line-height: 26px;
           font-family: Source Han Sans CN;
@@ -240,13 +246,13 @@
         .partJ{
           position:absolute;
           top:175PX;
-          right:105px;
+          left:325px;
           z-index: 10;
         }
         .partL{
           position:absolute;
           bottom:190PX;
-          right:20px;
+          left:325px;
           z-index: 10;
         }
         .equipA{
diff --git a/src/views/spongePerformance/waterlogging/prevention/index.vue b/src/views/spongePerformance/waterlogging/prevention/index.vue
index 304872c..e3184f6 100644
--- a/src/views/spongePerformance/waterlogging/prevention/index.vue
+++ b/src/views/spongePerformance/waterlogging/prevention/index.vue
@@ -129,7 +129,7 @@
 const timer = ref(null);
 const tabActive = ref('model');
 const tableModal = ref(null);
-const tableLoading = ref(false);
+const tableLoading = ref(true);
 const tableData = ref([]);
 const areaData = ref('');
 const resultList = ref([]);