zyuas.com/ROUTE_UPDATE.md

应急救援路由更新

✅ 路由路径修改

路由对照表

类型	原路径	新路径	说明
访问路径	/solutions/rag	/solutions/emergency-rescue	URL 路径
路由 name	solutionsRag	solutionsEmergencyRescue	路由名称
组件	Rag.vue	EmergencyRescue.vue	组件文件

完整路由配置

// src/config/nav-config.js
{
  path: '/solutions/emergency-rescue',
  name: 'solutionsEmergencyRescue',
  component: resolve => require(['@/view/Solutions/EmergencyRescue'], resolve),
  meta: { title: '应急救援解决方案' }
}

列表页面链接

// src/view/Solutions/Index.vue
{
  path: '/solutions/emergency-rescue',
  title: '应急救援',
  description: '救援队伍使用无人机通过空中视角对灾情进行评估、研判',
  image: require('@/assets/img/service4.jpg')
}

访问路径

页面	新路径	锚点
应急救援主页	/solutions/emergency-rescue	-
灾害响应	/solutions/emergency-rescue	#section-1
搜索救援	/solutions/emergency-rescue	#section-2
指挥调度	/solutions/emergency-rescue	#section-3
灾后评估	/solutions/emergency-rescue	#section-4

修改文件

文件	修改内容
src/config/nav-config.js	路由路径和 name
src/view/Solutions/Index.vue	解决方案卡片链接

新的完整路由结构

/solutions                      // 解决方案列表
/solutions/surveying            // 基础测绘
/solutions/building             // 建筑工程
/solutions/safety               // 安全生产
/solutions/emergency-rescue     // 应急救援（新）

测试

1. 访问 http://localhost:8888/#/solutions

   • ✅ 显示解决方案列表
   • ✅ 点击"应急救援"卡片

2. 访问 http://localhost:8888/#/solutions/emergency-rescue

   • ✅ 显示应急救援解决方案页面
   • ✅ 左侧导航显示 4 个章节
   • ✅ 右侧内容正常显示

3. 点击左侧导航

   • ✅ 滚动到对应章节

备注

• /solutions/rag 路径已预留，可用于其他业务
• 新路径 /solutions/emergency-rescue 语义更清晰
• 所有链接和路由已同步更新