修改采集平台详情页

RuoYi-Vue3/src/data/projects/dataCollectionProjects.js

@@ -1,4 +1,4 @@
-import taiPuRiverImage2 from '@/assets/images/太浦河全景2.png'
+import taiPuRiverImage2 from '@/assets/images/采集平台.png'
 
 // 数据采集项目数据
 export const dataCollectionProjects = [
@@ -170,57 +170,5 @@ export const dataCollectionProjects = [
         description: '集中式数据存储与处理中心'
       }
     ],
-    applicationEffects: [
-      {
-        id: '1',
-        title: '数据采集能力提升5倍',
-        summary: '项目建成后，流域数据采集能力提升了5倍，实现了全流域数据的全面采集',
-        content: '流域数据采集项目成功提升了流域数据采集能力。通过部署1000+个采集站点和优化数据采集系统，数据采集能力提升了5倍。系统能够采集水位、流量、水质、气象、土壤墒情等多类数据，每日采集数据量达到TB级，为水资源管理提供了全面、准确的数据支撑。',
-        date: '2023-12-20',
-        author: '技术部',
-        category: '数据采集',
-        image: taiPuRiverImage2
-      },
-      {
-        id: '2',
-        title: '数据传输效率提升80%',
-        summary: '优化的数据传输系统显著提升了数据传输效率',
-        content: '项目优化了数据传输系统，采用了5G网络和边缘计算技术，数据传输效率提升了80%。监测数据从采集到存储的时间缩短至10秒以内，实现了实时数据传输和处理。这使得管理部门能够及时掌握水文变化情况，为决策提供了实时数据支持。',
-        date: '2023-12-18',
-        author: '通信部',
-        category: '通信技术',
-        image: taiPuRiverImage2
-      },
-      {
-        id: '3',
-        title: '数据存储容量提升10倍',
-        summary: '建立了大容量数据存储系统，存储容量提升了10倍',
-        content: '项目建立了高性能数据存储系统，存储容量提升了10倍，能够存储数年的历史数据。系统采用了分布式存储和云存储技术，确保了数据的安全性和可靠性。同时，系统支持快速的数据检索和分析，满足了用户对历史数据查询和分析的需求。',
-        date: '2023-12-15',
-        author: '存储部',
-        category: '数据存储',
-        image: taiPuRiverImage2
-      },
-      {
-        id: '4',
-        title: '数据分析效率提升60%',
-        summary: '引入大数据分析技术，数据分析效率显著提升',
-        content: '项目引入了大数据分析技术，建立了高效的数据处理和分析平台。系统支持实时数据分析和批量数据分析，分析效率提升了60%。通过数据分析，用户可以获取水质趋势、洪水预测、水资源利用率等重要信息，为决策提供了科学依据。',
-        date: '2023-12-12',
-        author: '分析部',
-        category: '数据分析',
-        image: taiPuRiverImage2
-      },
-      {
-        id: '5',
-        title: '共享数据接口访问量突破500万次',
-        summary: '标准化数据接口受到广泛使用，访问量持续增长',
-        content: '项目建立了标准化的数据共享接口，实现了与其他系统的数据交换和共享。接口采用了RESTful API设计，支持多种数据格式和访问方式。截至2023年12月，接口访问量已突破500万次，为政府部门、科研机构和企业提供了可靠的数据服务。',
-        date: '2023-12-10',
-        author: '共享部',
-        category: '数据共享',
-        image: taiPuRiverImage2
-      }
-    ]
   }
 ]

RuoYi-Vue3/src/views/front/HydrologicalPlatform.vue

@@ -142,34 +142,6 @@
         </div>
       </section>
 
