diff --git a/src/views/sponeScreen/Echarts/AssessmentEcharts.vue b/src/views/sponeScreen/Echarts/AssessmentEcharts.vue
index 22a8c0c..71b512f 100644
--- a/src/views/sponeScreen/Echarts/AssessmentEcharts.vue
+++ b/src/views/sponeScreen/Echarts/AssessmentEcharts.vue
@@ -211,7 +211,7 @@
       };
       option && chartDom.setOption(option, true);
       allData.chart = chartDom;
-      animateChart();
+      // animateChart();
     };
     watch(
       () => props.refresh,

diff --git a/src/views/sponeScreen/Echarts/AssessmentEcharts.vue b/src/views/sponeScreen/Echarts/AssessmentEcharts.vue
index 22a8c0c..71b512f 100644
--- a/src/views/sponeScreen/Echarts/AssessmentEcharts.vue
+++ b/src/views/sponeScreen/Echarts/AssessmentEcharts.vue
@@ -211,7 +211,7 @@
       };
       option && chartDom.setOption(option, true);
       allData.chart = chartDom;
-      animateChart();
+      // animateChart();
     };
     watch(
       () => props.refresh,
diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue
index f9f99a9..4c4804e 100644
--- a/src/views/sponeScreen/HaiMianScreen/index.vue
+++ b/src/views/sponeScreen/HaiMianScreen/index.vue
@@ -2,7 +2,7 @@
   <!-- 海绵综合一张图首页 -->
   <div class="hmMainPage">
     <!-- 地图 -->
-    <GisMapMF v-if="menuIndex != 3"></GisMapMF>
+    <GisMapMF v-show="menuIndex != 3"></GisMapMF>
 
     <!-- 图例 -->
     <Legend
@@ -50,7 +50,7 @@
     </div>
 
     <!-- 底部装饰 -->
-    <div class="bottomHM" v-if="menuIndex != 3"></div>
+    <div class="bottomHM" v-show="menuIndex != 3"></div>
   </div>
 </template>
 
@@ -90,7 +90,7 @@
 // 菜单跳转
 function menuClick(id) {
   menuIndex.value = id;
-
+  showPanel.value = false;
   NewFiberMapUtils.removeByIds(Object.values(NewFiberMapUtils.defaultParams.keys));
   if (id == 4) NewFiberMapUtils.defaultPreventWaterlogging(newfiberMap);
   if (id == 5) NewFiberMapUtils.defaultPatrolDemo(newfiberMap);

diff --git a/src/views/sponeScreen/Echarts/AssessmentEcharts.vue b/src/views/sponeScreen/Echarts/AssessmentEcharts.vue
index 22a8c0c..71b512f 100644
--- a/src/views/sponeScreen/Echarts/AssessmentEcharts.vue
+++ b/src/views/sponeScreen/Echarts/AssessmentEcharts.vue
@@ -211,7 +211,7 @@
       };
       option && chartDom.setOption(option, true);
       allData.chart = chartDom;
-      animateChart();
+      // animateChart();
     };
     watch(
       () => props.refresh,
diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue
index f9f99a9..4c4804e 100644
--- a/src/views/sponeScreen/HaiMianScreen/index.vue
+++ b/src/views/sponeScreen/HaiMianScreen/index.vue
@@ -2,7 +2,7 @@
   <!-- 海绵综合一张图首页 -->
   <div class="hmMainPage">
     <!-- 地图 -->
-    <GisMapMF v-if="menuIndex != 3"></GisMapMF>
+    <GisMapMF v-show="menuIndex != 3"></GisMapMF>
 
     <!-- 图例 -->
     <Legend
@@ -50,7 +50,7 @@
     </div>
 
     <!-- 底部装饰 -->
-    <div class="bottomHM" v-if="menuIndex != 3"></div>
+    <div class="bottomHM" v-show="menuIndex != 3"></div>
   </div>
 </template>
 
@@ -90,7 +90,7 @@
 // 菜单跳转
 function menuClick(id) {
   menuIndex.value = id;
-
+  showPanel.value = false;
   NewFiberMapUtils.removeByIds(Object.values(NewFiberMapUtils.defaultParams.keys));
   if (id == 4) NewFiberMapUtils.defaultPreventWaterlogging(newfiberMap);
   if (id == 5) NewFiberMapUtils.defaultPatrolDemo(newfiberMap);
diff --git a/src/views/sponeScreen/gisMF/cesiumMap.vue b/src/views/sponeScreen/gisMF/cesiumMap.vue
index 6d4fdaf..e3f4efd 100644
--- a/src/views/sponeScreen/gisMF/cesiumMap.vue
+++ b/src/views/sponeScreen/gisMF/cesiumMap.vue
@@ -24,7 +24,6 @@
   layer.newfiberId = 'blackMap';
   newfiberMap.getMap().scene.globe.baseColor = Cesium.Color.fromCssColorString('rgba(8,27,54,1)');
   newfiberMap.getMap().imageryLayers.addImageryProvider(layer);
-  // //设置视窗位置
   newfiberMap.setView({
     lng: 114.312,
     lat: 34.502,

diff --git a/src/views/sponeScreen/Echarts/AssessmentEcharts.vue b/src/views/sponeScreen/Echarts/AssessmentEcharts.vue
index 22a8c0c..71b512f 100644
--- a/src/views/sponeScreen/Echarts/AssessmentEcharts.vue
+++ b/src/views/sponeScreen/Echarts/AssessmentEcharts.vue
@@ -211,7 +211,7 @@
       };
       option && chartDom.setOption(option, true);
       allData.chart = chartDom;
-      animateChart();
+      // animateChart();
     };
     watch(
       () => props.refresh,
diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue
index f9f99a9..4c4804e 100644
--- a/src/views/sponeScreen/HaiMianScreen/index.vue
+++ b/src/views/sponeScreen/HaiMianScreen/index.vue
@@ -2,7 +2,7 @@
   <!-- 海绵综合一张图首页 -->
   <div class="hmMainPage">
     <!-- 地图 -->
-    <GisMapMF v-if="menuIndex != 3"></GisMapMF>
+    <GisMapMF v-show="menuIndex != 3"></GisMapMF>
 
     <!-- 图例 -->
     <Legend
@@ -50,7 +50,7 @@
     </div>
 
     <!-- 底部装饰 -->
-    <div class="bottomHM" v-if="menuIndex != 3"></div>
+    <div class="bottomHM" v-show="menuIndex != 3"></div>
   </div>
 </template>
 
@@ -90,7 +90,7 @@
 // 菜单跳转
 function menuClick(id) {
   menuIndex.value = id;
-
+  showPanel.value = false;
   NewFiberMapUtils.removeByIds(Object.values(NewFiberMapUtils.defaultParams.keys));
   if (id == 4) NewFiberMapUtils.defaultPreventWaterlogging(newfiberMap);
   if (id == 5) NewFiberMapUtils.defaultPatrolDemo(newfiberMap);
diff --git a/src/views/sponeScreen/gisMF/cesiumMap.vue b/src/views/sponeScreen/gisMF/cesiumMap.vue
index 6d4fdaf..e3f4efd 100644
--- a/src/views/sponeScreen/gisMF/cesiumMap.vue
+++ b/src/views/sponeScreen/gisMF/cesiumMap.vue
@@ -24,7 +24,6 @@
   layer.newfiberId = 'blackMap';
   newfiberMap.getMap().scene.globe.baseColor = Cesium.Color.fromCssColorString('rgba(8,27,54,1)');
   newfiberMap.getMap().imageryLayers.addImageryProvider(layer);
-  // //设置视窗位置
   newfiberMap.setView({
     lng: 114.312,
     lat: 34.502,
diff --git a/src/views/sponeScreen/projectHM/ProjectDisplay.vue b/src/views/sponeScreen/projectHM/ProjectDisplay.vue
index 435a68e..d0ca62e 100644
--- a/src/views/sponeScreen/projectHM/ProjectDisplay.vue
+++ b/src/views/sponeScreen/projectHM/ProjectDisplay.vue
@@ -3,26 +3,28 @@
     <div class="partTitleHM">项目展示列表</div>
     <div class="ConstrucClass">
       <div class="HeadContent">
-        <el-form-item>
+        <el-form-item style="width: 95%; margin: auto">
           <el-select
-          v-model="searvhDate"
-          clearable
-          filterable
-          remote
-          placeholder="请输入项目名称"
-          :remote-method="blurMethod"
-          @change="stationListChange"
-          style="width: 95%;"
-        >
-          <el-option v-for="item in listDataXm" :key="item.projectNo" :label="item.projectName" :value="item.projectNo" />
-        </el-select>
+            v-model="searvhDate"
+            clearable
+            filterable
+            remote
+            placeholder="请输入项目名称"
+            :remote-method="blurMethod"
+            @change="stationListChange"
+            style="width: 95%"
+          >
+            <el-option v-for="item in listDataXm" :key="item.projectNo" :label="item.projectName" :value="item.projectNo" />
+          </el-select>
         </el-form-item>
       </div>
       <div class="ConstrucNr">
-        <Vue3SeamlessScroll  :list="listDataXm"   :singleHeight="55" :singleWaitTime="1500" :hover="true"   class="scroll">
+        <Vue3SeamlessScroll :list="listDataXm" :singleHeight="55" :singleWaitTime="1500" :hover="true" class="scroll">
           <div class="listXm" v-for="item in listDataXm" :title="item.projectName" @click="ProjectClick(item)">
             <img class="Icon_zp" :src="getIcon(item.projectTypeName)" alt="" />
-            <div :class="{activeConstruListA: listActive.projectNo==item.projectNo}"   class="XmName ellipsis" >{{ item.projectName }}</div>
+            <div :class="{ activeConstruListA: listActive.projectNo == item.projectNo }" class="XmName ellipsis">
+              {{ item.projectName }}
+            </div>
           </div>
         </Vue3SeamlessScroll>
       </div>
@@ -32,7 +34,7 @@
 
 <script setup>
 import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
-import { projectInfoNew } from '@/api/sponeScreen/gcpjApi.js'
+import { projectInfoNew } from '@/api/sponeScreen/gcpjApi.js';
 import bus from '@/bus';
 import dlgc from '@/assets/images/zonglan/2.png';
 import gyld from '@/assets/images/zonglan/3.png';
@@ -47,7 +49,7 @@
 const emitM = defineEmits();
 const listDataXm = ref([]);
 const listActive = ref({});
-const searvhDate=ref('')
+const searvhDate = ref('');
 const obj = {
   海绵建筑与社区: jzsq,
   海绵型道路广场: dlgc,
@@ -61,17 +63,17 @@
 const getIcon = name => {
   return obj[name];
 };
-async function projectInfoNewM(p) { 
-  let { data, code } = await projectInfoNew(p)
-  if (code == 200) { 
-    listDataXm.value = data
+async function projectInfoNewM(p) {
+  let { data, code } = await projectInfoNew(p);
+  if (code == 200) {
+    listDataXm.value = data;
   }
 }
 const AllData = reactive({
   queryParams: {},
 });
-const ProjectClick = (row) => { 
-  listActive.value = row
+const ProjectClick = row => {
+  listActive.value = row;
   listDataXm.value.map(i => {
     if (row.id == i.id) {
       i.checked = !i.checked;
@@ -79,18 +81,19 @@
       i.checked = false;
     }
   });
+
   let arr = listDataXm.value.filter(i => i.checked);
   emitM('qipaoDateMeth', arr[0], arr[0]?.checked);
-}
+};
 const { queryParams } = toRefs(AllData);
 function stationListChange(v) {
   projectInfoNewM({ projectNo: v });
 }
 
-projectInfoNewM()
-bus.on('getProjectList', (i) => { 
-    projectInfoNewM({projectTypeId:i.typeId})
-})
+projectInfoNewM();
+bus.on('getProjectList', i => {
+  projectInfoNewM({ projectTypeId: i.typeId });
+});
 </script>
 
 <style lang="scss" scoped>
@@ -146,10 +149,9 @@
         height: 50px;
         // background: red;
         overflow: hidden;
-       white-space: nowrap; /* 防止文字换行 */
-         text-overflow: ellipsis; 
+        white-space: nowrap; /* 防止文字换行 */
+        text-overflow: ellipsis;
       }
-      
     }
   }
 }
@@ -161,17 +163,17 @@
   width: 390px !important;
 }
 :deep(.el-input__wrapper, .el-textarea__inner) {
-    background:#11559b  !important;
-    // box-shadow: 0 0 0 0.00521rem  inset !important;
-    color: #fff !important;
+  background: #11559b !important;
+  // box-shadow: 0 0 0 0.00521rem  inset !important;
+  color: #fff !important;
 }
 :deep(.el-form-item__content) {
-    margin: 10px;
+  margin: 10px;
 }
-.activeConstruListA
-{ 
+.activeConstruListA {
   color: #cbc05a;
 }
-:deep(.scroll >div>:nth-child(2)){display: none !important}
-
+:deep(.scroll > div > :nth-child(2)) {
+  display: none !important;
+}
 </style>

diff --git a/src/views/sponeScreen/Echarts/AssessmentEcharts.vue b/src/views/sponeScreen/Echarts/AssessmentEcharts.vue
index 22a8c0c..71b512f 100644
--- a/src/views/sponeScreen/Echarts/AssessmentEcharts.vue
+++ b/src/views/sponeScreen/Echarts/AssessmentEcharts.vue
@@ -211,7 +211,7 @@
       };
       option && chartDom.setOption(option, true);
       allData.chart = chartDom;
-      animateChart();
+      // animateChart();
     };
     watch(
       () => props.refresh,
diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue
index f9f99a9..4c4804e 100644
--- a/src/views/sponeScreen/HaiMianScreen/index.vue
+++ b/src/views/sponeScreen/HaiMianScreen/index.vue
@@ -2,7 +2,7 @@
   <!-- 海绵综合一张图首页 -->
   <div class="hmMainPage">
     <!-- 地图 -->
-    <GisMapMF v-if="menuIndex != 3"></GisMapMF>
+    <GisMapMF v-show="menuIndex != 3"></GisMapMF>
 
     <!-- 图例 -->
     <Legend
@@ -50,7 +50,7 @@
     </div>
 
     <!-- 底部装饰 -->
-    <div class="bottomHM" v-if="menuIndex != 3"></div>
+    <div class="bottomHM" v-show="menuIndex != 3"></div>
   </div>
 </template>
 
@@ -90,7 +90,7 @@
 // 菜单跳转
 function menuClick(id) {
   menuIndex.value = id;
-
+  showPanel.value = false;
   NewFiberMapUtils.removeByIds(Object.values(NewFiberMapUtils.defaultParams.keys));
   if (id == 4) NewFiberMapUtils.defaultPreventWaterlogging(newfiberMap);
   if (id == 5) NewFiberMapUtils.defaultPatrolDemo(newfiberMap);
diff --git a/src/views/sponeScreen/gisMF/cesiumMap.vue b/src/views/sponeScreen/gisMF/cesiumMap.vue
index 6d4fdaf..e3f4efd 100644
--- a/src/views/sponeScreen/gisMF/cesiumMap.vue
+++ b/src/views/sponeScreen/gisMF/cesiumMap.vue
@@ -24,7 +24,6 @@
   layer.newfiberId = 'blackMap';
   newfiberMap.getMap().scene.globe.baseColor = Cesium.Color.fromCssColorString('rgba(8,27,54,1)');
   newfiberMap.getMap().imageryLayers.addImageryProvider(layer);
-  // //设置视窗位置
   newfiberMap.setView({
     lng: 114.312,
     lat: 34.502,
diff --git a/src/views/sponeScreen/projectHM/ProjectDisplay.vue b/src/views/sponeScreen/projectHM/ProjectDisplay.vue
index 435a68e..d0ca62e 100644
--- a/src/views/sponeScreen/projectHM/ProjectDisplay.vue
+++ b/src/views/sponeScreen/projectHM/ProjectDisplay.vue
@@ -3,26 +3,28 @@
     <div class="partTitleHM">项目展示列表</div>
     <div class="ConstrucClass">
       <div class="HeadContent">
-        <el-form-item>
+        <el-form-item style="width: 95%; margin: auto">
           <el-select
-          v-model="searvhDate"
-          clearable
-          filterable
-          remote
-          placeholder="请输入项目名称"
-          :remote-method="blurMethod"
-          @change="stationListChange"
-          style="width: 95%;"
-        >
-          <el-option v-for="item in listDataXm" :key="item.projectNo" :label="item.projectName" :value="item.projectNo" />
-        </el-select>
+            v-model="searvhDate"
+            clearable
+            filterable
+            remote
+            placeholder="请输入项目名称"
+            :remote-method="blurMethod"
+            @change="stationListChange"
+            style="width: 95%"
+          >
+            <el-option v-for="item in listDataXm" :key="item.projectNo" :label="item.projectName" :value="item.projectNo" />
+          </el-select>
         </el-form-item>
       </div>
       <div class="ConstrucNr">
-        <Vue3SeamlessScroll  :list="listDataXm"   :singleHeight="55" :singleWaitTime="1500" :hover="true"   class="scroll">
+        <Vue3SeamlessScroll :list="listDataXm" :singleHeight="55" :singleWaitTime="1500" :hover="true" class="scroll">
           <div class="listXm" v-for="item in listDataXm" :title="item.projectName" @click="ProjectClick(item)">
             <img class="Icon_zp" :src="getIcon(item.projectTypeName)" alt="" />
-            <div :class="{activeConstruListA: listActive.projectNo==item.projectNo}"   class="XmName ellipsis" >{{ item.projectName }}</div>
+            <div :class="{ activeConstruListA: listActive.projectNo == item.projectNo }" class="XmName ellipsis">
+              {{ item.projectName }}
+            </div>
           </div>
         </Vue3SeamlessScroll>
       </div>
@@ -32,7 +34,7 @@
 
 <script setup>
 import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
-import { projectInfoNew } from '@/api/sponeScreen/gcpjApi.js'
+import { projectInfoNew } from '@/api/sponeScreen/gcpjApi.js';
 import bus from '@/bus';
 import dlgc from '@/assets/images/zonglan/2.png';
 import gyld from '@/assets/images/zonglan/3.png';
@@ -47,7 +49,7 @@
 const emitM = defineEmits();
 const listDataXm = ref([]);
 const listActive = ref({});
-const searvhDate=ref('')
+const searvhDate = ref('');
 const obj = {
   海绵建筑与社区: jzsq,
   海绵型道路广场: dlgc,
@@ -61,17 +63,17 @@
 const getIcon = name => {
   return obj[name];
 };
-async function projectInfoNewM(p) { 
-  let { data, code } = await projectInfoNew(p)
-  if (code == 200) { 
-    listDataXm.value = data
+async function projectInfoNewM(p) {
+  let { data, code } = await projectInfoNew(p);
+  if (code == 200) {
+    listDataXm.value = data;
   }
 }
 const AllData = reactive({
   queryParams: {},
 });
-const ProjectClick = (row) => { 
-  listActive.value = row
+const ProjectClick = row => {
+  listActive.value = row;
   listDataXm.value.map(i => {
     if (row.id == i.id) {
       i.checked = !i.checked;
@@ -79,18 +81,19 @@
       i.checked = false;
     }
   });
+
   let arr = listDataXm.value.filter(i => i.checked);
   emitM('qipaoDateMeth', arr[0], arr[0]?.checked);
-}
+};
 const { queryParams } = toRefs(AllData);
 function stationListChange(v) {
   projectInfoNewM({ projectNo: v });
 }
 
-projectInfoNewM()
-bus.on('getProjectList', (i) => { 
-    projectInfoNewM({projectTypeId:i.typeId})
-})
+projectInfoNewM();
+bus.on('getProjectList', i => {
+  projectInfoNewM({ projectTypeId: i.typeId });
+});
 </script>
 
 <style lang="scss" scoped>
@@ -146,10 +149,9 @@
         height: 50px;
         // background: red;
         overflow: hidden;
-       white-space: nowrap; /* 防止文字换行 */
-         text-overflow: ellipsis; 
+        white-space: nowrap; /* 防止文字换行 */
+        text-overflow: ellipsis;
       }
-      
     }
   }
 }
@@ -161,17 +163,17 @@
   width: 390px !important;
 }
 :deep(.el-input__wrapper, .el-textarea__inner) {
-    background:#11559b  !important;
-    // box-shadow: 0 0 0 0.00521rem  inset !important;
-    color: #fff !important;
+  background: #11559b !important;
+  // box-shadow: 0 0 0 0.00521rem  inset !important;
+  color: #fff !important;
 }
 :deep(.el-form-item__content) {
-    margin: 10px;
+  margin: 10px;
 }
-.activeConstruListA
-{ 
+.activeConstruListA {
   color: #cbc05a;
 }
-:deep(.scroll >div>:nth-child(2)){display: none !important}
-
+:deep(.scroll > div > :nth-child(2)) {
+  display: none !important;
+}
 </style>
diff --git a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/jianseduibi.vue b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/jianseduibi.vue
index 4afc7d8..4277e32 100644
--- a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/jianseduibi.vue
+++ b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/jianseduibi.vue
@@ -111,7 +111,7 @@
 
     display: flex;
     font-size: 12px;
-    background: linear-gradient(0deg, #005CBA  0%,  #000F26  100%);
+    background: linear-gradient(0deg, #005cba 0%, #000f26 100%);
     .label_xnmx {
       height: 88px;
       padding: 10px;
@@ -149,14 +149,15 @@
     height: 36px;
     line-height: 36px;
     text-indent: 24px;
-    background: linear-gradient(90deg, #005CBA  0%,  #000F26  100%);
+    background: #17b4e7;
+    opacity: 0.5;
   }
 }
 
 .title {
   font-size: 16px;
   font-weight: 700;
-  color: #fff;
+  color: #ffffff;
 }
 
 .xmzb {

diff --git a/src/views/sponeScreen/Echarts/AssessmentEcharts.vue b/src/views/sponeScreen/Echarts/AssessmentEcharts.vue
index 22a8c0c..71b512f 100644
--- a/src/views/sponeScreen/Echarts/AssessmentEcharts.vue
+++ b/src/views/sponeScreen/Echarts/AssessmentEcharts.vue
@@ -211,7 +211,7 @@
       };
       option && chartDom.setOption(option, true);
       allData.chart = chartDom;
-      animateChart();
+      // animateChart();
     };
     watch(
       () => props.refresh,
diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue
index f9f99a9..4c4804e 100644
--- a/src/views/sponeScreen/HaiMianScreen/index.vue
+++ b/src/views/sponeScreen/HaiMianScreen/index.vue
@@ -2,7 +2,7 @@
   <!-- 海绵综合一张图首页 -->
   <div class="hmMainPage">
     <!-- 地图 -->
-    <GisMapMF v-if="menuIndex != 3"></GisMapMF>
+    <GisMapMF v-show="menuIndex != 3"></GisMapMF>
 
     <!-- 图例 -->
     <Legend
@@ -50,7 +50,7 @@
     </div>
 
     <!-- 底部装饰 -->
-    <div class="bottomHM" v-if="menuIndex != 3"></div>
+    <div class="bottomHM" v-show="menuIndex != 3"></div>
   </div>
 </template>
 
@@ -90,7 +90,7 @@
 // 菜单跳转
 function menuClick(id) {
   menuIndex.value = id;
-
+  showPanel.value = false;
   NewFiberMapUtils.removeByIds(Object.values(NewFiberMapUtils.defaultParams.keys));
   if (id == 4) NewFiberMapUtils.defaultPreventWaterlogging(newfiberMap);
   if (id == 5) NewFiberMapUtils.defaultPatrolDemo(newfiberMap);
diff --git a/src/views/sponeScreen/gisMF/cesiumMap.vue b/src/views/sponeScreen/gisMF/cesiumMap.vue
index 6d4fdaf..e3f4efd 100644
--- a/src/views/sponeScreen/gisMF/cesiumMap.vue
+++ b/src/views/sponeScreen/gisMF/cesiumMap.vue
@@ -24,7 +24,6 @@
   layer.newfiberId = 'blackMap';
   newfiberMap.getMap().scene.globe.baseColor = Cesium.Color.fromCssColorString('rgba(8,27,54,1)');
   newfiberMap.getMap().imageryLayers.addImageryProvider(layer);
-  // //设置视窗位置
   newfiberMap.setView({
     lng: 114.312,
     lat: 34.502,
diff --git a/src/views/sponeScreen/projectHM/ProjectDisplay.vue b/src/views/sponeScreen/projectHM/ProjectDisplay.vue
index 435a68e..d0ca62e 100644
--- a/src/views/sponeScreen/projectHM/ProjectDisplay.vue
+++ b/src/views/sponeScreen/projectHM/ProjectDisplay.vue
@@ -3,26 +3,28 @@
     <div class="partTitleHM">项目展示列表</div>
     <div class="ConstrucClass">
       <div class="HeadContent">
-        <el-form-item>
+        <el-form-item style="width: 95%; margin: auto">
           <el-select
-          v-model="searvhDate"
-          clearable
-          filterable
-          remote
-          placeholder="请输入项目名称"
-          :remote-method="blurMethod"
-          @change="stationListChange"
-          style="width: 95%;"
-        >
-          <el-option v-for="item in listDataXm" :key="item.projectNo" :label="item.projectName" :value="item.projectNo" />
-        </el-select>
+            v-model="searvhDate"
+            clearable
+            filterable
+            remote
+            placeholder="请输入项目名称"
+            :remote-method="blurMethod"
+            @change="stationListChange"
+            style="width: 95%"
+          >
+            <el-option v-for="item in listDataXm" :key="item.projectNo" :label="item.projectName" :value="item.projectNo" />
+          </el-select>
         </el-form-item>
       </div>
       <div class="ConstrucNr">
-        <Vue3SeamlessScroll  :list="listDataXm"   :singleHeight="55" :singleWaitTime="1500" :hover="true"   class="scroll">
+        <Vue3SeamlessScroll :list="listDataXm" :singleHeight="55" :singleWaitTime="1500" :hover="true" class="scroll">
           <div class="listXm" v-for="item in listDataXm" :title="item.projectName" @click="ProjectClick(item)">
             <img class="Icon_zp" :src="getIcon(item.projectTypeName)" alt="" />
-            <div :class="{activeConstruListA: listActive.projectNo==item.projectNo}"   class="XmName ellipsis" >{{ item.projectName }}</div>
+            <div :class="{ activeConstruListA: listActive.projectNo == item.projectNo }" class="XmName ellipsis">
+              {{ item.projectName }}
+            </div>
           </div>
         </Vue3SeamlessScroll>
       </div>
@@ -32,7 +34,7 @@
 
 <script setup>
 import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
-import { projectInfoNew } from '@/api/sponeScreen/gcpjApi.js'
+import { projectInfoNew } from '@/api/sponeScreen/gcpjApi.js';
 import bus from '@/bus';
 import dlgc from '@/assets/images/zonglan/2.png';
 import gyld from '@/assets/images/zonglan/3.png';
@@ -47,7 +49,7 @@
 const emitM = defineEmits();
 const listDataXm = ref([]);
 const listActive = ref({});
-const searvhDate=ref('')
+const searvhDate = ref('');
 const obj = {
   海绵建筑与社区: jzsq,
   海绵型道路广场: dlgc,
@@ -61,17 +63,17 @@
 const getIcon = name => {
   return obj[name];
 };
-async function projectInfoNewM(p) { 
-  let { data, code } = await projectInfoNew(p)
-  if (code == 200) { 
-    listDataXm.value = data
+async function projectInfoNewM(p) {
+  let { data, code } = await projectInfoNew(p);
+  if (code == 200) {
+    listDataXm.value = data;
   }
 }
 const AllData = reactive({
   queryParams: {},
 });
-const ProjectClick = (row) => { 
-  listActive.value = row
+const ProjectClick = row => {
+  listActive.value = row;
   listDataXm.value.map(i => {
     if (row.id == i.id) {
       i.checked = !i.checked;
@@ -79,18 +81,19 @@
       i.checked = false;
     }
   });
+
   let arr = listDataXm.value.filter(i => i.checked);
   emitM('qipaoDateMeth', arr[0], arr[0]?.checked);
-}
+};
 const { queryParams } = toRefs(AllData);
 function stationListChange(v) {
   projectInfoNewM({ projectNo: v });
 }
 
-projectInfoNewM()
-bus.on('getProjectList', (i) => { 
-    projectInfoNewM({projectTypeId:i.typeId})
-})
+projectInfoNewM();
+bus.on('getProjectList', i => {
+  projectInfoNewM({ projectTypeId: i.typeId });
+});
 </script>
 
 <style lang="scss" scoped>
@@ -146,10 +149,9 @@
         height: 50px;
         // background: red;
         overflow: hidden;
-       white-space: nowrap; /* 防止文字换行 */
-         text-overflow: ellipsis; 
+        white-space: nowrap; /* 防止文字换行 */
+        text-overflow: ellipsis;
       }
-      
     }
   }
 }
@@ -161,17 +163,17 @@
   width: 390px !important;
 }
 :deep(.el-input__wrapper, .el-textarea__inner) {
-    background:#11559b  !important;
-    // box-shadow: 0 0 0 0.00521rem  inset !important;
-    color: #fff !important;
+  background: #11559b !important;
+  // box-shadow: 0 0 0 0.00521rem  inset !important;
+  color: #fff !important;
 }
 :deep(.el-form-item__content) {
-    margin: 10px;
+  margin: 10px;
 }
-.activeConstruListA
-{ 
+.activeConstruListA {
   color: #cbc05a;
 }
-:deep(.scroll >div>:nth-child(2)){display: none !important}
-
+:deep(.scroll > div > :nth-child(2)) {
+  display: none !important;
+}
 </style>
diff --git a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/jianseduibi.vue b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/jianseduibi.vue
index 4afc7d8..4277e32 100644
--- a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/jianseduibi.vue
+++ b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/jianseduibi.vue
@@ -111,7 +111,7 @@
 
     display: flex;
     font-size: 12px;
-    background: linear-gradient(0deg, #005CBA  0%,  #000F26  100%);
+    background: linear-gradient(0deg, #005cba 0%, #000f26 100%);
     .label_xnmx {
       height: 88px;
       padding: 10px;
@@ -149,14 +149,15 @@
     height: 36px;
     line-height: 36px;
     text-indent: 24px;
-    background: linear-gradient(90deg, #005CBA  0%,  #000F26  100%);
+    background: #17b4e7;
+    opacity: 0.5;
   }
 }
 
 .title {
   font-size: 16px;
   font-weight: 700;
-  color: #fff;
+  color: #ffffff;
 }
 
 .xmzb {
diff --git a/src/views/sponeScreen/projectHM/index.vue b/src/views/sponeScreen/projectHM/index.vue
index 68c0587..369d8af 100644
--- a/src/views/sponeScreen/projectHM/index.vue
+++ b/src/views/sponeScreen/projectHM/index.vue
@@ -3,9 +3,9 @@
   <div class="publicContainer">
     <div :class="['publicLeftHM', 'animate__animated', showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft']">
       <!-- 建设状态 -->
-      <ConstructionStatus ></ConstructionStatus>
+      <ConstructionStatus></ConstructionStatus>
       <!--  项目展示-->
-      <ProjectDisplay  @qipaoDateMeth="qipaoDateMeth"></ProjectDisplay>
+      <ProjectDisplay @qipaoDateMeth="qipaoDateMeth"></ProjectDisplay>
     </div>
     <div :class="['publicRightHM', 'animate__animated', showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight']">
       <!-- 项目类型 -->
@@ -14,7 +14,7 @@
       <ProjectEvaluation></ProjectEvaluation>
     </div>
   </div>
-    <qipao v-if="visibleqipao" @closed="closed" :allDateList="allDate"></qipao>
+  <qipao v-if="visibleqipao" @closed="closed" :allDateList="allDate"></qipao>
 </template>
 <script setup>
 import ConstructionStatus from '@/views/sponeScreen/projectHM/ConstructionStatus.vue'; //建设状态
@@ -46,7 +46,7 @@
   allDate.value = v;
   setTimeout(() => {
     if (isShow) {
-      debugger
+      // debugger
       visibleqipao.value = true;
     }
   }, 10);
@@ -58,7 +58,7 @@
 </script>
 
 <style lang="scss" scoped>
-.publicContainer{ 
+.publicContainer {
   position: relative;
 }
 </style>