diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue
index 96bd0d9..5f68e40 100644
--- a/src/views/sponeScreen/HaiMianScreen/index.vue
+++ b/src/views/sponeScreen/HaiMianScreen/index.vue
@@ -58,6 +58,28 @@
       </div>
     </div>
 
+    <!-- 项目分区建议 -->
+    <div :class="['projectArea', showPanel ? 'right30' : 'right480']" v-if="menuIndex == 2">
+      <!-- 古城片区 -->
+      <div v-if="areaObj.value == '0'">
+        <p>以优质的"蓝绿"基底为基础，系统提升片区韧性</p>
+        <p>治理前：泵站总开机时长23小时40分；抽排量12.5万吨；</p>
+        <p>治理后：泵站总开机时长13小时21分；抽排量7.1万吨；</p>
+      </div>
+      <!-- 城东南片区 -->
+      <div v-if="areaObj.value == '1'">
+        <p>以解决内涝积水和溢流污染为导向，从源头到末端实现污涝协同治理</p>
+        <p>治理前：易涝积水点2处，合流制溢流频次控制在20次以上</p>
+        <p>治理后：易涝积水点2处全面消除，合流制溢流频次控制在10次以内，内涝标准达到20年一遇</p>
+      </div>
+      <!-- 保税区片区 -->
+      <div v-if="areaObj.value == '2'">
+        <p>以连片打造为目标，降低高硬化面积区域雨水径流对市政管网的冲击，实现雨水资源化利用</p>
+        <p>治理前：5处易涝积水点，雨水收集量：0.3万吨</p>
+        <p>治理后：0处易涝积水点，雨水收集量：5.3万吨</p>
+      </div>
+    </div>
+
     <!-- 内容-头部 -->
     <!-- 头部光动效 -->
     <img src="@/assets/newImgs/HMScreen/headLight.png" alt="" class="headLightDX" />
@@ -135,6 +157,7 @@
 const showPanel = ref(false);
 const showLegend = ref(false);
 const showPipe = ref(false);
+const areaObj = ref({ value: '0' });
 
 // 跳转业务系统
 function goSystem() {
@@ -211,8 +234,13 @@
 };
 onMounted(() => {
   getWeather();
+  // 获取项目片区点击
+  bus.on('checkProjectArea', params => {
+    areaObj.value = params;
+  });
 });
 onBeforeUnmount(() => {
+  bus.off('checkProjectArea');
   // if (!newfiberMap) return;
   // if (newfiberMap) {
   //   let _originalGLContext = newfiberMap.getMap().scene?.context._originalGLContext;
@@ -372,6 +400,17 @@
       margin-bottom: 10px;
     }
   }
