项目管理页修改，

RuoYi-Vue3/src/data/projectCasesData.js

@@ -669,5 +669,560 @@ export const projectData = [
         image: taiPuRiverImage2
       }
     ]
+  },
+  {
+    id: 'tong-shan-yuan',
+    title: '铜山源灌区',
+    subtitle: '基于数字孪生技术的铜山源灌区智慧管理平台',
+    coverImage: taiPuRiverImage2,
+    date: '2024年9月',
+    location: '浙江省·衢州市',
+    client: '浙江省衢州市水利局',
+    tags: ['数字孪生', '灌区管理', '智慧水利', '水资源优化'],
+    overview: '铜山源灌区数字孪生平台运用先进的数字孪生技术，构建了灌区全要素数字化映射，实现了灌区水资源的精准调度、作物需水的智能预测和灌溉设施的智能运维。项目已成功应用于灌区日常管理，显著提高了水资源利用效率和灌溉管理水平。',
+    materials: [
+      {
+        id: '1',
+        name: '铜山源灌区数字孪生技术方案.pdf',
+        type: 'pdf',
+        size: '3.2MB',
+        uploadDate: '2024-09-15',
+        description: '项目技术方案，包含系统架构和实现方法',
+        category: '文件'
+      },
+      {
+        id: '2',
+        name: '灌区监测站点分布.xlsx',
+        type: 'excel',
+        size: '2.5MB',
+        uploadDate: '2024-09-10',
+        description: '灌区监测站点的详细分布信息',
+        category: '文件'
+      },
+      {
+        id: '3',
+        name: '智能灌溉控制系统设计文档.docx',
+        type: 'word',
+        size: '1.8MB',
+        uploadDate: '2024-08-28',
+        description: '智能灌溉控制系统的详细设计文档',
+        category: '文件'
+      },
+      {
+        id: '4',
+        name: '系统测试报告.pdf',
+        type: 'pdf',
+        size: '2.1MB',
+        uploadDate: '2024-09-20',
+        description: '系统测试结果和验收报告',
+        category: '文件'
+      },
+      {
+        id: '5',
+        name: '用户操作手册.pdf',
+        type: 'pdf',
+        size: '3.5MB',
+        uploadDate: '2024-09-12',
+        description: '平台用户操作手册',
+        category: '文件'
+      },
+      {
+        id: '6',
+        name: '灌区运行演示.mp4',
+        type: 'video',
+        size: '200MB',
+        uploadDate: '2024-09-15',
+        description: '铜山源灌区数字孪生平台运行演示视频',
+        category: '媒体'
+      },
+      {
+        id: '7',
+        name: '项目现场照片集.zip',
+        type: 'zip',
+        size: '95MB',
+        uploadDate: '2024-09-10',
+        description: '项目现场实拍照片集合',
+        category: '媒体'
+      }
+    ],
+    technicalHighlights: [
+      '灌区全要素数字孪生建模',
+      '作物需水智能预测算法',
+      '精准灌溉自动控制系统',
+      '多源数据融合分析技术',
+      '可视化决策支持平台'
+    ],
+    achievements: [
+      {
+        id: '1',
+        title: '水资源利用效率提升25%',
+        summary: '通过数字孪生技术和智能灌溉系统，水资源利用效率显著提升',
+        content: '铜山源灌区数字孪生项目成功提升了水资源利用效率。通过精准灌溉控制和作物需水预测，灌溉用水量减少了20%，水资源利用效率提升了25%。这一成果有效缓解了灌区水资源短缺问题，为农业可持续发展提供了有力支持。',
+        date: '2024-09-15',
+        author: '技术部',
+        category: '水资源管理',
+        number: '25%',
+        description: '水资源利用效率提升',
+        image: taiPuRiverImage2
+      },
+      {
+        id: '2',
+        title: '灌溉自动化率达到90%',
+        summary: '实现了灌溉系统的高度自动化',
+        content: '项目实现了灌溉系统的高度自动化。通过部署智能灌溉控制器和传感器网络，灌区灌溉自动化率从传统的30%提升至90%。系统能够根据作物需水和土壤墒情自动调整灌溉水量和时间，减少了人工干预，提高了灌溉管理效率。',
+        date: '2024-09-10',
+        author: '工程部',
+        category: '自动化',
+        number: '90%',
+        description: '灌溉自动化率',
+        image: taiPuRiverImage2
+      },
+      {
+        id: '3',
+        title: '作物产量提升15%',
+        summary: '精准灌溉和科学管理促进了作物产量提升',
+        content: '通过精准灌溉和科学的水资源管理，作物产量显著提升。根据实际监测数据，灌区主要作物产量平均提升了15%。这一成果不仅提高了农民的收入，也为保障粮食安全做出了贡献。',
+        date: '2024-09-05',
+        author: '农业部',
+        category: '农业生产',
+        number: '15%',
+        description: '作物产量提升',
+        image: taiPuRiverImage2
+      },
+      {
+        id: '4',
+        title: '监测站点覆盖全灌区',
+        summary: '建立了覆盖全灌区的监测网络',
+        content: '项目建立了覆盖全灌区的监测网络，包括水位、流量、土壤墒情、气象等多种类型的监测站点。监测数据通过5G网络实时传输到平台，为灌溉决策提供了全面、准确的数据支撑。',
+        date: '2024-09-01',
+        author: '监测部',
+        category: '监测体系',
+        number: '100%',
+        description: '监测站点覆盖',
+        image: taiPuRiverImage2
+      }
+    ],
+    caseStudies: [
+      {
+        type: 'image',
+        image: taiPuRiverImage2,
+        title: '灌区全景',
+        description: '铜山源灌区全景图'
+      },
+      {
+        type: 'image',
+        image: taiPuRiverImage2,
+        title: '灌溉控制系统',
+        description: '智能灌溉控制系统运行界面'
+      },
+      {
+        type: 'image',
+        image: taiPuRiverImage2,
+        title: '数据可视化',
+        description: '灌区监测数据实时可视化'
+      }
+    ],
+    applicationEffects: [
+      {
+        id: '1',
+        title: '灌区管理效率提升60%',
+        summary: '数字孪生平台显著提升了灌区管理效率',
+        content: '铜山源灌区数字孪生平台成功提升了灌区管理效率。通过自动化灌溉控制和智能化管理，管理人员减少了60%的日常巡检工作量，管理效率提升了60%。系统能够实时监测灌区运行状态，及时发现和处理问题，有效降低了管理成本。',
+        date: '2024-09-20',
+        author: '管理部',
+        category: '管理效率',
+        image: taiPuRiverImage2
+      },
+      {
+        id: '2',
+        title: '节水效益显著',
+        summary: '精准灌溉有效减少了水资源浪费',
+        content: '项目实施后，灌区节水效益显著。通过精准灌溉和智能控制，年节水总量达到1500万立方米，节水率达到20%。这一成果不仅节约了水资源，也降低了农民的灌溉成本，提高了农业生产的经济效益。',
+        date: '2024-09-18',
+        author: '水资源部',
+        category: '节水效益',
+        image: taiPuRiverImage2
+      },
+      {
+        id: '3',
+        title: '农民满意度达到95%',
+        summary: '智能灌溉系统受到农民广泛欢迎',
+        content: '数字孪生灌溉系统受到了农民的广泛欢迎。系统的自动化控制和精准灌溉功能大大减少了农民的劳动强度，提高了作物产量和品质。根据用户满意度调查，农民满意度达到95%以上，系统已成为农民生产的得力助手。',
+        date: '2024-09-15',
+        author: '用户部',
+        category: '用户满意度',
+        image: taiPuRiverImage2
+      }
+    ]
+  },
+  {
+    id: 'tai-pu-gate',
+    title: '数字孪生太浦闸',
+    subtitle: '基于数字孪生技术的太浦闸智能监控系统',
+    coverImage: taiPuRiverImage2,
+    date: '2024年7月',
+    location: '上海市·青浦区',
+    client: '水利部太湖流域管理局',
+    tags: ['数字孪生', '水利工程', '智能监控', '闸门调度'],
+    overview: '数字孪生太浦闸项目实现了太浦闸的数字化映射，通过实时监测闸门运行状态、水流情况等数据，结合人工智能分析技术，提供精准的闸门调度与监控服务。项目已投入运行，在太浦河防洪、供水调度等工作中发挥了重要作用。',
+    materials: [
+      {
+        id: '1',
+        name: '数字孪生太浦闸技术方案.pdf',
+        type: 'pdf',
+        size: '2.8MB',
+        uploadDate: '2024-07-15',
+        description: '项目技术方案，包含系统架构和实现方法',
+        category: '文件'
+      },
+      {
+        id: '2',
+        name: '太浦闸监测数据.csv',
+        type: 'csv',
+        size: '12.5MB',
+        uploadDate: '2024-07-10',
+        description: '太浦闸运行监测数据汇总',
+        category: '文件'
+      },
+      {
+        id: '3',
+        name: '智能调度系统设计文档.docx',
+        type: 'word',
+        size: '1.6MB',
+        uploadDate: '2024-06-28',
+        description: '智能调度系统的详细设计文档',
+        category: '文件'
+      },
+      {
+        id: '4',
+        name: '项目验收报告.pdf',
+        type: 'pdf',
+        size: '2.9MB',
+        uploadDate: '2024-07-20',
+        description: '项目最终验收报告，包含验收意见和结论',
+        category: '文件'
+      },
+      {
+        id: '5',
+        name: '数字孪生模型数据.zip',
+        type: 'zip',
+        size: '150MB',
+        uploadDate: '2024-07-18',
+        description: '太浦闸高精度数字孪生模型数据文件',
+        category: '文件'
+      },
+      {
+        id: '6',
+        name: '用户操作手册.pdf',
+        type: 'pdf',
+        size: '3.8MB',
+        uploadDate: '2024-07-12',
+        description: '平台用户操作手册，详细说明各项功能使用方法',
+        category: '文件'
+      },
+      {
+        id: '7',
+        name: '太浦闸运行演示.mp4',
+        type: 'video',
+        size: '280MB',
+        uploadDate: '2024-07-15',
+        description: '数字孪生太浦闸运行演示视频',
+        category: '媒体'
+      }
+    ],
+    technicalHighlights: [
+      '闸门运行状态实时监测',
+      '高精度水流模拟计算',
+      '智能调度决策支持系统',
+      '多维度数据可视化展示',
+      '故障预警与诊断系统'
+    ],
+    achievements: [
+      {
+        id: '1',
+        title: '闸门调度响应时间缩短70%',
+        summary: '智能调度系统上线，闸门调度响应时间大幅缩短',
+        content: '基于数字孪生技术的智能调度系统成功上线运行。该系统能够实时分析闸门运行状态和水流情况，自动生成最优调度方案。相比传统人工调度方式，调度响应时间缩短了70%，实现了闸门的精准控制和高效调度。',
+        date: '2024-07-15',
+        author: '技术部',
+        category: '技术成果',
+        number: '70%',
+        description: '调度响应时间缩短',
+        image: taiPuRiverImage2
+      },
+      {
+        id: '2',
+        title: '故障预警准确率达到98%',
+        summary: '通过AI技术，实现了闸门故障的精准预警',
+        content: '项目采用了先进的人工智能算法，对闸门运行数据进行实时分析和异常检测。系统能够提前24小时预测潜在故障，预警准确率达到98%。这一成果显著提高了闸门运行的可靠性，减少了故障停机时间。',
+        date: '2024-07-10',
+        author: '运维部',
+        category: '技术成果',
+        number: '98%',
+        description: '故障预警准确率',
+        image: taiPuRiverImage2
+      },
+      {
+        id: '3',
+        title: '人工巡检工作量减少80%',
+        summary: '自动化监测系统减少了大量人工巡检工作',
+        content: '数字孪生太浦闸项目实现了闸门运行状态的全面自动化监测。系统能够实时采集和分析各类运行数据，自动生成巡检报告和维护建议。相比传统人工巡检方式，人工巡检工作量减少了80%，运维成本显著降低。',
+        date: '2024-07-05',
+        author: '运维部',
+        category: '管理优化',
+        number: '80%',
+        description: '人工巡检工作量减少',
+        image: taiPuRiverImage2
+      },
+      {
+        id: '4',
+        title: '水流模拟精度提升至95%',
+        summary: '高精度水流模拟模型，为调度决策提供可靠依据',
+        content: '项目建立了高精度的水流模拟模型，能够准确模拟太浦闸上下游水流变化情况。模拟精度达到95%，为闸门调度决策提供了可靠的技术支持，有效提高了水资源调度的科学性和准确性。',
+        date: '2024-07-01',
+        author: '技术部',
+        category: '技术成果',
+        number: '95%',
+        description: '水流模拟精度',
+        image: taiPuRiverImage2
+      }
+    ],
+    caseStudies: [
+      {
+        type: 'image',
+        image: taiPuRiverImage2,
+        title: '太浦闸实景',
+        description: '太浦闸实际运行场景'
+      },
+      {
+        type: 'image',
+        image: taiPuRiverImage2,
+        title: '数字孪生模型',
+        description: '太浦闸高精度数字孪生模型'
+      },
+      {
+        type: 'image',
+        image: taiPuRiverImage2,
+        title: '智能监控中心',
+        description: '太浦闸智能监控中心'
+      }
+    ],
+    applicationEffects: [
+      {
+        id: '1',
+        title: '太浦闸调度效率提升50%',
+        summary: '智能调度系统显著提升了太浦闸调度效率',
+        content: '数字孪生太浦闸项目成功提升了太浦闸调度效率。通过智能调度系统，闸门调度响应时间缩短了70%，调度效率提升了50%。系统能够根据实时水情自动调整闸门开度，实现了水资源的精准调度和高效利用。',
+        date: '2024-07-20',
+        author: '调度部',
+        category: '调度效率',
+        image: taiPuRiverImage2
+      },
+      {
+        id: '2',
+        title: '故障停机时间减少90%',
+        summary: '故障预警系统有效减少了故障停机时间',
+        content: '项目实施后，太浦闸故障停机时间显著减少。通过AI故障预警系统，能够提前发现并处理潜在故障，故障停机时间减少了90%。系统的可靠性和稳定性得到了显著提升，确保了太浦闸的安全稳定运行。',
+        date: '2024-07-18',
+        author: '运维部',
+        category: '运维管理',
+        image: taiPuRiverImage2
+      },
+      {
+        id: '3',
+        title: '防洪调度响应速度提高80%',
+        summary: '在防洪调度中发挥了重要作用',
+        content: '数字孪生太浦闸项目在2024年防洪期间发挥了重要作用。系统能够实时监测水情变化，快速生成防洪调度方案，防洪调度响应速度提高了80%。有效保障了太浦河流域的防洪安全，减少了洪水灾害损失。',
+        date: '2024-07-15',
+        author: '防洪部',
+        category: '防洪减灾',
+        image: taiPuRiverImage2
+      }
+    ]
+  },
+  {
+    id: 'tai-shi-qiao',
+    title: '太师桥水文站',
+    subtitle: '基于数字孪生技术的水文站智能监测系统',
+    coverImage: gongHuImage,
+    date: '2024年4月',
+    location: '江苏省·苏州市',
+    client: '江苏省水文局',
+    tags: ['数字孪生', '水文监测', '实时数据', '智能分析'],
+    overview: '太师桥水文站项目实现了水文站的数字化映射，通过物联网传感器实时采集水文数据，结合人工智能分析技术，提供精准的水文监测与预测服务。项目已投入运行，为太湖流域水文监测工作提供了有力支持。',
+    materials: [
+      {
+        id: '1',
+        name: '太师桥水文站技术方案.pdf',
+        type: 'pdf',
+        size: '3.2MB',
+        uploadDate: '2024-04-15',
+        description: '项目技术方案，包含系统架构和实现方法',
+        category: '文件'
+      },
+      {
+        id: '2',
+        name: '水文监测数据.csv',
+        type: 'csv',
+        size: '15.8MB',
+        uploadDate: '2024-04-10',
+        description: '太师桥水文站监测数据汇总',
+        category: '文件'
+      },
+      {
+        id: '3',
+        name: '传感器网络设计文档.docx',
+        type: 'word',
+        size: '2.1MB',
+        uploadDate: '2024-03-28',
+        description: '传感器网络的详细设计文档',
+        category: '文件'
+      },
+      {
+        id: '4',
+        name: '系统测试报告.pdf',
+        type: 'pdf',
+        size: '3.5MB',
+        uploadDate: '2024-04-20',
+        description: '系统测试结果和验收报告',
+        category: '文件'
+      },
+      {
+        id: '5',
+        name: '数字孪生模型数据.zip',
+        type: 'zip',
+        size: '180MB',
+        uploadDate: '2024-04-18',
+        description: '太师桥水文站高精度数字孪生模型数据文件',
+        category: '文件'
+      },
+      {
+        id: '6',
+        name: '用户操作手册.pdf',
+        type: 'pdf',
+        size: '4.2MB',
+        uploadDate: '2024-04-12',
+        description: '平台用户操作手册，详细说明各项功能使用方法',
+        category: '文件'
+      },
+      {
+        id: '7',
+        name: '水文站运行演示.mp4',
+        type: 'video',
+        size: '320MB',
+        uploadDate: '2024-04-15',
+        description: '太师桥水文站运行演示视频',
+        category: '媒体'
+      }
+    ],
+    technicalHighlights: [
+      '多参数水文传感器网络',
+      '实时数据传输与处理',
+      'AI水文预测模型',
+      '三维可视化展示',
+      '异常数据检测与预警'
+    ],
+    achievements: [
+      {
+        id: '1',
+        title: '监测参数增加至20+',
+        summary: '实现了多参数水文监测，监测内容更加全面',
+        content: '太师桥水文站项目成功实现了多参数水文监测，监测参数从传统的5项增加至20+项，包括水位、流量、水质、水温、气象等多个方面。这一成果为水文监测提供了更加全面的数据支撑，提高了水文分析的准确性和可靠性。',
+        date: '2024-04-15',
+        author: '技术部',
+        category: '技术成果',
+        number: '20+',
+        description: '监测参数数量',
+        image: gongHuImage
+      },
+      {
+        id: '2',
+        title: '数据采集频率提升至1分钟',
+        summary: '高频数据采集，实时反映水文变化',
+        content: '项目实现了高频数据采集，数据采集频率从传统的1小时提升至1分钟。这使得水文数据能够更及时地反映水文变化情况，为洪水预警、水资源调度等决策提供了更实时的数据支持。',
+        date: '2024-04-10',
+        author: '监测部',
+        category: '技术成果',
+        number: '1min',
+        description: '数据采集频率',
+        image: gongHuImage
+      },
+      {
+        id: '3',
+        title: '水文预测准确率达到96%',
+        summary: 'AI预测模型，提高了水文预测准确率',
+        content: '项目采用了先进的人工智能预测模型，结合历史数据和实时数据进行水文预测。预测准确率从传统方法的75%提升至96%，为水资源管理和防洪决策提供了更可靠的预测结果。',
+        date: '2024-04-05',
+        author: '预测部',
+        category: '技术成果',
+        number: '96%',
+        description: '水文预测准确率',
+        image: gongHuImage
+      },
+      {
+        id: '4',
+        title: '数据共享接口访问量突破100万次',
+        summary: '数据共享平台，提高了数据利用率',
+        content: '项目建立了标准化的数据共享接口，实现了与其他系统的数据交换和共享。接口采用了RESTful API设计，支持多种数据格式和访问方式。截至2024年4月，接口访问量已突破100万次，为政府部门、科研机构和企业提供了可靠的数据服务。',
+        date: '2024-04-01',
+        author: '共享部',
+        category: '数据共享',
+        number: '100万+',
+        description: '数据接口访问量',
+        image: gongHuImage
+      }
+    ],
+    caseStudies: [
+      {
+        type: 'image',
+        image: gongHuImage,
+        title: '太师桥水文站实景',
+        description: '水文站实际运行场景'
+      },
+      {
+        type: 'image',
+        image: gongHuImage,
+        title: '数字孪生模型',
+        description: '水文站高精度数字孪生模型'
+      },
+      {
+        type: 'image',
+        image: gongHuImage,
+        title: '数据可视化界面',
+        description: '水文监测数据实时可视化界面'
+      }
+    ],
+    applicationEffects: [
+      {
+        id: '1',
+        title: '水文监测效率提升60%',
+        summary: '自动化监测系统显著提升了水文监测效率',
+        content: '太师桥水文站项目成功提升了水文监测效率。通过自动化监测系统，人工监测工作量减少了80%，监测效率提升了60%。系统能够实时采集和处理水文数据，自动生成监测报告，为水文监测工作提供了有力支持。',
+        date: '2024-04-20',
+        author: '监测部',
+        category: '监测效率',
+        image: gongHuImage
+      },
+      {
+        id: '2',
+        title: '洪水预警时间提前30分钟',
+        summary: 'AI预测模型有效提前了洪水预警时间',
+        content: '项目实施后，洪水预警时间显著提前。通过AI水文预测模型，能够更早地预测洪水发生，预警时间提前了30分钟。这一成果为防洪决策提供了更充足的时间，有效降低了洪水灾害损失。',
+        date: '2024-04-18',
+        author: '预警部',
+        category: '防洪减灾',
+        image: gongHuImage
+      },
+      {
+        id: '3',
+        title: '数据利用率提升80%',
+        summary: '数据共享平台提高了水文数据利用率',
+        content: '项目建立的数据共享平台显著提高了水文数据利用率。通过标准化的数据接口，水文数据能够更方便地被其他系统和用户使用，数据利用率提升了80%。这一成果促进了水文数据的广泛应用，为水资源管理和防洪决策提供了更全面的数据支持。',
+        date: '2024-04-15',
+        author: '数据部',
+        category: '数据应用',
+        image: gongHuImage
+      }
+    ]
   }
 ]

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

