## 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** 应用中任何页面使用 `` 组件 - **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 组件相关的警告或错误