diff --git a/src/views/sponeScreen/projectHM/ProjectDisplay.vue b/src/views/sponeScreen/projectHM/ProjectDisplay.vue
index e06c745..435a68e 100644
--- a/src/views/sponeScreen/projectHM/ProjectDisplay.vue
+++ b/src/views/sponeScreen/projectHM/ProjectDisplay.vue
@@ -4,11 +4,22 @@
     <div class="ConstrucClass">
       <div class="HeadContent">
         <el-form-item>
-          <el-input @blur="blurMethod(queryParams.filieDescription)" v-model="queryParams.filieDescription" placeholder="请输入项目名称" style="width: 95%; margin: 15px 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>
         </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>
@@ -32,9 +43,11 @@
 import jzsq from '@/assets/images/zonglan/6.png';
 import qt from '@/assets/images/zonglan/7.png';
 import Architectural from '@/assets/newImgs/HMScreen/Architectural_icon.png';
+import { nextTick } from 'vue';
 const emitM = defineEmits();
 const listDataXm = ref([]);
 const listActive = ref({});
+const searvhDate=ref('')
 const obj = {
   海绵建筑与社区: jzsq,
   海绵型道路广场: dlgc,
@@ -51,7 +64,7 @@
 async function projectInfoNewM(p) { 
   let { data, code } = await projectInfoNew(p)
   if (code == 200) { 
-    listDataXm.value=data
+    listDataXm.value = data
   }
 }
 const AllData = reactive({
@@ -70,20 +83,13 @@
   emitM('qipaoDateMeth', arr[0], arr[0]?.checked);
 }
 const { queryParams } = toRefs(AllData);
-const blurMethod = v => {
-  if (v) {
-    projectInfoNewM({projectName:v})
-    // listDataXm.value = listDataXm.value.filter(item => {
-    //   return item.projectName.includes(v);
-    // });
-  } else { 
-    projectInfoNewM()
-  }
-};
+function stationListChange(v) {
+  projectInfoNewM({ projectNo: v });
+}
+
 projectInfoNewM()
 bus.on('getProjectList', (i) => { 
-  debugger
-    projectInfoNewM({projectTypeName:i.typeName})
+    projectInfoNewM({projectTypeId:i.typeId})
 })
 </script>
 
@@ -148,14 +154,24 @@
   }
 }
 
