9cec8a7f66ba88df20c9b67659400205b9285783
把 Vehicles 页从空壳升级成真业务: - 卡片式列表,移动端单列、桌面端两列网格 - 每张卡片展示名称/默认标签/品牌+型号+车牌/能源类型/油箱/里程 - 操作:编辑 / 设为默认 / 删除(NPopconfirm 二次确认;走 NDialog.warning) - 顶部「+ 添加」按钮,弹 NModal 表单 - 表单:名称必填、5 个可选字段、NSwitch 切默认 - 提交走 vehiclesApi.create/update,刷新 store - 删除用 NDialog.warning(避免 Popconfirm 误触) - Loading / Empty / Error 状态完整 新增/改动: - src/components/VehicleFormModal.vue NModal + NForm + NInput/NInputNumber/NSwitch * watch props.show / editing 重置表单 * isEdit 复用同一份表单(create / update 双模式) * 内联 FuelSelect(简单 NSelect 包装) * useMessage 反馈成功/失败 - src/pages/Vehicles.vue 替换占位 Empty * onMounted 触发 store.loadList * openCreate / openEdit 控制 showForm + editing * onSaved 自动切到刚保存的车(UX:加完车立刻能进 Dashboard 看到统计) * setDefault -> store.setDefault * remove -> dialog.warning + store.remove - src/stores/vehicle.ts 暴露 setCurrentId(id) 给 UI 切换当前车 未做(留待后续): - 搜索 / 排序 / 分页:单车辆量 < 100,前两版没必要 - 列表项的「最近一次加油」摘要:留给 Dashboard 拿 验证: pnpm typecheck 0 errors pnpm build 12.5s,dist 重新生成,Dashboard / Vehicles 各自分 chunk
Description
No description provided
316 KiB
Languages
Go
46.6%
Vue
30%
TypeScript
8.5%
PowerShell
7.5%
JavaScript
3.4%
Other
4%