@@ -97,9 +97,14 @@
           </el-form-item>
           <el-form-item label="项目分类">
             <el-select v-model="formData.category" placeholder="请选择项目分类" style="width: 100%;" :popper-append-to-body="false" :popper-options="{ boundariesElement: 'body' }">
-            <el-option label="数字孪生太浦河" value="数字孪生太浦河" />
-            <el-option label="数字孪生水文站" value="数字孪生水文站" />
-            <el-option label="数字孪生灌区" value="数字孪生灌区" />
+            <el-option-group label="数字孪生">
+              <el-option label="数字孪生太浦河" value="数字孪生太浦河" />
+              <el-option label="数字孪生水文站" value="数字孪生水文站" />
+              <el-option label="数字孪生灌区" value="数字孪生灌区" />
+            </el-option-group>
+            <el-option-group label="水利信息化">
+              <el-option label="流域数据采集" value="流域数据采集" />
+            </el-option-group>
           </el-select>
           </el-form-item>
           <el-form-item label="经纬度">
@@ -185,6 +190,13 @@ const categoryOptions = ref([
       { value: '数字孪生水文站', label: '数字孪生水文站' },
       { value: '数字孪生灌区', label: '数字孪生灌区' }
     ]
+  },
+  {
+    value: '水利信息化',
+    label: '水利信息化',
+    children: [
+      { value: '流域数据采集', label: '流域数据采集' }
+    ]
   }
 ])
 