-      <!-- 核心优势区域 -->
-      <section class="features-section">
-        <div class="feature-card">
-          <h3>🎯 专业团队</h3>
-          <p>拥有10年以上经验的技术专家团队，精通各类软件开发与架构设计</p>
-        </div>
-        <div class="feature-card">
-          <h3>🚀 快速开发</h3>
-          <p>采用敏捷开发流程，快速响应需求，确保项目按时交付</p>
-        </div>
-        <div class="feature-card">
-          <h3>🔒 质量保障</h3>
-          <p>严格的测试流程，确保产品质量，提供持续的技术支持</p>
-        </div>
-        <div class="feature-card">
-          <h3>💡 创新能力</h3>
-          <p>持续创新，紧跟技术前沿，为客户提供最佳解决方案</p>
-        </div>
-        <div class="feature-card">
-          <h3>🤝 客户至上</h3>
-          <p>以客户需求为导向，提供定制化服务，建立长期合作关系</p>
-        </div>
-        <div class="feature-card">
-          <h3>📈 成功案例</h3>
-          <p>已完成100+项目，服务50+客户，涵盖多个行业领域</p>
-        </div>
-      </section>
-
       <!-- 项目案例区域 -->
       <section class="project-section">
         <h2 class="section-title">精选项目案例</h2>
@@ -214,23 +186,55 @@
           </div>
           <div class="project-card" @click="goToProjectCases('data-collection')">
             <div class="project-image">
-              <div class="placeholder-image">
-                <span class="placeholder-text">流域数据采集</span>
-              </div>
+              <img 
+                :src="collectionPlatformImage" 
+                alt="流域数据采集" 
+                loading="lazy"
+                class="project-image-element"
+              >
             </div>
             <div class="project-content">
-              <h3>流域数据采集</h3>
-              <p>全流域水文数据采集与传输系统，支持多源数据融合与标准化管理</p>
+              <h3>流域数据采集平台</h3>
+              <p>覆盖水文、水质、水生态、工程、水政等多个领域，形成了"天地一体化"的监测采集网络，为太湖流域水文水资源管理、水环境保护和防汛抗旱提供数据支撑</p>
               <div class="project-tags">
                 <span class="tag">数据采集</span>
                 <span class="tag">传感器</span>
                 <span class="tag">通信</span>
+                <span class="tag">标准化</span>
               </div>
             </div>
           </div>
         </div>
       </section>
 
+      <!-- 核心优势区域 -->
+      <section class="features-section">
+        <div class="feature-card">
+          <h3>🎯 专业团队</h3>
+          <p>拥有10年以上经验的技术专家团队，精通各类软件开发与架构设计</p>
+        </div>
+        <div class="feature-card">
+          <h3>🚀 快速开发</h3>
+          <p>采用敏捷开发流程，快速响应需求，确保项目按时交付</p>
+        </div>
+        <div class="feature-card">
+          <h3>🔒 质量保障</h3>
+          <p>严格的测试流程，确保产品质量，提供持续的技术支持</p>
+        </div>
+        <div class="feature-card">
+          <h3>💡 创新能力</h3>
+          <p>持续创新，紧跟技术前沿，为客户提供最佳解决方案</p>
+        </div>
+        <div class="feature-card">
+          <h3>🤝 客户至上</h3>
+          <p>以客户需求为导向，提供定制化服务，建立长期合作关系</p>
+        </div>
+        <div class="feature-card">
+          <h3>📈 成功案例</h3>
+          <p>已完成100+项目，服务50+客户，涵盖多个行业领域</p>
+        </div>
+      </section>
+
       <!-- 公司资质区域 -->
       <section class="certification-section">
         <h2 class="section-title">公司资质与荣誉</h2>

RuoYi-Vue3/src/views/front/content/ShuiliGongcheng.vue

@@ -243,7 +243,7 @@ const getProjectImage = (projectName) => {
     '铜山源灌区': tongShanYuanImage,
     '水资源评价调配': shuiZiYuanImage,
     '流域数据采集平台': caiJiImage,
-    '千岛湖水资源评价': shuiZiYuanImage
+    '千岛湖水资源评价': qianDaoHuImage
   }
   return imageMapping[projectName] || ''
 }
@@ -335,6 +335,7 @@ import taiShiQiaoImage from '@/assets/images/太师桥水文站.png'
 import tongShanYuanImage from '@/assets/images/铜山源水库.jpg'
 import shuiZiYuanImage from '@/assets/images/水资源模型调配.png'
 import caiJiImage from '@/assets/images/采集平台.png'
+import qianDaoHuImage from '@/assets/images/千岛湖系统.png'
 
 // 根据用户要求的项目数据
 const mockProjectData = ref([