+  .projectArea {
+    width: 200px;
+    position: absolute;
+    z-index: 220;
+    bottom: 240px;
+    background: #004565;
+    opacity: 0.9;
+    padding: 0px 8px;
+    border-radius: 5px;
+    color: #b8ecff;
+  }
   .projectPart {
     width: 160px;
     position: absolute;

diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue
index 96bd0d9..5f68e40 100644
--- a/src/views/sponeScreen/HaiMianScreen/index.vue
+++ b/src/views/sponeScreen/HaiMianScreen/index.vue
@@ -58,6 +58,28 @@
       </div>
     </div>
 
+    <!-- 项目分区建议 -->
+    <div :class="['projectArea', showPanel ? 'right30' : 'right480']" v-if="menuIndex == 2">
+      <!-- 古城片区 -->
+      <div v-if="areaObj.value == '0'">
+        <p>以优质的"蓝绿"基底为基础，系统提升片区韧性</p>
+        <p>治理前：泵站总开机时长23小时40分；抽排量12.5万吨；</p>
+        <p>治理后：泵站总开机时长13小时21分；抽排量7.1万吨；</p>
+      </div>
+      <!-- 城东南片区 -->
+      <div v-if="areaObj.value == '1'">
+        <p>以解决内涝积水和溢流污染为导向，从源头到末端实现污涝协同治理</p>
+        <p>治理前：易涝积水点2处，合流制溢流频次控制在20次以上</p>
+        <p>治理后：易涝积水点2处全面消除，合流制溢流频次控制在10次以内，内涝标准达到20年一遇</p>
+      </div>
+      <!-- 保税区片区 -->
+      <div v-if="areaObj.value == '2'">
+        <p>以连片打造为目标，降低高硬化面积区域雨水径流对市政管网的冲击，实现雨水资源化利用</p>
+        <p>治理前：5处易涝积水点，雨水收集量：0.3万吨</p>
+        <p>治理后：0处易涝积水点，雨水收集量：5.3万吨</p>
+      </div>
+    </div>
+
     <!-- 内容-头部 -->
     <!-- 头部光动效 -->
     <img src="@/assets/newImgs/HMScreen/headLight.png" alt="" class="headLightDX" />
@@ -135,6 +157,7 @@
 const showPanel = ref(false);
 const showLegend = ref(false);
 const showPipe = ref(false);
+const areaObj = ref({ value: '0' });
 
 // 跳转业务系统
 function goSystem() {
@@ -211,8 +234,13 @@
 };
 onMounted(() => {
   getWeather();
+  // 获取项目片区点击
+  bus.on('checkProjectArea', params => {
+    areaObj.value = params;
+  });
 });
 onBeforeUnmount(() => {
+  bus.off('checkProjectArea');
   // if (!newfiberMap) return;
   // if (newfiberMap) {
   //   let _originalGLContext = newfiberMap.getMap().scene?.context._originalGLContext;
@@ -372,6 +400,17 @@
       margin-bottom: 10px;
     }
   }
+  .projectArea {
+    width: 200px;
+    position: absolute;
+    z-index: 220;
+    bottom: 240px;
+    background: #004565;
+    opacity: 0.9;
+    padding: 0px 8px;
+    border-radius: 5px;
+    color: #b8ecff;
+  }
   .projectPart {
     width: 160px;
     position: absolute;
diff --git a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
index e2c425e..1948301 100644
--- a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
+++ b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
@@ -70,7 +70,7 @@
           </div>
           <div class="Selectionbox">
             <el-form-item prop="area" style="width: 41%; margin-left: 10px; margin-top: 18px">
-              <el-select v-model="queryParams.area" placeholder="请选择片区分析">
+              <el-select v-model="queryParams.area" placeholder="请选择片区分析" @change="changeArea">
                 <el-option v-for="item in areaList" :key="item.value" :label="item.name" :value="item.value" />
               </el-select>
             </el-form-item>
@@ -92,6 +92,7 @@
 import pipefx from '@/assets/newImgs/HMScreen/pipefx.png';
 import ssfx from '@/assets/newImgs/HMScreen/ssfx.png';
 import xmfx from '@/assets/newImgs/HMScreen/xmfx.png';
+import bus from '@/bus';
 
 import WaterAnalysis_icon from '@/assets/newImgs/HMScreen/WaterAnalysis_icon.png';
 
@@ -138,8 +139,9 @@
   { name: '复兴大道四季城积水点', value: '2' },
 ]);
 const areaList = ref([
-  { name: '主城区', value: '1' },
-  { name: '示范区', value: '2' },
+  { name: '古城片区', value: '0', lonlat: [114.35, 34.802] },
+  { name: '城东南片区', value: '1', lonlat: [114.37, 34.792] },
+  { name: '保税区片区', value: '2', lonlat: [114.209, 34.782] },
 ]);
 
 const pipeList = ref([
@@ -158,7 +160,7 @@
 ]);
 
 const AllData = reactive({
-  queryParams: { BODName: '1', area: '1', pipe: '1', Xm: '1', XmA: '1', XmQ: '1', XmAQ: '' },
+  queryParams: { BODName: '1', area: '0', pipe: '1', Xm: '1', XmA: '1', XmQ: '1', XmAQ: '' },
 });
 const { queryParams } = toRefs(AllData);
 
@@ -179,6 +181,16 @@
 function textClick() {
   unfold.value = false;
 }
+
+// 片区分析点击
+function changeArea(val) {
+  bus.emit('checkProjectArea', areaList.value[val]);
+  newfiberMapbox.map.easeTo({
+    center: areaList.value[val].lonlat,
+    zoom: 13.9,
+    pitch: 55,
+  });
+}
 </script>
 
 <style lang="scss" scoped>

diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue
index 96bd0d9..5f68e40 100644
--- a/src/views/sponeScreen/HaiMianScreen/index.vue
+++ b/src/views/sponeScreen/HaiMianScreen/index.vue
@@ -58,6 +58,28 @@
       </div>
     </div>
 
+    <!-- 项目分区建议 -->
+    <div :class="['projectArea', showPanel ? 'right30' : 'right480']" v-if="menuIndex == 2">
+      <!-- 古城片区 -->
+      <div v-if="areaObj.value == '0'">
+        <p>以优质的"蓝绿"基底为基础，系统提升片区韧性</p>
+        <p>治理前：泵站总开机时长23小时40分；抽排量12.5万吨；</p>
+        <p>治理后：泵站总开机时长13小时21分；抽排量7.1万吨；</p>
+      </div>
+      <!-- 城东南片区 -->
+      <div v-if="areaObj.value == '1'">
+        <p>以解决内涝积水和溢流污染为导向，从源头到末端实现污涝协同治理</p>
+        <p>治理前：易涝积水点2处，合流制溢流频次控制在20次以上</p>
+        <p>治理后：易涝积水点2处全面消除，合流制溢流频次控制在10次以内，内涝标准达到20年一遇</p>
+      </div>
+      <!-- 保税区片区 -->
+      <div v-if="areaObj.value == '2'">
+        <p>以连片打造为目标，降低高硬化面积区域雨水径流对市政管网的冲击，实现雨水资源化利用</p>
+        <p>治理前：5处易涝积水点，雨水收集量：0.3万吨</p>
+        <p>治理后：0处易涝积水点，雨水收集量：5.3万吨</p>
+      </div>
+    </div>
+
     <!-- 内容-头部 -->
     <!-- 头部光动效 -->
     <img src="@/assets/newImgs/HMScreen/headLight.png" alt="" class="headLightDX" />
@@ -135,6 +157,7 @@
 const showPanel = ref(false);
 const showLegend = ref(false);
 const showPipe = ref(false);
+const areaObj = ref({ value: '0' });
 
 // 跳转业务系统
 function goSystem() {
@@ -211,8 +234,13 @@
 };
 onMounted(() => {
   getWeather();
+  // 获取项目片区点击
+  bus.on('checkProjectArea', params => {
+    areaObj.value = params;
+  });
 });
 onBeforeUnmount(() => {
+  bus.off('checkProjectArea');
   // if (!newfiberMap) return;
   // if (newfiberMap) {
   //   let _originalGLContext = newfiberMap.getMap().scene?.context._originalGLContext;
@@ -372,6 +400,17 @@
       margin-bottom: 10px;
     }
   }
+  .projectArea {
+    width: 200px;
+    position: absolute;
+    z-index: 220;
+    bottom: 240px;
+    background: #004565;
+    opacity: 0.9;
+    padding: 0px 8px;
+    border-radius: 5px;
+    color: #b8ecff;
+  }
   .projectPart {
     width: 160px;
     position: absolute;
diff --git a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
index e2c425e..1948301 100644
--- a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
+++ b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
@@ -70,7 +70,7 @@
           </div>
           <div class="Selectionbox">
             <el-form-item prop="area" style="width: 41%; margin-left: 10px; margin-top: 18px">
-              <el-select v-model="queryParams.area" placeholder="请选择片区分析">
+              <el-select v-model="queryParams.area" placeholder="请选择片区分析" @change="changeArea">
                 <el-option v-for="item in areaList" :key="item.value" :label="item.name" :value="item.value" />
               </el-select>
             </el-form-item>
@@ -92,6 +92,7 @@
 import pipefx from '@/assets/newImgs/HMScreen/pipefx.png';
 import ssfx from '@/assets/newImgs/HMScreen/ssfx.png';
 import xmfx from '@/assets/newImgs/HMScreen/xmfx.png';
+import bus from '@/bus';
 
 import WaterAnalysis_icon from '@/assets/newImgs/HMScreen/WaterAnalysis_icon.png';
 
@@ -138,8 +139,9 @@
   { name: '复兴大道四季城积水点', value: '2' },
 ]);
 const areaList = ref([
-  { name: '主城区', value: '1' },
-  { name: '示范区', value: '2' },
+  { name: '古城片区', value: '0', lonlat: [114.35, 34.802] },
+  { name: '城东南片区', value: '1', lonlat: [114.37, 34.792] },
+  { name: '保税区片区', value: '2', lonlat: [114.209, 34.782] },
 ]);
 
 const pipeList = ref([
@@ -158,7 +160,7 @@
 ]);
 
 const AllData = reactive({
-  queryParams: { BODName: '1', area: '1', pipe: '1', Xm: '1', XmA: '1', XmQ: '1', XmAQ: '' },
+  queryParams: { BODName: '1', area: '0', pipe: '1', Xm: '1', XmA: '1', XmQ: '1', XmAQ: '' },
 });
 const { queryParams } = toRefs(AllData);
 
