EmailBill/openspec/changes/fix-budget-and-ui-bugs/specs/navigation/spec.md

MODIFIED Requirements

Requirement: Bottom navigation statistics tab routes correctly

底部导航栏的"统计"标签 MUST 正确配置路由路径，点击后能够跳转到统计页面 (/statistics-v2)。

Scenario: User clicks statistics tab in bottom navigation

• WHEN 用户在应用底部导航栏点击"统计"图标或标签
• THEN 浏览器 URL 变更为 /statistics-v2
• AND 页面渲染统计页面组件（如 StatisticsV2.vue）
• AND 底部导航栏的"统计"标签高亮显示为激活状态

Scenario: Direct URL access to statistics page

• WHEN 用户直接在浏览器地址栏输入 /statistics-v2 并访问
• THEN 应用正确渲染统计页面
• AND 底部导航栏的"统计"标签高亮显示为激活状态

Scenario: Navigation tab configuration matches route definition

• WHEN 前端代码加载时
• THEN 底部导航组件（van-tabbar 或自定义组件）中"统计"标签的 to 或 path 属性值为 /statistics-v2
• AND 路由配置文件 (router/index.js) 中存在 path: '/statistics-v2' 的路由定义

Requirement: Vant DatetimePicker component must be registered

Vant UI 库的 van-datetime-picker 组件 MUST 正确注册，以避免控制台出现 "Failed to resolve component" 警告。

Scenario: DatetimePicker used in application

• WHEN 应用中任何页面使用 <van-datetime-picker> 组件
• THEN 组件正常渲染，无控制台错误或警告
• AND 控制台不显示 "Failed to resolve component: van-datetime-picker" 消息

Scenario: Global component registration in main.ts

• WHEN 应用启动时执行 main.ts 或全局插件文件
• THEN DatetimePicker 组件已通过 app.use(DatetimePicker) 全局注册
• OR 在使用组件的文件中已通过 import { DatetimePicker } from 'vant' 和 components: { VanDatetimePicker: DatetimePicker } 局部注册

Scenario: No missing component warnings after fix

• WHEN 用户浏览应用的所有页面（日历、预算、统计等）
• THEN 浏览器开发者工具控制台中无任何 Vant 组件相关的警告或错误