@@ -221,10 +233,10 @@ const getTypeDisplayName = (type) => {
 const getProjectImage = (projectName) => {
   const imageMapping = {
     '数字孪生太浦河': taiPuRiverImage,
-    '数字孪生太浦闸': taiPuImage,
+    '数字孪生太浦闸': taiPuZhaImage,
     '贡湖实验站': gongHuImage,
-    '太师桥水文站': gongHuImage,
-    '铜山源灌区': taiPuImage
+    '太师桥水文站': taiShiQiaoImage,
+    '铜山源灌区': tongShanYuanImage
   }
   return imageMapping[projectName] || ''
 }
@@ -234,7 +246,8 @@ const getCategoryTagType = (category) => {
   const tagTypeMapping = {
     '数字孪生太浦河': 'primary',
     '数字孪生水文站': 'success',
-    '数字孪生灌区': 'warning'
+    '数字孪生灌区': 'warning',
+    '流域数据采集': 'danger'
   }
   return tagTypeMapping[category] || 'info'
 }
@@ -308,6 +321,9 @@ const fetchProjects = async () => {
 import taiPuRiverImage from '@/assets/images/太浦河全景2.png'
 import gongHuImage from '@/assets/images/贡湖.png'
 import taiPuImage from '@/assets/images/太浦河全景.png'
+import taiPuZhaImage from '@/assets/images/太浦闸.png'
+import taiShiQiaoImage from '@/assets/images/太师桥水文站.png'
+import tongShanYuanImage from '@/assets/images/铜山源水库.jpg'
 
 // 根据用户要求的项目数据
 const mockProjectData = ref([
@@ -359,7 +375,7 @@ const mockProjectData = ref([
     format: 'OBJ',
     status: '正常',
     createTime: '2024-03-15',
-    category: '数字孪生水文站',
+    category: '流域数据采集',
     description: '全流域水文数据采集与传输系统，支持多源数据融合与标准化管理',
     tags: ['数据采集', '传感器', '通信']
   },
@@ -406,6 +422,16 @@ const selectCategory = (category) => {
     projectData.value = allProjectData.value.filter(project => 
       project.category === '数字孪生灌区'
     );
+  } else if (category === '水利信息化') {
+    // 显示所有水利信息化项目
+    projectData.value = allProjectData.value.filter(project => 
+      project.category && project.category.includes('水利信息化')
+    );
+  } else if (category === '流域数据采集') {
+    // 显示流域数据采集项目
+    projectData.value = allProjectData.value.filter(project => 
+      project.category === '流域数据采集'
+    );
   }
   
   total.value = projectData.value.length;
@@ -495,8 +521,23 @@ const submitForm = async () => {
 
 // 查看项目 - 跳转到项目详情页
 const viewProject = (project) => {
-  // 将项目ID转换为小写并替换空格和中文，以便符合路由规范
-  const projectId = project.name.toLowerCase().replace(/\s+/g, '-').replace(/[\u4e00-\u9fa5]/g, '').replace(/[^a-z0-9-]/g, '')
+  // 创建项目名称到项目详情页ID的映射表
+  const projectIdMap = {
+    '数字孪生太浦河': 'tai-pu-river',
+    '数字孪生太浦闸': 'tai-pu-gate',
+    '贡湖实验站': 'hydrological-station',
+    '太师桥水文站': 'tai-shi-qiao',
+    '铜山源灌区': 'tong-shan-yuan'
+  }
+  
+  // 从映射表中获取对应的projectId，如果没有则使用默认生成规则
+  let projectId = projectIdMap[project.name]
+  
+  if (!projectId) {
+    // 如果映射表中没有对应项，使用默认生成规则
+    projectId = project.name.toLowerCase().replace(/\s+/g, '-').replace(/[\u4e00-\u9fa5]/g, '').replace(/[^a-z0-9-]/g, '')
+  }
+  
   router.push(`/project-cases/${projectId}`)
 }