@@ -179,6 +181,16 @@
 function textClick() {
   unfold.value = false;
 }
+
+// 片区分析点击
+function changeArea(val) {
+  bus.emit('checkProjectArea', areaList.value[val]);
+  newfiberMapbox.map.easeTo({
+    center: areaList.value[val].lonlat,
+    zoom: 13.9,
+    pitch: 55,
+  });
+}
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/sponeScreen/waterFlood/pumpProcess.vue b/src/views/sponeScreen/waterFlood/pumpProcess.vue
index 047a5d6..3e26f3b 100644
--- a/src/views/sponeScreen/waterFlood/pumpProcess.vue
+++ b/src/views/sponeScreen/waterFlood/pumpProcess.vue
@@ -16,41 +16,10 @@
           <div>更新时间：{{ detailObj.tt }}</div>
         </div>
         <div class="infoRight">
-          <div class="name"><img src="@/assets/newImgs/pumpGY/dianya.png" alt="电压" />电压</div>
-          <div class="flex flex-justcontent-spacearound">
-            <div class="part flex">
-              &nbsp;A:
-              <p>235.9</p>
-              V
-            </div>
-            <div class="part flex">
-              &nbsp;B:
-              <p>251.9</p>
-              V
-            </div>
-            <div class="part flex">
-              &nbsp;C:
-              <p>229.6</p>
-              V
-            </div>
-          </div>
-          <div class="flex flex-justcontent-spacearound">
-            <div class="part flex">
-              AB:
-              <p>414.9</p>
-              V
-            </div>
-            <div class="part flex">
-              AC:
-              <p>419.6</p>
-              V
-            </div>
-            <div class="part flex">
-              BC:
-              <p>395.6</p>
-              V
-            </div>
-          </div>
+          <div class="cont">开泵时间：--</div>
+          <div class="cont">开泵台数：0台</div>
+          <div class="cont">开泵时长：--小时--分--秒</div>
+          <div class="cont">总抽排量：--m³</div>
         </div>
       </div>
     </div>
@@ -175,7 +144,7 @@
   };
   realtimeDataList(params).then(res => {
     let datas = res.data || {};
-    console.log(datas);
+    pumpList.value = [];
     detailObj.value = datas;
     realYW.value = detailObj.value['BZKFDJG-YW'] || detailObj.value['BZKFHYG-YE'] || 0.2; //实时液位
     for (let i in datas) {
@@ -426,14 +395,14 @@
     border-radius: 14PX;
   }
   .pumpInfo{
-    width:340PX;
+    width:660PX;
     height: 140PX;
     background: rgba(7,45,67,0.6);
     border: 2PX solid #2C81C7;
     box-shadow: 0PX 0PX 8PX #67BDFA inset;
     padding:15PX;
     .infoLeft{
-      width:100%;
+      width:60%;
       .name{
         font-size: 18PX;
         font-weight: 800;
@@ -461,31 +430,8 @@
     }
     .infoRight{
       flex:1;
-      display: none;
-      .name{
-        display: flex;
-        align-items: center;
-        img{
-          margin-right: 5PX;
-        }
-      }
-      .part{
-        width:30%;
-        align-items: center;
-        justify-content: space-around;
-        p{
-          width: 67PX;
-          height: 24PX;
-          line-height: 24PX;
-          text-align: center;
-          background: #00233D;
-          border: 1PX solid #007FE0;
-          font-family: Source Han Sans CN;
-          font-weight: 400;
-          font-size: 14PX;
-          color: #39FE54;
-          margin:10PX 5PX;
-        }
+      .cont{
+        margin-bottom:5px;
       }
     }
   }