-:deep(.el-input__wrapper, .el-textarea__inner) {
+:deep(.el-input__inner) {
   background: #11559b !important;
-  box-shadow: 0 0 0 0.00521rem #066592 inset !important;
-  border: 1px solid #2790fb;
+  // box-shadow: 0 0 0 0.00521rem #066592 inset !important;
   color: #fff !important;
+  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;
+}
+:deep(.el-form-item__content) {
+    margin: 10px;
 }
 .activeConstruListA
 { 
   color: #cbc05a;
 }
+:deep(.scroll >div>:nth-child(2)){display: none !important}
+
 </style>

diff --git a/src/views/sponeScreen/projectHM/ProjectDisplay.vue b/src/views/sponeScreen/projectHM/ProjectDisplay.vue
index e06c745..435a68e 100644
--- a/src/views/sponeScreen/projectHM/ProjectDisplay.vue
+++ b/src/views/sponeScreen/projectHM/ProjectDisplay.vue
@@ -4,11 +4,22 @@
     <div class="ConstrucClass">
       <div class="HeadContent">
         <el-form-item>
-          <el-input @blur="blurMethod(queryParams.filieDescription)" v-model="queryParams.filieDescription" placeholder="请输入项目名称" style="width: 95%; margin: 15px 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>
         </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>
@@ -32,9 +43,11 @@
 import jzsq from '@/assets/images/zonglan/6.png';
 import qt from '@/assets/images/zonglan/7.png';
 import Architectural from '@/assets/newImgs/HMScreen/Architectural_icon.png';
+import { nextTick } from 'vue';
 const emitM = defineEmits();
 const listDataXm = ref([]);
 const listActive = ref({});
+const searvhDate=ref('')
 const obj = {
   海绵建筑与社区: jzsq,
   海绵型道路广场: dlgc,
@@ -51,7 +64,7 @@
 async function projectInfoNewM(p) { 
   let { data, code } = await projectInfoNew(p)
   if (code == 200) { 
-    listDataXm.value=data
+    listDataXm.value = data
   }
 }
 const AllData = reactive({
@@ -70,20 +83,13 @@
   emitM('qipaoDateMeth', arr[0], arr[0]?.checked);
 }
 const { queryParams } = toRefs(AllData);
-const blurMethod = v => {
-  if (v) {
-    projectInfoNewM({projectName:v})
-    // listDataXm.value = listDataXm.value.filter(item => {
-    //   return item.projectName.includes(v);
-    // });
-  } else { 
-    projectInfoNewM()
-  }
-};
+function stationListChange(v) {
+  projectInfoNewM({ projectNo: v });
+}
+
 projectInfoNewM()
 bus.on('getProjectList', (i) => { 
-  debugger
-    projectInfoNewM({projectTypeName:i.typeName})
+    projectInfoNewM({projectTypeId:i.typeId})
 })
 </script>
 
@@ -148,14 +154,24 @@
   }
 }
 
-:deep(.el-input__wrapper, .el-textarea__inner) {
+:deep(.el-input__inner) {
   background: #11559b !important;
-  box-shadow: 0 0 0 0.00521rem #066592 inset !important;
-  border: 1px solid #2790fb;
+  // box-shadow: 0 0 0 0.00521rem #066592 inset !important;
   color: #fff !important;
+  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;
+}
+:deep(.el-form-item__content) {
+    margin: 10px;
 }
 .activeConstruListA
 { 
   color: #cbc05a;
 }
+:deep(.scroll >div>:nth-child(2)){display: none !important}
+
 </style>
diff --git a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
index e3f0d04..5ca7159 100644
--- a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
+++ b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
@@ -22,10 +22,20 @@
       </div>
     </div>
     <div class="projectMb xiangxinfo">
-      <span class="title">项目设计指标</span>
+      <span class="title">项目设计参数</span>
     </div>
     <div class="xiangxinfo xmzb">
-      <div v-for="i in xmmbList" :key="i.id" class="label_xnmx">
+      <div class="label_xnmx">
+        <div class="title_class">
+          <!-- <div class="top">{{ i.propertyName }}</div> -->
+          <div class="content">
+            <span :title="projectDesign">
+              {{ projectDesign}}
+            </span>
+          </div>
+        </div>
+      </div>
+      <!-- <div v-for="i in xmmbList" :key="i.id" class="label_xnmx">
         <div class="title_class">
           <div class="top">{{ i.propertyName }}</div>
           <div class="content">
@@ -34,13 +44,23 @@
             </span>
           </div>
         </div>
-      </div>
+      </div> -->
     </div>
     <div class="projectMb">
       <span class="title">项目总体工程量</span>
     </div>
     <div class="xiangxinfo xmzb">
-      <div v-for="i in xmxtgcl" :key="i.id" class="label_xnmx">
+      <div class="label_xnmx">
+        <div class="title_class">
+          <!-- <div class="top">{{ i.propertyName }}</div> -->
+          <div class="content">
+            <span :title="overallEngineering">
+              {{ overallEngineering}}
+            </span>
+          </div>
+        </div>
+      </div>
+      <!-- <div v-for="i in xmxtgcl" :key="i.id" class="label_xnmx">
         <div class="title_class">
           <div class="top">{{ i.propertyName }}</div>
           <div class="content">
@@ -49,7 +69,7 @@
             </span>
           </div>
         </div>
-      </div>
+      </div> -->
     </div>
   </div>
 </template>

diff --git a/src/views/sponeScreen/projectHM/ProjectDisplay.vue b/src/views/sponeScreen/projectHM/ProjectDisplay.vue
index e06c745..435a68e 100644
--- a/src/views/sponeScreen/projectHM/ProjectDisplay.vue
+++ b/src/views/sponeScreen/projectHM/ProjectDisplay.vue
@@ -4,11 +4,22 @@
     <div class="ConstrucClass">
       <div class="HeadContent">
         <el-form-item>
-          <el-input @blur="blurMethod(queryParams.filieDescription)" v-model="queryParams.filieDescription" placeholder="请输入项目名称" style="width: 95%; margin: 15px 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>
         </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>
@@ -32,9 +43,11 @@
 import jzsq from '@/assets/images/zonglan/6.png';
 import qt from '@/assets/images/zonglan/7.png';
 import Architectural from '@/assets/newImgs/HMScreen/Architectural_icon.png';
+import { nextTick } from 'vue';
 const emitM = defineEmits();
 const listDataXm = ref([]);
 const listActive = ref({});
+const searvhDate=ref('')
 const obj = {
   海绵建筑与社区: jzsq,
   海绵型道路广场: dlgc,
@@ -51,7 +64,7 @@
 async function projectInfoNewM(p) { 
   let { data, code } = await projectInfoNew(p)
   if (code == 200) { 
-    listDataXm.value=data
+    listDataXm.value = data
   }
 }
 const AllData = reactive({
@@ -70,20 +83,13 @@
   emitM('qipaoDateMeth', arr[0], arr[0]?.checked);
 }
 const { queryParams } = toRefs(AllData);
-const blurMethod = v => {
-  if (v) {
-    projectInfoNewM({projectName:v})
-    // listDataXm.value = listDataXm.value.filter(item => {
-    //   return item.projectName.includes(v);
-    // });
-  } else { 
-    projectInfoNewM()
-  }
-};
+function stationListChange(v) {
+  projectInfoNewM({ projectNo: v });
+}
+
 projectInfoNewM()
 bus.on('getProjectList', (i) => { 
-  debugger
-    projectInfoNewM({projectTypeName:i.typeName})
+    projectInfoNewM({projectTypeId:i.typeId})
 })
 </script>
 
@@ -148,14 +154,24 @@
   }
 }
 
-:deep(.el-input__wrapper, .el-textarea__inner) {
+:deep(.el-input__inner) {
   background: #11559b !important;
-  box-shadow: 0 0 0 0.00521rem #066592 inset !important;
-  border: 1px solid #2790fb;
+  // box-shadow: 0 0 0 0.00521rem #066592 inset !important;
   color: #fff !important;
+  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;
+}
+:deep(.el-form-item__content) {
+    margin: 10px;
 }
 .activeConstruListA
 { 
   color: #cbc05a;
 }
+:deep(.scroll >div>:nth-child(2)){display: none !important}
+
 </style>
diff --git a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
index e3f0d04..5ca7159 100644
--- a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
+++ b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
@@ -22,10 +22,20 @@
       </div>
     </div>
     <div class="projectMb xiangxinfo">
-      <span class="title">项目设计指标</span>
+      <span class="title">项目设计参数</span>
     </div>
     <div class="xiangxinfo xmzb">
-      <div v-for="i in xmmbList" :key="i.id" class="label_xnmx">
+      <div class="label_xnmx">
+        <div class="title_class">
+          <!-- <div class="top">{{ i.propertyName }}</div> -->
+          <div class="content">
+            <span :title="projectDesign">
+              {{ projectDesign}}
+            </span>
+          </div>
+        </div>
+      </div>
+      <!-- <div v-for="i in xmmbList" :key="i.id" class="label_xnmx">
         <div class="title_class">
           <div class="top">{{ i.propertyName }}</div>
           <div class="content">
@@ -34,13 +44,23 @@
             </span>
           </div>
         </div>
-      </div>
+      </div> -->
     </div>
     <div class="projectMb">
       <span class="title">项目总体工程量</span>
     </div>
     <div class="xiangxinfo xmzb">
-      <div v-for="i in xmxtgcl" :key="i.id" class="label_xnmx">
+      <div class="label_xnmx">
+        <div class="title_class">
+          <!-- <div class="top">{{ i.propertyName }}</div> -->
+          <div class="content">
+            <span :title="overallEngineering">
+              {{ overallEngineering}}
+            </span>
+          </div>
+        </div>
+      </div>
+      <!-- <div v-for="i in xmxtgcl" :key="i.id" class="label_xnmx">
         <div class="title_class">
           <div class="top">{{ i.propertyName }}</div>
           <div class="content">
@@ -49,7 +69,7 @@
             </span>
           </div>
         </div>
-      </div>
+      </div> -->
     </div>
   </div>
 </template>
diff --git a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue
index 9c133d9..38d9ce8 100644
--- a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue
+++ b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue
@@ -1,7 +1,7 @@
 <template>
   <Transition name="slide-fade">
     <!-- <div class="pmpSitNewDialogw"  v-if="allDate.constructionPurpose"> -->
-      <div class="pmpSitNewDialogw">
+    <div class="pmpSitNewDialogw">
       <div class="title">
         <span class="text">{{ allDate.projectName }}</span>
         <el-icon class="icon_clas" size="22" @click="dclosed">
@@ -18,7 +18,7 @@
           </div>
           <div>
             <div class="timage">
-              建设完成情况
+              项目建设规模及内容
               <div class="text_x" :title="allDate.constructionAchievements">{{ allDate.constructionAchievements }}</div>
             </div>
           </div>
@@ -27,25 +27,22 @@
           </div>
         </div>
         <div class="right_content">
-          <el-image
-            class="img_age"
-            v-if="allImages?.postConstructionFileList?.length > 0"
-            :zoom-rate="1.2"
-            :max-scale="7"
-            :preview-src-list="srcList"
-            :min-scale="0.2"
-            :src="allImages?.postConstructionFileList[0]?.url"
-            alt=""
-            :title="allDate.projectOverview"
-          />
+          <el-carousel trigger="click" height="247px">
+            <el-carousel-item v-if="allImages?.postConstructionFileList?.length > 0"
+              v-for="item in allImages?.postConstructionFileList" :key="item">
+              <el-imag  class="img_age" :zoom-rate="1.2" :max-scale="7" :preview-src-list="srcList" :min-scale="0.2"
+                :src="item?.url" alt="" :title="allDate.projectOverview" />
+            </el-carousel-item>
+            <el-empty :image-size="30" v-else />
+          </el-carousel>
 
-          <el-empty :image-size="30" v-else />
           <div class="text_x image_e" style="height: auto">现场照片</div>
         </div>
       </div>
     </div>
   </Transition>
-  <el-dialog class="pmpSitNewDialog" v-model="daLigoShow" :title="allDate.projectName" :align-center="true" width="47.6%" draggable>
+  <el-dialog class="pmpSitNewDialog" v-model="daLigoShow" :title="allDate.projectName" :align-center="true"
+    width="47.6%" draggable>
     <el-tabs v-model="editableTabsValue" :stretch="true" @tab-click="TabsChange">
       <el-tab-pane v-for="item in editableTabs" :key="item.name" :label="item.title" :name="item.name"> </el-tab-pane>
       <keep-alive>
@@ -139,16 +136,17 @@
 });
 </script>
 <style lang="scss">
-.pmpSitNewDialogw{
+.pmpSitNewDialogw {
   width: 550px;
   height: 330px;
   position: absolute;
   top: 10px;
   left: 485px;
   z-index: 1012;
-  background: linear-gradient(0deg, #005CBA  0%,  #000F26  100%);
+  background: linear-gradient(0deg, #005CBA 0%, #000F26 100%);
   opacity: 9;
   border-radius: 14px;
+
   .title {
     width: 100%;
     height: 40px;
@@ -181,19 +179,24 @@
       text-align: center;
     }
   }
+
   .content {
     padding: 10px;
     display: flex;
     display: flex;
+
     div {
       flex: 1;
     }
+
     .left_content {
+
       // display: flex;
       // flex-direction: column;
       // height: 330px;
-      > div {
+      >div {
         margin-bottom: 15px;
+
         &:last-of-type {
           margin-bottom: 0;
         }
@@ -201,7 +204,7 @@
     }
 
     .timage {
-      background: linear-gradient(90deg, #005CBA 0%, rgba(0,92,186,0) 100%);
+      background: linear-gradient(90deg, #005CBA 0%, rgba(0, 92, 186, 0) 100%);
       height: 96px;
       color: #fff;
       font-size: 17px;
@@ -222,11 +225,13 @@
       height: 70px;
       cursor: pointer;
     }
+
     .image_e {
       text-align: center;
     }
   }
 }
+
 // ::-webkit-scrollbar {
 //   width: 0;
 //   //  height: 10px;
@@ -249,5 +254,4 @@
   width: 100%;
   height: 247px;
 }
-
 </style>

diff --git a/src/views/sponeScreen/projectHM/ProjectDisplay.vue b/src/views/sponeScreen/projectHM/ProjectDisplay.vue
index e06c745..435a68e 100644
--- a/src/views/sponeScreen/projectHM/ProjectDisplay.vue
+++ b/src/views/sponeScreen/projectHM/ProjectDisplay.vue
@@ -4,11 +4,22 @@
     <div class="ConstrucClass">
       <div class="HeadContent">
         <el-form-item>
-          <el-input @blur="blurMethod(queryParams.filieDescription)" v-model="queryParams.filieDescription" placeholder="请输入项目名称" style="width: 95%; margin: 15px 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>
         </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>
@@ -32,9 +43,11 @@
 import jzsq from '@/assets/images/zonglan/6.png';
 import qt from '@/assets/images/zonglan/7.png';
 import Architectural from '@/assets/newImgs/HMScreen/Architectural_icon.png';
+import { nextTick } from 'vue';
 const emitM = defineEmits();
 const listDataXm = ref([]);
 const listActive = ref({});
+const searvhDate=ref('')
 const obj = {
   海绵建筑与社区: jzsq,
   海绵型道路广场: dlgc,
@@ -51,7 +64,7 @@
 async function projectInfoNewM(p) { 
   let { data, code } = await projectInfoNew(p)
   if (code == 200) { 
-    listDataXm.value=data
+    listDataXm.value = data
   }
 }
 const AllData = reactive({
@@ -70,20 +83,13 @@
   emitM('qipaoDateMeth', arr[0], arr[0]?.checked);
 }
 const { queryParams } = toRefs(AllData);
-const blurMethod = v => {
-  if (v) {
-    projectInfoNewM({projectName:v})
-    // listDataXm.value = listDataXm.value.filter(item => {
-    //   return item.projectName.includes(v);
-    // });
-  } else { 
-    projectInfoNewM()
-  }
-};
+function stationListChange(v) {
+  projectInfoNewM({ projectNo: v });
+}
+
 projectInfoNewM()
 bus.on('getProjectList', (i) => { 
-  debugger
-    projectInfoNewM({projectTypeName:i.typeName})
+    projectInfoNewM({projectTypeId:i.typeId})
 })
 </script>
 
@@ -148,14 +154,24 @@
   }
 }
 
-:deep(.el-input__wrapper, .el-textarea__inner) {
+:deep(.el-input__inner) {
   background: #11559b !important;
-  box-shadow: 0 0 0 0.00521rem #066592 inset !important;
-  border: 1px solid #2790fb;
+  // box-shadow: 0 0 0 0.00521rem #066592 inset !important;
   color: #fff !important;
+  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;
+}
+:deep(.el-form-item__content) {
+    margin: 10px;
 }
 .activeConstruListA
 { 
   color: #cbc05a;
 }
+:deep(.scroll >div>:nth-child(2)){display: none !important}
+
 </style>
diff --git a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
index e3f0d04..5ca7159 100644
--- a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
+++ b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
@@ -22,10 +22,20 @@
       </div>
     </div>
     <div class="projectMb xiangxinfo">
-      <span class="title">项目设计指标</span>
+      <span class="title">项目设计参数</span>
     </div>
     <div class="xiangxinfo xmzb">
-      <div v-for="i in xmmbList" :key="i.id" class="label_xnmx">
+      <div class="label_xnmx">
+        <div class="title_class">
+          <!-- <div class="top">{{ i.propertyName }}</div> -->
+          <div class="content">
+            <span :title="projectDesign">
+              {{ projectDesign}}
+            </span>
+          </div>
+        </div>
+      </div>
+      <!-- <div v-for="i in xmmbList" :key="i.id" class="label_xnmx">
         <div class="title_class">
           <div class="top">{{ i.propertyName }}</div>
           <div class="content">
@@ -34,13 +44,23 @@
             </span>
           </div>
         </div>
-      </div>
+      </div> -->
     </div>
     <div class="projectMb">
       <span class="title">项目总体工程量</span>
     </div>
     <div class="xiangxinfo xmzb">
-      <div v-for="i in xmxtgcl" :key="i.id" class="label_xnmx">
+      <div class="label_xnmx">
+        <div class="title_class">
+          <!-- <div class="top">{{ i.propertyName }}</div> -->
+          <div class="content">
+            <span :title="overallEngineering">
+              {{ overallEngineering}}
+            </span>
+          </div>
+        </div>
+      </div>
+      <!-- <div v-for="i in xmxtgcl" :key="i.id" class="label_xnmx">
         <div class="title_class">
           <div class="top">{{ i.propertyName }}</div>
           <div class="content">
@@ -49,7 +69,7 @@
             </span>
           </div>
         </div>
-      </div>
+      </div> -->
     </div>
   </div>
 </template>
diff --git a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue
index 9c133d9..38d9ce8 100644
--- a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue
+++ b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue
@@ -1,7 +1,7 @@
 <template>
   <Transition name="slide-fade">
     <!-- <div class="pmpSitNewDialogw"  v-if="allDate.constructionPurpose"> -->
-      <div class="pmpSitNewDialogw">
+    <div class="pmpSitNewDialogw">
       <div class="title">
         <span class="text">{{ allDate.projectName }}</span>
         <el-icon class="icon_clas" size="22" @click="dclosed">
@@ -18,7 +18,7 @@
           </div>
           <div>
             <div class="timage">
-              建设完成情况
+              项目建设规模及内容
               <div class="text_x" :title="allDate.constructionAchievements">{{ allDate.constructionAchievements }}</div>
             </div>
           </div>
@@ -27,25 +27,22 @@
           </div>
         </div>
         <div class="right_content">
-          <el-image
-            class="img_age"
-            v-if="allImages?.postConstructionFileList?.length > 0"
-            :zoom-rate="1.2"
-            :max-scale="7"
-            :preview-src-list="srcList"
-            :min-scale="0.2"
-            :src="allImages?.postConstructionFileList[0]?.url"
-            alt=""
-            :title="allDate.projectOverview"
-          />
+          <el-carousel trigger="click" height="247px">
+            <el-carousel-item v-if="allImages?.postConstructionFileList?.length > 0"
+              v-for="item in allImages?.postConstructionFileList" :key="item">
+              <el-imag  class="img_age" :zoom-rate="1.2" :max-scale="7" :preview-src-list="srcList" :min-scale="0.2"
+                :src="item?.url" alt="" :title="allDate.projectOverview" />
+            </el-carousel-item>
+            <el-empty :image-size="30" v-else />
+          </el-carousel>
 
-          <el-empty :image-size="30" v-else />
           <div class="text_x image_e" style="height: auto">现场照片</div>
         </div>
       </div>
     </div>
   </Transition>
-  <el-dialog class="pmpSitNewDialog" v-model="daLigoShow" :title="allDate.projectName" :align-center="true" width="47.6%" draggable>
+  <el-dialog class="pmpSitNewDialog" v-model="daLigoShow" :title="allDate.projectName" :align-center="true"
+    width="47.6%" draggable>
     <el-tabs v-model="editableTabsValue" :stretch="true" @tab-click="TabsChange">
       <el-tab-pane v-for="item in editableTabs" :key="item.name" :label="item.title" :name="item.name"> </el-tab-pane>
       <keep-alive>
@@ -139,16 +136,17 @@
 });
 </script>
 <style lang="scss">
-.pmpSitNewDialogw{
+.pmpSitNewDialogw {
   width: 550px;
   height: 330px;
   position: absolute;
   top: 10px;
   left: 485px;
   z-index: 1012;
-  background: linear-gradient(0deg, #005CBA  0%,  #000F26  100%);
+  background: linear-gradient(0deg, #005CBA 0%, #000F26 100%);
   opacity: 9;
   border-radius: 14px;
+
   .title {
     width: 100%;
     height: 40px;
@@ -181,19 +179,24 @@
       text-align: center;
     }
   }
+
   .content {
     padding: 10px;
     display: flex;
     display: flex;
+
     div {
       flex: 1;
     }
+
     .left_content {
+
       // display: flex;
       // flex-direction: column;
       // height: 330px;
-      > div {
+      >div {
         margin-bottom: 15px;
+
         &:last-of-type {
           margin-bottom: 0;
         }
@@ -201,7 +204,7 @@
     }
 
     .timage {
-      background: linear-gradient(90deg, #005CBA 0%, rgba(0,92,186,0) 100%);
+      background: linear-gradient(90deg, #005CBA 0%, rgba(0, 92, 186, 0) 100%);
       height: 96px;
       color: #fff;
       font-size: 17px;
@@ -222,11 +225,13 @@
       height: 70px;
       cursor: pointer;
     }
+
     .image_e {
       text-align: center;
     }
   }
 }
+
 // ::-webkit-scrollbar {
 //   width: 0;
 //   //  height: 10px;
@@ -249,5 +254,4 @@
   width: 100%;
   height: 247px;
 }
-
 </style>
diff --git a/src/views/spongePerformance/mainIndex/centerRight.vue b/src/views/spongePerformance/mainIndex/centerRight.vue
index 93abcac..f25aabf 100644
--- a/src/views/spongePerformance/mainIndex/centerRight.vue
+++ b/src/views/spongePerformance/mainIndex/centerRight.vue
@@ -133,6 +133,7 @@
         type: 'bar',
         data: yData,
         barWidth: '30px',
+        showBackground: true,
         itemStyle: {
           normal: {
             label: {
@@ -160,14 +161,14 @@
               x2: 0, //左
               y2: 1, //上
               colorStops: [
-                {
-                  offset: 0,
-                  color: '#4487F5  ', // 0% 处的颜色
-                },
-                {
-                  offset: 1,
-                  color: '#A7EFFF ', // 100% 处的颜色
-                },
+              {
+        offset: 0, //offset表示位置【0,1】范围，0表示起始位置，1表示结束位置
+        color: '#124e86' // 起始位置设置此颜色，终止位置设置下面的颜色
+    },
+    {
+        offset: 1,
+        color: '#42a8fc'
+    }
               ],
             },
             barBorderRadius: [0, 0, 0, 0],
@@ -178,6 +179,7 @@
         name: titleArray[1] + '%',
         type: 'bar',
         data: yData2,
+        showBackground: true,
         barWidth: '30px',
         itemStyle: {
           normal: {
@@ -205,11 +207,11 @@
               colorStops: [
                 {
                   offset: 0,
-                  color: '#48E38F  ', // 0% 处的颜色
+                  color: '#115984  ', // 0% 处的颜色
                 },
                 {
                   offset: 1,
-                  color: '#D1FBE4  ', // 100% 处的颜色
+                  color: '#39fdf6  ', // 100% 处的颜色
                 },
               ],
             },

diff --git a/src/views/sponeScreen/projectHM/ProjectDisplay.vue b/src/views/sponeScreen/projectHM/ProjectDisplay.vue
index e06c745..435a68e 100644
--- a/src/views/sponeScreen/projectHM/ProjectDisplay.vue
+++ b/src/views/sponeScreen/projectHM/ProjectDisplay.vue
@@ -4,11 +4,22 @@
     <div class="ConstrucClass">
       <div class="HeadContent">
         <el-form-item>
-          <el-input @blur="blurMethod(queryParams.filieDescription)" v-model="queryParams.filieDescription" placeholder="请输入项目名称" style="width: 95%; margin: 15px 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>
         </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>
@@ -32,9 +43,11 @@
 import jzsq from '@/assets/images/zonglan/6.png';
 import qt from '@/assets/images/zonglan/7.png';
 import Architectural from '@/assets/newImgs/HMScreen/Architectural_icon.png';
+import { nextTick } from 'vue';
 const emitM = defineEmits();
 const listDataXm = ref([]);
 const listActive = ref({});
+const searvhDate=ref('')
 const obj = {
   海绵建筑与社区: jzsq,
   海绵型道路广场: dlgc,
@@ -51,7 +64,7 @@
 async function projectInfoNewM(p) { 
   let { data, code } = await projectInfoNew(p)
   if (code == 200) { 
-    listDataXm.value=data
+    listDataXm.value = data
   }
 }
 const AllData = reactive({
@@ -70,20 +83,13 @@
   emitM('qipaoDateMeth', arr[0], arr[0]?.checked);
 }
 const { queryParams } = toRefs(AllData);
-const blurMethod = v => {
-  if (v) {
-    projectInfoNewM({projectName:v})
-    // listDataXm.value = listDataXm.value.filter(item => {
-    //   return item.projectName.includes(v);
-    // });
-  } else { 
-    projectInfoNewM()
-  }
-};
+function stationListChange(v) {
+  projectInfoNewM({ projectNo: v });
+}
+
 projectInfoNewM()
 bus.on('getProjectList', (i) => { 
-  debugger
-    projectInfoNewM({projectTypeName:i.typeName})
+    projectInfoNewM({projectTypeId:i.typeId})
 })
 </script>
 
@@ -148,14 +154,24 @@
   }
 }
 
-:deep(.el-input__wrapper, .el-textarea__inner) {
+:deep(.el-input__inner) {
   background: #11559b !important;
-  box-shadow: 0 0 0 0.00521rem #066592 inset !important;
-  border: 1px solid #2790fb;
+  // box-shadow: 0 0 0 0.00521rem #066592 inset !important;
   color: #fff !important;
+  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;
+}
+:deep(.el-form-item__content) {
+    margin: 10px;
 }
 .activeConstruListA
 { 
   color: #cbc05a;
 }
+:deep(.scroll >div>:nth-child(2)){display: none !important}
+
 </style>
diff --git a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
index e3f0d04..5ca7159 100644
--- a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
+++ b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
@@ -22,10 +22,20 @@
       </div>
     </div>
     <div class="projectMb xiangxinfo">
-      <span class="title">项目设计指标</span>
+      <span class="title">项目设计参数</span>
     </div>
     <div class="xiangxinfo xmzb">
-      <div v-for="i in xmmbList" :key="i.id" class="label_xnmx">
+      <div class="label_xnmx">
+        <div class="title_class">
+          <!-- <div class="top">{{ i.propertyName }}</div> -->
+          <div class="content">
+            <span :title="projectDesign">
+              {{ projectDesign}}
+            </span>
+          </div>
+        </div>
+      </div>
+      <!-- <div v-for="i in xmmbList" :key="i.id" class="label_xnmx">
         <div class="title_class">
           <div class="top">{{ i.propertyName }}</div>
           <div class="content">
@@ -34,13 +44,23 @@
             </span>
           </div>
         </div>
-      </div>
+      </div> -->
     </div>
     <div class="projectMb">
       <span class="title">项目总体工程量</span>
     </div>
     <div class="xiangxinfo xmzb">
-      <div v-for="i in xmxtgcl" :key="i.id" class="label_xnmx">
+      <div class="label_xnmx">
+        <div class="title_class">
+          <!-- <div class="top">{{ i.propertyName }}</div> -->
+          <div class="content">
+            <span :title="overallEngineering">
+              {{ overallEngineering}}
+            </span>
+          </div>
+        </div>
+      </div>
+      <!-- <div v-for="i in xmxtgcl" :key="i.id" class="label_xnmx">
         <div class="title_class">
           <div class="top">{{ i.propertyName }}</div>
           <div class="content">
@@ -49,7 +69,7 @@
             </span>
           </div>
         </div>
-      </div>
+      </div> -->
     </div>
   </div>
 </template>
diff --git a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue
index 9c133d9..38d9ce8 100644
--- a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue
+++ b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue
@@ -1,7 +1,7 @@
 <template>
   <Transition name="slide-fade">
     <!-- <div class="pmpSitNewDialogw"  v-if="allDate.constructionPurpose"> -->
-      <div class="pmpSitNewDialogw">
+    <div class="pmpSitNewDialogw">
       <div class="title">
         <span class="text">{{ allDate.projectName }}</span>
         <el-icon class="icon_clas" size="22" @click="dclosed">
@@ -18,7 +18,7 @@
           </div>
           <div>
             <div class="timage">
-              建设完成情况
+              项目建设规模及内容
               <div class="text_x" :title="allDate.constructionAchievements">{{ allDate.constructionAchievements }}</div>
             </div>
           </div>
@@ -27,25 +27,22 @@
           </div>
         </div>
         <div class="right_content">
-          <el-image
-            class="img_age"
-            v-if="allImages?.postConstructionFileList?.length > 0"
-            :zoom-rate="1.2"
-            :max-scale="7"
-            :preview-src-list="srcList"
-            :min-scale="0.2"
-            :src="allImages?.postConstructionFileList[0]?.url"
-            alt=""
-            :title="allDate.projectOverview"
-          />
+          <el-carousel trigger="click" height="247px">
+            <el-carousel-item v-if="allImages?.postConstructionFileList?.length > 0"
+              v-for="item in allImages?.postConstructionFileList" :key="item">
+              <el-imag  class="img_age" :zoom-rate="1.2" :max-scale="7" :preview-src-list="srcList" :min-scale="0.2"
+                :src="item?.url" alt="" :title="allDate.projectOverview" />
+            </el-carousel-item>
+            <el-empty :image-size="30" v-else />
+          </el-carousel>
 
-          <el-empty :image-size="30" v-else />
           <div class="text_x image_e" style="height: auto">现场照片</div>
         </div>
       </div>
     </div>
   </Transition>
-  <el-dialog class="pmpSitNewDialog" v-model="daLigoShow" :title="allDate.projectName" :align-center="true" width="47.6%" draggable>
+  <el-dialog class="pmpSitNewDialog" v-model="daLigoShow" :title="allDate.projectName" :align-center="true"
+    width="47.6%" draggable>
     <el-tabs v-model="editableTabsValue" :stretch="true" @tab-click="TabsChange">
       <el-tab-pane v-for="item in editableTabs" :key="item.name" :label="item.title" :name="item.name"> </el-tab-pane>
       <keep-alive>
@@ -139,16 +136,17 @@
 });
 </script>
 <style lang="scss">
-.pmpSitNewDialogw{
+.pmpSitNewDialogw {
   width: 550px;
   height: 330px;
   position: absolute;
   top: 10px;
   left: 485px;
   z-index: 1012;
-  background: linear-gradient(0deg, #005CBA  0%,  #000F26  100%);
+  background: linear-gradient(0deg, #005CBA 0%, #000F26 100%);
   opacity: 9;
   border-radius: 14px;
+
   .title {
     width: 100%;
     height: 40px;
@@ -181,19 +179,24 @@
       text-align: center;
     }
   }
+
   .content {
     padding: 10px;
     display: flex;
     display: flex;
+
     div {
       flex: 1;
     }
+
     .left_content {
+
       // display: flex;
       // flex-direction: column;
       // height: 330px;
-      > div {
+      >div {
         margin-bottom: 15px;
+
         &:last-of-type {
           margin-bottom: 0;
         }
@@ -201,7 +204,7 @@
     }
 
     .timage {
-      background: linear-gradient(90deg, #005CBA 0%, rgba(0,92,186,0) 100%);
+      background: linear-gradient(90deg, #005CBA 0%, rgba(0, 92, 186, 0) 100%);
       height: 96px;
       color: #fff;
       font-size: 17px;
@@ -222,11 +225,13 @@
       height: 70px;
       cursor: pointer;
     }
+
     .image_e {
       text-align: center;
     }
   }
 }
+
 // ::-webkit-scrollbar {
 //   width: 0;
 //   //  height: 10px;
@@ -249,5 +254,4 @@
   width: 100%;
   height: 247px;
 }
-
 </style>
diff --git a/src/views/spongePerformance/mainIndex/centerRight.vue b/src/views/spongePerformance/mainIndex/centerRight.vue
index 93abcac..f25aabf 100644
--- a/src/views/spongePerformance/mainIndex/centerRight.vue
+++ b/src/views/spongePerformance/mainIndex/centerRight.vue
@@ -133,6 +133,7 @@
         type: 'bar',
         data: yData,
         barWidth: '30px',
+        showBackground: true,
         itemStyle: {
           normal: {
             label: {
@@ -160,14 +161,14 @@
               x2: 0, //左
               y2: 1, //上
               colorStops: [
-                {
-                  offset: 0,
-                  color: '#4487F5  ', // 0% 处的颜色
-                },
-                {
-                  offset: 1,
-                  color: '#A7EFFF ', // 100% 处的颜色
-                },
+              {
+        offset: 0, //offset表示位置【0,1】范围，0表示起始位置，1表示结束位置
+        color: '#124e86' // 起始位置设置此颜色，终止位置设置下面的颜色
+    },
+    {
+        offset: 1,
+        color: '#42a8fc'
+    }
               ],
             },
             barBorderRadius: [0, 0, 0, 0],
@@ -178,6 +179,7 @@
         name: titleArray[1] + '%',
         type: 'bar',
         data: yData2,
+        showBackground: true,
         barWidth: '30px',
         itemStyle: {
           normal: {
@@ -205,11 +207,11 @@
               colorStops: [
                 {
                   offset: 0,
-                  color: '#48E38F  ', // 0% 处的颜色
+                  color: '#115984  ', // 0% 处的颜色
                 },
                 {
                   offset: 1,
-                  color: '#D1FBE4  ', // 100% 处的颜色
+                  color: '#39fdf6  ', // 100% 处的颜色
                 },
               ],
             },
diff --git a/src/views/spongePerformance/mainIndex/footCenter.vue b/src/views/spongePerformance/mainIndex/footCenter.vue
index 48259e2..5f01736 100644
--- a/src/views/spongePerformance/mainIndex/footCenter.vue
+++ b/src/views/spongePerformance/mainIndex/footCenter.vue
@@ -61,11 +61,11 @@
             colorStops: [
               {
                 offset: 0,
-                color: '#1FD774  ',
+                color: '#0e3f6a  ',
               },
               {
                 offset: 1,
-                color: '#1FD774 ',
+                color: '#37d6fc ',
               },
             ],
             globalCoord: false,
@@ -80,7 +80,7 @@
           normal: {
             textStyle: {
               fontSize: 14,
-              color: '#43C6F5',
+              color: '#0f406a',
             },
             formatter: function (param) {
               return xData[0]?.standardFlag == 1 ? '已完成' : '未完成' + '\n' + '总数' + (xData[0]?.itemScore || 0);
@@ -92,7 +92,7 @@
           borderDistance: 0,
           itemStyle: {
             borderWidth: 2,
-            borderColor: '#43C6F5',
+            borderColor: '#0f406a',
           },
         },
       },
@@ -111,11 +111,11 @@
             colorStops: [
               {
                 offset: 0,
-                color: '#08bbc9',
+                color: '#0f406a',
               },
               {
                 offset: 1,
-                color: '#08bbc9',
+                color: '#37d6fc',
               },
             ],
             globalCoord: false,
@@ -131,7 +131,7 @@
           normal: {
             textStyle: {
               fontSize: 14,
-              color: '#08bbc9',
+              color: '#0f406a',
             },
             formatter: function (param) {
               return (param.value * 100 || 0) + '%' + '\n' + '总数' + (xData[1]?.itemScore || 0);
@@ -143,7 +143,7 @@
           borderDistance: 0,
           itemStyle: {
             borderWidth: 2,
-            borderColor: '#42D4F4',
+            borderColor: '#37d6fc',
           },
         },
       },

diff --git a/src/views/sponeScreen/projectHM/ProjectDisplay.vue b/src/views/sponeScreen/projectHM/ProjectDisplay.vue
index e06c745..435a68e 100644
--- a/src/views/sponeScreen/projectHM/ProjectDisplay.vue
+++ b/src/views/sponeScreen/projectHM/ProjectDisplay.vue
@@ -4,11 +4,22 @@
     <div class="ConstrucClass">
       <div class="HeadContent">
         <el-form-item>
-          <el-input @blur="blurMethod(queryParams.filieDescription)" v-model="queryParams.filieDescription" placeholder="请输入项目名称" style="width: 95%; margin: 15px 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>
         </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>
@@ -32,9 +43,11 @@
 import jzsq from '@/assets/images/zonglan/6.png';
 import qt from '@/assets/images/zonglan/7.png';
 import Architectural from '@/assets/newImgs/HMScreen/Architectural_icon.png';
+import { nextTick } from 'vue';
 const emitM = defineEmits();
 const listDataXm = ref([]);
 const listActive = ref({});
+const searvhDate=ref('')
 const obj = {
   海绵建筑与社区: jzsq,
   海绵型道路广场: dlgc,
@@ -51,7 +64,7 @@
 async function projectInfoNewM(p) { 
   let { data, code } = await projectInfoNew(p)
   if (code == 200) { 
-    listDataXm.value=data
+    listDataXm.value = data
   }
 }
 const AllData = reactive({
@@ -70,20 +83,13 @@
   emitM('qipaoDateMeth', arr[0], arr[0]?.checked);
 }
 const { queryParams } = toRefs(AllData);
-const blurMethod = v => {
-  if (v) {
-    projectInfoNewM({projectName:v})
-    // listDataXm.value = listDataXm.value.filter(item => {
-    //   return item.projectName.includes(v);
-    // });
-  } else { 
-    projectInfoNewM()
-  }
-};
+function stationListChange(v) {
+  projectInfoNewM({ projectNo: v });
+}
+
 projectInfoNewM()
 bus.on('getProjectList', (i) => { 
-  debugger
-    projectInfoNewM({projectTypeName:i.typeName})
+    projectInfoNewM({projectTypeId:i.typeId})
 })
 </script>
 
@@ -148,14 +154,24 @@
   }
 }
 
-:deep(.el-input__wrapper, .el-textarea__inner) {
+:deep(.el-input__inner) {
   background: #11559b !important;
-  box-shadow: 0 0 0 0.00521rem #066592 inset !important;
-  border: 1px solid #2790fb;
+  // box-shadow: 0 0 0 0.00521rem #066592 inset !important;
   color: #fff !important;
+  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;
+}
+:deep(.el-form-item__content) {
+    margin: 10px;
 }
 .activeConstruListA
 { 
   color: #cbc05a;
 }
+:deep(.scroll >div>:nth-child(2)){display: none !important}
+
 </style>
diff --git a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
index e3f0d04..5ca7159 100644
--- a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
+++ b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
@@ -22,10 +22,20 @@
       </div>
     </div>
     <div class="projectMb xiangxinfo">
-      <span class="title">项目设计指标</span>
+      <span class="title">项目设计参数</span>
     </div>
     <div class="xiangxinfo xmzb">
-      <div v-for="i in xmmbList" :key="i.id" class="label_xnmx">
+      <div class="label_xnmx">
+        <div class="title_class">
+          <!-- <div class="top">{{ i.propertyName }}</div> -->
+          <div class="content">
+            <span :title="projectDesign">
+              {{ projectDesign}}
+            </span>
+          </div>
+        </div>
+      </div>
+      <!-- <div v-for="i in xmmbList" :key="i.id" class="label_xnmx">
         <div class="title_class">
           <div class="top">{{ i.propertyName }}</div>
           <div class="content">
@@ -34,13 +44,23 @@
             </span>
           </div>
         </div>
-      </div>
+      </div> -->
     </div>
     <div class="projectMb">
       <span class="title">项目总体工程量</span>
     </div>
     <div class="xiangxinfo xmzb">
-      <div v-for="i in xmxtgcl" :key="i.id" class="label_xnmx">
+      <div class="label_xnmx">
+        <div class="title_class">
+          <!-- <div class="top">{{ i.propertyName }}</div> -->
+          <div class="content">
+            <span :title="overallEngineering">
+              {{ overallEngineering}}
+            </span>
+          </div>
+        </div>
+      </div>
+      <!-- <div v-for="i in xmxtgcl" :key="i.id" class="label_xnmx">
         <div class="title_class">
           <div class="top">{{ i.propertyName }}</div>
           <div class="content">
@@ -49,7 +69,7 @@
             </span>
           </div>
         </div>
-      </div>
+      </div> -->
     </div>
   </div>
 </template>
diff --git a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue
index 9c133d9..38d9ce8 100644
--- a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue
+++ b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue
@@ -1,7 +1,7 @@
 <template>
   <Transition name="slide-fade">
     <!-- <div class="pmpSitNewDialogw"  v-if="allDate.constructionPurpose"> -->
-      <div class="pmpSitNewDialogw">
+    <div class="pmpSitNewDialogw">
       <div class="title">
         <span class="text">{{ allDate.projectName }}</span>
         <el-icon class="icon_clas" size="22" @click="dclosed">
@@ -18,7 +18,7 @@
           </div>
           <div>
             <div class="timage">
-              建设完成情况
+              项目建设规模及内容
               <div class="text_x" :title="allDate.constructionAchievements">{{ allDate.constructionAchievements }}</div>
             </div>
           </div>
@@ -27,25 +27,22 @@
           </div>
         </div>
         <div class="right_content">
-          <el-image
-            class="img_age"
-            v-if="allImages?.postConstructionFileList?.length > 0"
-            :zoom-rate="1.2"
-            :max-scale="7"
-            :preview-src-list="srcList"
-            :min-scale="0.2"
-            :src="allImages?.postConstructionFileList[0]?.url"
-            alt=""
-            :title="allDate.projectOverview"
-          />
+          <el-carousel trigger="click" height="247px">
+            <el-carousel-item v-if="allImages?.postConstructionFileList?.length > 0"
+              v-for="item in allImages?.postConstructionFileList" :key="item">
+              <el-imag  class="img_age" :zoom-rate="1.2" :max-scale="7" :preview-src-list="srcList" :min-scale="0.2"
+                :src="item?.url" alt="" :title="allDate.projectOverview" />
+            </el-carousel-item>
+            <el-empty :image-size="30" v-else />
+          </el-carousel>
 
-          <el-empty :image-size="30" v-else />
           <div class="text_x image_e" style="height: auto">现场照片</div>
         </div>
       </div>
     </div>
   </Transition>
-  <el-dialog class="pmpSitNewDialog" v-model="daLigoShow" :title="allDate.projectName" :align-center="true" width="47.6%" draggable>
+  <el-dialog class="pmpSitNewDialog" v-model="daLigoShow" :title="allDate.projectName" :align-center="true"
+    width="47.6%" draggable>
     <el-tabs v-model="editableTabsValue" :stretch="true" @tab-click="TabsChange">
       <el-tab-pane v-for="item in editableTabs" :key="item.name" :label="item.title" :name="item.name"> </el-tab-pane>
       <keep-alive>
@@ -139,16 +136,17 @@
 });
 </script>
 <style lang="scss">
-.pmpSitNewDialogw{
+.pmpSitNewDialogw {
   width: 550px;
   height: 330px;
   position: absolute;
   top: 10px;
   left: 485px;
   z-index: 1012;
-  background: linear-gradient(0deg, #005CBA  0%,  #000F26  100%);
+  background: linear-gradient(0deg, #005CBA 0%, #000F26 100%);
   opacity: 9;
   border-radius: 14px;
+
   .title {
     width: 100%;
     height: 40px;
@@ -181,19 +179,24 @@
       text-align: center;
     }
   }
+
   .content {
     padding: 10px;
     display: flex;
     display: flex;
+
     div {
       flex: 1;
     }
+
     .left_content {
+
       // display: flex;
       // flex-direction: column;
       // height: 330px;
-      > div {
+      >div {
         margin-bottom: 15px;
+
         &:last-of-type {
           margin-bottom: 0;
         }
@@ -201,7 +204,7 @@
     }
 
     .timage {
-      background: linear-gradient(90deg, #005CBA 0%, rgba(0,92,186,0) 100%);
+      background: linear-gradient(90deg, #005CBA 0%, rgba(0, 92, 186, 0) 100%);
       height: 96px;
       color: #fff;
       font-size: 17px;
@@ -222,11 +225,13 @@
       height: 70px;
       cursor: pointer;
     }
+
     .image_e {
       text-align: center;
     }
   }
 }
+
 // ::-webkit-scrollbar {
 //   width: 0;
 //   //  height: 10px;
@@ -249,5 +254,4 @@
   width: 100%;
   height: 247px;
 }
-
 </style>
diff --git a/src/views/spongePerformance/mainIndex/centerRight.vue b/src/views/spongePerformance/mainIndex/centerRight.vue
index 93abcac..f25aabf 100644
--- a/src/views/spongePerformance/mainIndex/centerRight.vue
+++ b/src/views/spongePerformance/mainIndex/centerRight.vue
@@ -133,6 +133,7 @@
         type: 'bar',
         data: yData,
         barWidth: '30px',
+        showBackground: true,
         itemStyle: {
           normal: {
             label: {
@@ -160,14 +161,14 @@
               x2: 0, //左
               y2: 1, //上
               colorStops: [
-                {
-                  offset: 0,
-                  color: '#4487F5  ', // 0% 处的颜色
-                },
-                {
-                  offset: 1,
-                  color: '#A7EFFF ', // 100% 处的颜色
-                },
+              {
+        offset: 0, //offset表示位置【0,1】范围，0表示起始位置，1表示结束位置
+        color: '#124e86' // 起始位置设置此颜色，终止位置设置下面的颜色
+    },
+    {
+        offset: 1,
+        color: '#42a8fc'
+    }
               ],
             },
             barBorderRadius: [0, 0, 0, 0],
@@ -178,6 +179,7 @@
         name: titleArray[1] + '%',
         type: 'bar',
         data: yData2,
+        showBackground: true,
         barWidth: '30px',
         itemStyle: {
           normal: {
@@ -205,11 +207,11 @@
               colorStops: [
                 {
                   offset: 0,
-                  color: '#48E38F  ', // 0% 处的颜色
+                  color: '#115984  ', // 0% 处的颜色
                 },
                 {
                   offset: 1,
-                  color: '#D1FBE4  ', // 100% 处的颜色
+                  color: '#39fdf6  ', // 100% 处的颜色
                 },
               ],
             },
diff --git a/src/views/spongePerformance/mainIndex/footCenter.vue b/src/views/spongePerformance/mainIndex/footCenter.vue
index 48259e2..5f01736 100644
--- a/src/views/spongePerformance/mainIndex/footCenter.vue
+++ b/src/views/spongePerformance/mainIndex/footCenter.vue
@@ -61,11 +61,11 @@
             colorStops: [
               {
                 offset: 0,
-                color: '#1FD774  ',
+                color: '#0e3f6a  ',
               },
               {
                 offset: 1,
-                color: '#1FD774 ',
+                color: '#37d6fc ',
               },
             ],
             globalCoord: false,
@@ -80,7 +80,7 @@
           normal: {
             textStyle: {
               fontSize: 14,
-              color: '#43C6F5',
+              color: '#0f406a',
             },
             formatter: function (param) {
               return xData[0]?.standardFlag == 1 ? '已完成' : '未完成' + '\n' + '总数' + (xData[0]?.itemScore || 0);
@@ -92,7 +92,7 @@
           borderDistance: 0,
           itemStyle: {
             borderWidth: 2,
-            borderColor: '#43C6F5',
+            borderColor: '#0f406a',
           },
         },
       },
@@ -111,11 +111,11 @@
             colorStops: [
               {
                 offset: 0,
-                color: '#08bbc9',
+                color: '#0f406a',
               },
               {
                 offset: 1,
-                color: '#08bbc9',
+                color: '#37d6fc',
               },
             ],
             globalCoord: false,
@@ -131,7 +131,7 @@
           normal: {
             textStyle: {
               fontSize: 14,
-              color: '#08bbc9',
+              color: '#0f406a',
             },
             formatter: function (param) {
               return (param.value * 100 || 0) + '%' + '\n' + '总数' + (xData[1]?.itemScore || 0);
@@ -143,7 +143,7 @@
           borderDistance: 0,
           itemStyle: {
             borderWidth: 2,
-            borderColor: '#42D4F4',
+            borderColor: '#37d6fc',
           },
         },
       },
diff --git a/src/views/spongePerformance/mainIndex/top.vue b/src/views/spongePerformance/mainIndex/top.vue
index 6168106..c79feed 100644
--- a/src/views/spongePerformance/mainIndex/top.vue
+++ b/src/views/spongePerformance/mainIndex/top.vue
@@ -17,7 +17,60 @@
   itemTarget,
   data: { titleArray },
 } = defineProps(['data', 'bottom', 'xData', 'yData', 'yData2', 'all', 'realValue', 'itemUnit', 'itemTarget']);
+const yData1GradientColor = [
+    {
+        offset: 0, //offset表示位置【0,1】范围，0表示起始位置，1表示结束位置
+        color: '#8063B0' // 起始位置设置此颜色，终止位置设置下面的颜色
+    },
+    {
+        offset: 1,
+        color: '#342A61'
+    }
+]
+const yData2GradientColor = [
+    {
+        offset: 0,
+        color: '#9781D4'
+    },
+    {
+        offset: 1,
+        color: '#3BA1E3'
+    }
+]
+function renderItem(params, api) {
+    const topCenter = api.coord([api.value(0), api.value(1)])
+    const height = api.size([0, api.value(1)])[1]
+    const width = api.size([0, 1])[0] * 0.3;
+    const ceilHeight = 10
 
+
+    return {
+        type: 'group',
+        children: [{
+                type: 'rect',
+                shape: {
+                    x: topCenter[0] - width / 2,
+                    y: topCenter[1],
+                    width: width,
+                    height: height
+                },
+                style: api.style({
+                    opacity: 0.5
+                })
+            },
+            {
+                type: 'rect',
+                shape: {
+                    x: topCenter[0] - width / 2,
+                    y: topCenter[1],
+                    width: width,
+                    height: ceilHeight
+                },
+                style: api.style()
+            }
+        ]
+    }
+}
 const initM = () => {
   const chart = init(assetEchart.value);
   window.addEventListener('resize', () => {
@@ -120,6 +173,7 @@
         type: 'bar',
         data: yData,
         barWidth: '30px',
+        showBackground: true,
         itemStyle: {
           normal: {
             label: {
@@ -145,17 +199,16 @@
               x2: 0, //左
               y2: 1, //上
               colorStops: [
-                {
-                  offset: 0,
-                  color: '#4487F5  ', // 0% 处的颜色
-                },
-                {
-                  offset: 1,
-                  color: '#A7EFFF ', // 100% 处的颜色
-                },
+              {
+        offset: 0, //offset表示位置【0,1】范围，0表示起始位置，1表示结束位置
+        color: '#124e86' // 起始位置设置此颜色，终止位置设置下面的颜色
+    },
+    {
+        offset: 1,
+        color: '#42a8fc'
+    }
               ],
             },
-            barBorderRadius: [0, 0, 0, 0],
           },
         },
       },
@@ -164,6 +217,7 @@
         type: 'bar',
         data: yData2,
         barWidth: '30px',
+        showBackground: true,
         itemStyle: {
           normal: {
             label: {
@@ -190,11 +244,11 @@
               colorStops: [
                 {
                   offset: 0,
-                  color: '#48E38F  ', // 0% 处的颜色
+                  color: '#115984  ', // 0% 处的颜色
                 },
                 {
                   offset: 1,
-                  color: '#D1FBE4  ', // 100% 处的颜色
+                  color: '#39fdf6  ', // 100% 处的颜色
                 },
               ],
             },