diff --git a/src/views/project/exemptionList/details.vue b/src/views/project/exemptionList/details.vue
index 4a11560..d8d036a 100644
--- a/src/views/project/exemptionList/details.vue
+++ b/src/views/project/exemptionList/details.vue
@@ -598,7 +598,7 @@
 };
 
 const handlePreview = file => {
-  proxy.$modal.confirm(`下载此文件: ${file.name}？`).then(() => {
+  proxy.$modal.confirm(`预览此文件: ${file.name}？`).then(() => {
     window.open(file.url);
   });
 };

diff --git a/src/views/project/exemptionList/details.vue b/src/views/project/exemptionList/details.vue
index 4a11560..d8d036a 100644
--- a/src/views/project/exemptionList/details.vue
+++ b/src/views/project/exemptionList/details.vue
@@ -598,7 +598,7 @@
 };
 
 const handlePreview = file => {
-  proxy.$modal.confirm(`下载此文件: ${file.name}？`).then(() => {
+  proxy.$modal.confirm(`预览此文件: ${file.name}？`).then(() => {
     window.open(file.url);
   });
 };
diff --git a/src/views/project/projectInformation/details.vue b/src/views/project/projectInformation/details.vue
index e00812f..332141c 100644
--- a/src/views/project/projectInformation/details.vue
+++ b/src/views/project/projectInformation/details.vue
@@ -616,7 +616,7 @@
 };
 
 const handlePreview = file => {
-  proxy.$modal.confirm(`下载此文件: ${file.name}？`).then(() => {
+  proxy.$modal.confirm(`预览此文件: ${file.name}？`).then(() => {
     window.open(file.url);
   });
 };

diff --git a/src/views/project/exemptionList/details.vue b/src/views/project/exemptionList/details.vue
index 4a11560..d8d036a 100644
--- a/src/views/project/exemptionList/details.vue
+++ b/src/views/project/exemptionList/details.vue
@@ -598,7 +598,7 @@
 };
 
 const handlePreview = file => {
-  proxy.$modal.confirm(`下载此文件: ${file.name}？`).then(() => {
+  proxy.$modal.confirm(`预览此文件: ${file.name}？`).then(() => {
     window.open(file.url);
   });
 };
diff --git a/src/views/project/projectInformation/details.vue b/src/views/project/projectInformation/details.vue
index e00812f..332141c 100644
--- a/src/views/project/projectInformation/details.vue
+++ b/src/views/project/projectInformation/details.vue
@@ -616,7 +616,7 @@
 };
 
 const handlePreview = file => {
-  proxy.$modal.confirm(`下载此文件: ${file.name}？`).then(() => {
+  proxy.$modal.confirm(`预览此文件: ${file.name}？`).then(() => {
     window.open(file.url);
   });
 };
diff --git a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
index d019879..8f70584 100644
--- a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
+++ b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
@@ -1,4 +1,5 @@
 <template>
+  <!-- 详细信息 -->
   <div class="XiangXiXinXi">
     <div class="xiangxinfo">
       <div v-for="i in xmxxList" :key="i.props" class="label_xnmx">
@@ -21,6 +22,23 @@
         </div>
       </div>
     </div>
+
+    <div class="projectMb xiangxinfo">
+      <span class="title">项目设计方案</span>
+    </div>
+    <div class="xiangxinfo xmzb">
+      <div
+        class="hmzp"
+        @click="
+          previewPdf(
+            'https://server1.wh-nf.cn:9000/newfiber-standard-kaifeng/2024/06/19/4-8-2 鼓楼区2023年老旧小区改造项目海绵城市专篇_20240619215154A022.pdf'
+          )
+        "
+      >
+        宋都御街提升改造项目海绵专篇.pdf
+      </div>
+    </div>
+
     <div class="projectMb xiangxinfo">
       <span class="title">项目设计参数</span>
     </div>
@@ -36,6 +54,7 @@
         </div>
       </div>
     </div>
+
     <div class="projectMb">
       <span class="title">项目总体工程量</span>
     </div>
@@ -95,6 +114,11 @@
   projectTypes.value = res?.data || [];
 };
 
+// 文件预览
+function previewPdf(url) {
+  window.open(url);
+}
+
 onMounted(() => {
   bus.on('getProjectDate', v => {
     console.log(project_content_type, 'project_content_typeproject_content_type');
@@ -124,10 +148,14 @@
     flex-wrap: wrap;
     font-size: 12px;
     // justify-content: center;
+    .hmzp {
+      cursor: pointer;
+      font-size: 15px;
+    }
     .label_xnmx {
-      width: 30.7%;
+      width: 31.7%;
       height: 60px;
-      margin: 10px;
+      margin: 10px 5px;
       border: 1px solid #17b4e7;
 
       .title_class {
@@ -140,8 +168,6 @@
           height: 30px;
           width: 100%;
           background: rgba(23, 180, 231, 0.5);
-          // opacity: 0.8;
-
           line-height: 30px;
           text-align: center;
           overflow: hidden;
@@ -166,13 +192,11 @@
   }
 
   .projectMb {
-    margin: 20px 10px;
-    width: 845px;
+    margin: 10px 0px;
+    width: 100%;
     height: 36px;
     line-height: 36px;
     text-indent: 24px;
-    // background: #17b4e7;
-    // opacity: 0.8;
     background: rgba(23, 180, 231, 0.5);
   }
 }

diff --git a/src/views/project/exemptionList/details.vue b/src/views/project/exemptionList/details.vue
index 4a11560..d8d036a 100644
--- a/src/views/project/exemptionList/details.vue
+++ b/src/views/project/exemptionList/details.vue
@@ -598,7 +598,7 @@
 };
 
 const handlePreview = file => {
-  proxy.$modal.confirm(`下载此文件: ${file.name}？`).then(() => {
+  proxy.$modal.confirm(`预览此文件: ${file.name}？`).then(() => {
     window.open(file.url);
   });
 };
diff --git a/src/views/project/projectInformation/details.vue b/src/views/project/projectInformation/details.vue
index e00812f..332141c 100644
--- a/src/views/project/projectInformation/details.vue
+++ b/src/views/project/projectInformation/details.vue
@@ -616,7 +616,7 @@
 };
 
 const handlePreview = file => {
-  proxy.$modal.confirm(`下载此文件: ${file.name}？`).then(() => {
+  proxy.$modal.confirm(`预览此文件: ${file.name}？`).then(() => {
     window.open(file.url);
   });
 };
diff --git a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
index d019879..8f70584 100644
--- a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
+++ b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
@@ -1,4 +1,5 @@
 <template>
+  <!-- 详细信息 -->
   <div class="XiangXiXinXi">
     <div class="xiangxinfo">
       <div v-for="i in xmxxList" :key="i.props" class="label_xnmx">
@@ -21,6 +22,23 @@
         </div>
       </div>
     </div>
+
+    <div class="projectMb xiangxinfo">
+      <span class="title">项目设计方案</span>
+    </div>
+    <div class="xiangxinfo xmzb">
+      <div
+        class="hmzp"
+        @click="
+          previewPdf(
+            'https://server1.wh-nf.cn:9000/newfiber-standard-kaifeng/2024/06/19/4-8-2 鼓楼区2023年老旧小区改造项目海绵城市专篇_20240619215154A022.pdf'
+          )
+        "
+      >
+        宋都御街提升改造项目海绵专篇.pdf
+      </div>
+    </div>
+
     <div class="projectMb xiangxinfo">
       <span class="title">项目设计参数</span>
     </div>
@@ -36,6 +54,7 @@
         </div>
       </div>
     </div>
+
     <div class="projectMb">
       <span class="title">项目总体工程量</span>
     </div>
@@ -95,6 +114,11 @@
   projectTypes.value = res?.data || [];
 };
 
+// 文件预览
+function previewPdf(url) {
+  window.open(url);
+}
+
 onMounted(() => {
   bus.on('getProjectDate', v => {
     console.log(project_content_type, 'project_content_typeproject_content_type');
@@ -124,10 +148,14 @@
     flex-wrap: wrap;
     font-size: 12px;
     // justify-content: center;
+    .hmzp {
+      cursor: pointer;
+      font-size: 15px;
+    }
     .label_xnmx {
-      width: 30.7%;
+      width: 31.7%;
       height: 60px;
-      margin: 10px;
+      margin: 10px 5px;
       border: 1px solid #17b4e7;
 
       .title_class {
@@ -140,8 +168,6 @@
           height: 30px;
           width: 100%;
           background: rgba(23, 180, 231, 0.5);
-          // opacity: 0.8;
-
           line-height: 30px;
           text-align: center;
           overflow: hidden;
@@ -166,13 +192,11 @@
   }
 
   .projectMb {
-    margin: 20px 10px;
-    width: 845px;
+    margin: 10px 0px;
+    width: 100%;
     height: 36px;
     line-height: 36px;
     text-indent: 24px;
-    // background: #17b4e7;
-    // opacity: 0.8;
     background: rgba(23, 180, 231, 0.5);
   }
 }
diff --git a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/jianseduibi.vue b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/jianseduibi.vue
index 15e65a4..887fa8c 100644
--- a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/jianseduibi.vue
+++ b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/jianseduibi.vue
@@ -1,53 +1,26 @@
 <template>
+  <!-- 项目建设完成图片 -->
   <div class="XiangXiXinXi">
-    <!-- <div class="projectMb">
-      <span class="title">项目建设目的</span>
-    </div>
-    <div class="xiangxinfo xmzb">
-      <div v-for="i in xmmbList" :key="i.props" class="label_xnmx">
-        <div class="title_class">
-          <div class="top" :title="projectDate.constructionPurpose">{{ projectDate.constructionPurpose }}</div>
-        </div>
-      </div>
-    </div>
-    <div class="projectMb" style="margin-top: 20px;">
-      <span class="title">项目建设完成情况</span>
-    </div>
-    <div class="xiangxinfo xmzb">
-      <div v-for="i in xmxtgcl" :key="i.props" class="label_xnmx">
-        <div class="title_class">
-          <div class="top" :title="projectDate.constructionAchievements">{{ projectDate.constructionAchievements }}
-          </div>
-        </div>
-      </div>
-    </div> -->
-    <div class="projectMb" style="margin-top: 20px">
-      <span class="title">建设照片</span>
-    </div>
     <div class="xiangxinfo jszp">
-      <el-carousel trigger="click" type="card"  height="347px" v-if="allFileList.length > 0">
-            <el-carousel-item
-              v-for="item in allFileList"
-              :key="item"
-            >
-              <el-image
-              class='img_age'
-              preview-teleported
-              :src="item.url"
-              :zoom-rate="1.2"
-             :max-scale="7"
-              :min-scale="0.2"
-              :preview-src-list="[item.url]"
-              :initial-index="4"
-               />
-            </el-carousel-item>
-          </el-carousel>
+      <el-carousel trigger="click" type="card" height="347px" v-if="allFileList.length > 0">
+        <el-carousel-item v-for="item in allFileList" :key="item">
+          <el-image
+            class="img_age"
+            preview-teleported
+            :src="item.url"
+            :zoom-rate="1.2"
+            :max-scale="7"
+            :min-scale="0.2"
+            :preview-src-list="[item.url]"
+            :initial-index="4"
+          />
+        </el-carousel-item>
+      </el-carousel>
       <el-empty :image-size="30" v-else />
     </div>
   </div>
 </template>
 <script setup name="XiangXiXinXi">
-import { inject } from 'vue';
 import { selectProjectImageList } from '@/api/sponeScreen/gcpjApi';
 import bus from '@/bus';
 const projectDate = ref({});
@@ -80,6 +53,7 @@
   color: #fff;
 
   .xiangxinfo {
+    margin-top: 20px;
     .img {
       width: 100%;
       margin: 10px 0;
@@ -169,8 +143,8 @@
     flex: 1 !important;
   }
 }
-.img_age{ 
-  width:500px;
-  height:347px
+.img_age {
+  width: 500px;
+  height: 347px;
 }
 </style>

diff --git a/src/views/project/exemptionList/details.vue b/src/views/project/exemptionList/details.vue
index 4a11560..d8d036a 100644
--- a/src/views/project/exemptionList/details.vue
+++ b/src/views/project/exemptionList/details.vue
@@ -598,7 +598,7 @@
 };
 
 const handlePreview = file => {
-  proxy.$modal.confirm(`下载此文件: ${file.name}？`).then(() => {
+  proxy.$modal.confirm(`预览此文件: ${file.name}？`).then(() => {
     window.open(file.url);
   });
 };
diff --git a/src/views/project/projectInformation/details.vue b/src/views/project/projectInformation/details.vue
index e00812f..332141c 100644
--- a/src/views/project/projectInformation/details.vue
+++ b/src/views/project/projectInformation/details.vue
@@ -616,7 +616,7 @@
 };
 
 const handlePreview = file => {
-  proxy.$modal.confirm(`下载此文件: ${file.name}？`).then(() => {
+  proxy.$modal.confirm(`预览此文件: ${file.name}？`).then(() => {
     window.open(file.url);
   });
 };
diff --git a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
index d019879..8f70584 100644
--- a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
+++ b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
@@ -1,4 +1,5 @@
 <template>
+  <!-- 详细信息 -->
   <div class="XiangXiXinXi">
     <div class="xiangxinfo">
       <div v-for="i in xmxxList" :key="i.props" class="label_xnmx">
@@ -21,6 +22,23 @@
         </div>
       </div>
     </div>
+
+    <div class="projectMb xiangxinfo">
+      <span class="title">项目设计方案</span>
+    </div>
+    <div class="xiangxinfo xmzb">
+      <div
+        class="hmzp"
+        @click="
+          previewPdf(
+            'https://server1.wh-nf.cn:9000/newfiber-standard-kaifeng/2024/06/19/4-8-2 鼓楼区2023年老旧小区改造项目海绵城市专篇_20240619215154A022.pdf'
+          )
+        "
+      >
+        宋都御街提升改造项目海绵专篇.pdf
+      </div>
+    </div>
+
     <div class="projectMb xiangxinfo">
       <span class="title">项目设计参数</span>
     </div>
@@ -36,6 +54,7 @@
         </div>
       </div>
     </div>
+
     <div class="projectMb">
       <span class="title">项目总体工程量</span>
     </div>
@@ -95,6 +114,11 @@
   projectTypes.value = res?.data || [];
 };
 
+// 文件预览
+function previewPdf(url) {
+  window.open(url);
+}
+
 onMounted(() => {
   bus.on('getProjectDate', v => {
     console.log(project_content_type, 'project_content_typeproject_content_type');
@@ -124,10 +148,14 @@
     flex-wrap: wrap;
     font-size: 12px;
     // justify-content: center;
+    .hmzp {
+      cursor: pointer;
+      font-size: 15px;
+    }
     .label_xnmx {
-      width: 30.7%;
+      width: 31.7%;
       height: 60px;
-      margin: 10px;
+      margin: 10px 5px;
       border: 1px solid #17b4e7;
 
       .title_class {
@@ -140,8 +168,6 @@
           height: 30px;
           width: 100%;
           background: rgba(23, 180, 231, 0.5);
-          // opacity: 0.8;
-
           line-height: 30px;
           text-align: center;
           overflow: hidden;
@@ -166,13 +192,11 @@
   }
 
   .projectMb {
-    margin: 20px 10px;
-    width: 845px;
+    margin: 10px 0px;
+    width: 100%;
     height: 36px;
     line-height: 36px;
     text-indent: 24px;
-    // background: #17b4e7;
-    // opacity: 0.8;
     background: rgba(23, 180, 231, 0.5);
   }
 }
diff --git a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/jianseduibi.vue b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/jianseduibi.vue
index 15e65a4..887fa8c 100644
--- a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/jianseduibi.vue
+++ b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/jianseduibi.vue
@@ -1,53 +1,26 @@
 <template>
+  <!-- 项目建设完成图片 -->
   <div class="XiangXiXinXi">
-    <!-- <div class="projectMb">
-      <span class="title">项目建设目的</span>
-    </div>
-    <div class="xiangxinfo xmzb">
-      <div v-for="i in xmmbList" :key="i.props" class="label_xnmx">
-        <div class="title_class">
-          <div class="top" :title="projectDate.constructionPurpose">{{ projectDate.constructionPurpose }}</div>
-        </div>
-      </div>
-    </div>
-    <div class="projectMb" style="margin-top: 20px;">
-      <span class="title">项目建设完成情况</span>
-    </div>
-    <div class="xiangxinfo xmzb">
-      <div v-for="i in xmxtgcl" :key="i.props" class="label_xnmx">
-        <div class="title_class">
-          <div class="top" :title="projectDate.constructionAchievements">{{ projectDate.constructionAchievements }}
-          </div>
-        </div>
-      </div>
-    </div> -->
-    <div class="projectMb" style="margin-top: 20px">
-      <span class="title">建设照片</span>
-    </div>
     <div class="xiangxinfo jszp">
-      <el-carousel trigger="click" type="card"  height="347px" v-if="allFileList.length > 0">
-            <el-carousel-item
-              v-for="item in allFileList"
-              :key="item"
-            >
-              <el-image
-              class='img_age'
-              preview-teleported
-              :src="item.url"
-              :zoom-rate="1.2"
-             :max-scale="7"
-              :min-scale="0.2"
-              :preview-src-list="[item.url]"
-              :initial-index="4"
-               />
-            </el-carousel-item>
-          </el-carousel>
+      <el-carousel trigger="click" type="card" height="347px" v-if="allFileList.length > 0">
+        <el-carousel-item v-for="item in allFileList" :key="item">
+          <el-image
+            class="img_age"
+            preview-teleported
+            :src="item.url"
+            :zoom-rate="1.2"
+            :max-scale="7"
+            :min-scale="0.2"
+            :preview-src-list="[item.url]"
+            :initial-index="4"
+          />
+        </el-carousel-item>
+      </el-carousel>
       <el-empty :image-size="30" v-else />
     </div>
   </div>
 </template>
 <script setup name="XiangXiXinXi">
-import { inject } from 'vue';
 import { selectProjectImageList } from '@/api/sponeScreen/gcpjApi';
 import bus from '@/bus';
 const projectDate = ref({});
@@ -80,6 +53,7 @@
   color: #fff;
 
   .xiangxinfo {
+    margin-top: 20px;
     .img {
       width: 100%;
       margin: 10px 0;
@@ -169,8 +143,8 @@
     flex: 1 !important;
   }
 }
-.img_age{ 
-  width:500px;
-  height:347px
+.img_age {
+  width: 500px;
+  height: 347px;
 }
 </style>
diff --git a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue
index 9733122..674adb4 100644
--- a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue
+++ b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue
@@ -1,6 +1,6 @@
 <template>
+  <!-- 海绵项目详情 -->
   <Transition name="slide-fade">
-    <!-- <div class="pmpSitNewDialogw"  v-if="allDate.constructionPurpose"> -->
     <div class="pmpSitNewDialogw">
       <div class="title">
         <span class="text">{{ allDate.projectName }}</span>
@@ -43,11 +43,12 @@
           </el-carousel>
           <el-empty :image-size="30" v-else />
 
-          <div class="text_x image_e" style="height: auto">施工、完成照片</div>
+          <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-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>
@@ -59,8 +60,6 @@
 </template>
 <script setup name="gongChengPingJia">
 import { ref, reactive, toRefs, onMounted } from 'vue';
-
-import xianchangtup from '@/assets/images/Sponge_screen/xianchangtup.png';
 import XiangXiXinXi from './XiangXiXinXi.vue';
 import jianseduibi from './jianseduibi.vue';
 import xmsgt from './xmsgt.vue';
@@ -276,11 +275,11 @@
       width: 93%;
     }
   }
+  .el-tabs__item {
+    font-size: 16px !important;
+  }
 }
-// ::-webkit-scrollbar {
-//   width: 0;
-//   //  height: 10px;
-// }
+
 .slide-fade-enter-active {
   transition: all 0.3s ease-out;
 }

diff --git a/src/views/project/exemptionList/details.vue b/src/views/project/exemptionList/details.vue
index 4a11560..d8d036a 100644
--- a/src/views/project/exemptionList/details.vue
+++ b/src/views/project/exemptionList/details.vue
@@ -598,7 +598,7 @@
 };
 
 const handlePreview = file => {
-  proxy.$modal.confirm(`下载此文件: ${file.name}？`).then(() => {
+  proxy.$modal.confirm(`预览此文件: ${file.name}？`).then(() => {
     window.open(file.url);
   });
 };
diff --git a/src/views/project/projectInformation/details.vue b/src/views/project/projectInformation/details.vue
index e00812f..332141c 100644
--- a/src/views/project/projectInformation/details.vue
+++ b/src/views/project/projectInformation/details.vue
@@ -616,7 +616,7 @@
 };
 
 const handlePreview = file => {
-  proxy.$modal.confirm(`下载此文件: ${file.name}？`).then(() => {
+  proxy.$modal.confirm(`预览此文件: ${file.name}？`).then(() => {
     window.open(file.url);
   });
 };
diff --git a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
index d019879..8f70584 100644
--- a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
+++ b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
@@ -1,4 +1,5 @@
 <template>
+  <!-- 详细信息 -->
   <div class="XiangXiXinXi">
     <div class="xiangxinfo">
       <div v-for="i in xmxxList" :key="i.props" class="label_xnmx">
@@ -21,6 +22,23 @@
         </div>
       </div>
     </div>
+
+    <div class="projectMb xiangxinfo">
+      <span class="title">项目设计方案</span>
+    </div>
+    <div class="xiangxinfo xmzb">
+      <div
+        class="hmzp"
+        @click="
+          previewPdf(
+            'https://server1.wh-nf.cn:9000/newfiber-standard-kaifeng/2024/06/19/4-8-2 鼓楼区2023年老旧小区改造项目海绵城市专篇_20240619215154A022.pdf'
+          )
+        "
+      >
+        宋都御街提升改造项目海绵专篇.pdf
+      </div>
+    </div>
+
     <div class="projectMb xiangxinfo">
       <span class="title">项目设计参数</span>
     </div>
@@ -36,6 +54,7 @@
         </div>
       </div>
     </div>
+
     <div class="projectMb">
       <span class="title">项目总体工程量</span>
     </div>
@@ -95,6 +114,11 @@
   projectTypes.value = res?.data || [];
 };
 
+// 文件预览
+function previewPdf(url) {
+  window.open(url);
+}
+
 onMounted(() => {
   bus.on('getProjectDate', v => {
     console.log(project_content_type, 'project_content_typeproject_content_type');
@@ -124,10 +148,14 @@
     flex-wrap: wrap;
     font-size: 12px;
     // justify-content: center;
+    .hmzp {
+      cursor: pointer;
+      font-size: 15px;
+    }
     .label_xnmx {
-      width: 30.7%;
+      width: 31.7%;
       height: 60px;
-      margin: 10px;
+      margin: 10px 5px;
       border: 1px solid #17b4e7;
 
       .title_class {
@@ -140,8 +168,6 @@
           height: 30px;
           width: 100%;
           background: rgba(23, 180, 231, 0.5);
-          // opacity: 0.8;
-
           line-height: 30px;
           text-align: center;
           overflow: hidden;
@@ -166,13 +192,11 @@
   }
 
   .projectMb {
-    margin: 20px 10px;
-    width: 845px;
+    margin: 10px 0px;
+    width: 100%;
     height: 36px;
     line-height: 36px;
     text-indent: 24px;
-    // background: #17b4e7;
-    // opacity: 0.8;
     background: rgba(23, 180, 231, 0.5);
   }
 }
diff --git a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/jianseduibi.vue b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/jianseduibi.vue
index 15e65a4..887fa8c 100644
--- a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/jianseduibi.vue
+++ b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/jianseduibi.vue
@@ -1,53 +1,26 @@
 <template>
+  <!-- 项目建设完成图片 -->
   <div class="XiangXiXinXi">
-    <!-- <div class="projectMb">
-      <span class="title">项目建设目的</span>
-    </div>
-    <div class="xiangxinfo xmzb">
-      <div v-for="i in xmmbList" :key="i.props" class="label_xnmx">
-        <div class="title_class">
-          <div class="top" :title="projectDate.constructionPurpose">{{ projectDate.constructionPurpose }}</div>
-        </div>
-      </div>
-    </div>
-    <div class="projectMb" style="margin-top: 20px;">
-      <span class="title">项目建设完成情况</span>
-    </div>
-    <div class="xiangxinfo xmzb">
-      <div v-for="i in xmxtgcl" :key="i.props" class="label_xnmx">
-        <div class="title_class">
-          <div class="top" :title="projectDate.constructionAchievements">{{ projectDate.constructionAchievements }}
-          </div>
-        </div>
-      </div>
-    </div> -->
-    <div class="projectMb" style="margin-top: 20px">
-      <span class="title">建设照片</span>
-    </div>
     <div class="xiangxinfo jszp">
-      <el-carousel trigger="click" type="card"  height="347px" v-if="allFileList.length > 0">
-            <el-carousel-item
-              v-for="item in allFileList"
-              :key="item"
-            >
-              <el-image
-              class='img_age'
-              preview-teleported
-              :src="item.url"
-              :zoom-rate="1.2"
-             :max-scale="7"
-              :min-scale="0.2"
-              :preview-src-list="[item.url]"
-              :initial-index="4"
-               />
-            </el-carousel-item>
-          </el-carousel>
+      <el-carousel trigger="click" type="card" height="347px" v-if="allFileList.length > 0">
+        <el-carousel-item v-for="item in allFileList" :key="item">
+          <el-image
+            class="img_age"
+            preview-teleported
+            :src="item.url"
+            :zoom-rate="1.2"
+            :max-scale="7"
+            :min-scale="0.2"
+            :preview-src-list="[item.url]"
+            :initial-index="4"
+          />
+        </el-carousel-item>
+      </el-carousel>
       <el-empty :image-size="30" v-else />
     </div>
   </div>
 </template>
 <script setup name="XiangXiXinXi">
-import { inject } from 'vue';
 import { selectProjectImageList } from '@/api/sponeScreen/gcpjApi';
 import bus from '@/bus';
 const projectDate = ref({});
@@ -80,6 +53,7 @@
   color: #fff;
 
   .xiangxinfo {
+    margin-top: 20px;
     .img {
       width: 100%;
       margin: 10px 0;
@@ -169,8 +143,8 @@
     flex: 1 !important;
   }
 }
-.img_age{ 
-  width:500px;
-  height:347px
+.img_age {
+  width: 500px;
+  height: 347px;
 }
 </style>
diff --git a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue
index 9733122..674adb4 100644
--- a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue
+++ b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue
@@ -1,6 +1,6 @@
 <template>
+  <!-- 海绵项目详情 -->
   <Transition name="slide-fade">
-    <!-- <div class="pmpSitNewDialogw"  v-if="allDate.constructionPurpose"> -->
     <div class="pmpSitNewDialogw">
       <div class="title">
         <span class="text">{{ allDate.projectName }}</span>
@@ -43,11 +43,12 @@
           </el-carousel>
           <el-empty :image-size="30" v-else />
 
-          <div class="text_x image_e" style="height: auto">施工、完成照片</div>
+          <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-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>
@@ -59,8 +60,6 @@
 </template>
 <script setup name="gongChengPingJia">
 import { ref, reactive, toRefs, onMounted } from 'vue';
-
-import xianchangtup from '@/assets/images/Sponge_screen/xianchangtup.png';
 import XiangXiXinXi from './XiangXiXinXi.vue';
 import jianseduibi from './jianseduibi.vue';
 import xmsgt from './xmsgt.vue';
@@ -276,11 +275,11 @@
       width: 93%;
     }
   }
+  .el-tabs__item {
+    font-size: 16px !important;
+  }
 }
-// ::-webkit-scrollbar {
-//   width: 0;
-//   //  height: 10px;
-// }
+
 .slide-fade-enter-active {
   transition: all 0.3s ease-out;
 }
diff --git a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/xmsgt.vue b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/xmsgt.vue
index e9f045b..fb190df 100644
--- a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/xmsgt.vue
+++ b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/xmsgt.vue
@@ -1,23 +1,21 @@
 <template>
+  <!-- 建设施工过程 -->
   <div class="XiangXiXinXi">
-    <div class="img">
-      <el-carousel trigger="click" type="card"  height="347px" v-if="allImages?.underConstructionFileList.length > 0">
-            <el-carousel-item
-              v-for="item in allImages?.underConstructionFileList"
-              :key="item"
-            >
-              <el-image
-              class="img_age" 
-              preview-teleported
-              :src="item.url"
-              :zoom-rate="1.2"
-             :max-scale="7"
-              :min-scale="0.2"
-              :preview-src-list="[item.url]"
-              :initial-index="4"
-               />
-            </el-carousel-item>
-          </el-carousel>
+    <div class="img" style="margin-top: 20px">
+      <el-carousel trigger="click" type="card" height="347px" v-if="allImages?.underConstructionFileList.length > 0">
+        <el-carousel-item v-for="item in allImages?.underConstructionFileList" :key="item">
+          <el-image
+            class="img_age"
+            preview-teleported
+            :src="item.url"
+            :zoom-rate="1.2"
+            :max-scale="7"
+            :min-scale="0.2"
+            :preview-src-list="[item.url]"
+            :initial-index="4"
+          />
+        </el-carousel-item>
+      </el-carousel>
       <el-empty :image-size="30" v-else />
     </div>
   </div>
@@ -27,20 +25,20 @@
 import { selectProjectImageList } from '@/api/sponeScreen/gcpjApi';
 import bus from '@/bus';
 const projectData = ref({});
-const allImages = ref({})
+const allImages = ref({});
 async function selectProjectImage(p) {
-  let { data } = await selectProjectImageList(p)
-  allImages.value = data[0]
+  let { data } = await selectProjectImageList(p);
+  allImages.value = data[0];
 }
-bus.on('getProjectDate', (v) => {
-  projectData.value = v
-  selectProjectImage({ projectNo: v.projectNo })
-})
+bus.on('getProjectDate', v => {
+  projectData.value = v;
+  selectProjectImage({ projectNo: v.projectNo });
+});
 </script>
 
 <style lang="scss" scoped>
-.img_age{ 
-  width:500px;
-  height:347px
+.img_age {
+  width: 500px;
+  height: 347px;
 }
 </style>