12451 b553c4e519 feat: API 统一 + 设备详情补全 + H5 导航优化

- API 路由统一: 移除 /api/h5/，统一 /api/pms/ 入口
- 二进制改名: api-server -> pms-api（与服务名一致）
- nginx: 合并 /api/ + /pms/api/ 为 /api/pms/
- 新增 docs/API.md 接口文档
- 后端: CabinetDetail 增加 rssi/pow_fail/address/soc 等字段
- Redis 管道批量读取仓体实时数据（SOC/电压/电流/功率）
- DB: 所有 TIMESTAMP 列改为 DATETIME（修复类型不匹配）
- 用户管理: 新增创建时间/修改时间列，状态改用 Switch
- 角色管理/用户管理: 操作按钮改为图标
- PC 设备详情: 基本信息补全 RSSI/ICCID/电源/地址
- PC 卡片: 通道统计改用 Lucide 图标，颜色统一
- PC 二维码: canvas 渲染，含编号文字，支持右键下载
- H5: 按 uni-app 规范修正导航（navigateTo 替代 reLaunch）
- H5: 详情页加返回导航条
- H5: 扫码支持摄像头（jsQR）+ ?id= 参数
- H5: 底部 tabBar 在所有页面常显
- H5: 首页统计改为 6 项（设备/通道/空闲/充电/充满/故障）
- H5: 下拉刷新 / 上拉加载
- 产品首页: 添加业务联系
- 文档: 清理过时文件，补充缺失规范章节

2026-07-04 04:03:02 +08:00

3.1 KiB

Raw Blame History

name, description, metadata

name

description

metadata

vue

Vue.js progressive JavaScript framework. Use when building Vue components, working with reactivity (ref, reactive, computed, watch), or implementing Vue Composition API patterns.

author	version	source
Anthony Fu	2026.1.28	Generated from https://github.com/vuejs/docs, scripts located at https://github.com/antfu/skills

Vue

The skill is based on Vue 3.5+, generated at 2026-01-28.

Vue is a progressive JavaScript framework for building user interfaces. It builds on standard HTML, CSS, and JavaScript with intuitive API and world-class documentation. The Composition API with <script setup> and TypeScript is the recommended approach for building Vue applications.

Core References

Topic	Description	Reference
Reactivity System	ref, reactive, computed, watch, and watchEffect	core-reactivity

Components

Topic	Description	Reference
Props	Declare and validate component props with TypeScript	components-props
Events (Emits)	Emit custom events from components	components-emits
Slots	Pass template content to child components	components-slots
v-model	Two-way binding on custom components	components-v-model
Lifecycle Hooks	Run code at specific component lifecycle stages	components-lifecycle

Features

Script Setup & TypeScript

Topic	Description	Reference
Script Setup	Composition API syntactic sugar for SFCs	features-script-setup
TypeScript	Type-safe Vue components with Composition API	features-typescript

Reusability

Topic	Description	Reference
Composables	Encapsulate and reuse stateful logic	features-composables
Custom Directives	Low-level DOM manipulation directives	features-directives
Template Refs	Direct DOM and component instance access	features-template-refs

Advanced

Topic	Description	Reference
Provide/Inject	Dependency injection across component tree	advanced-provide-inject
Async & Suspense	Top-level await pitfalls, async components, Suspense	advanced-async-suspense

Key Recommendations

Use <script setup lang="ts"> for all components
Prefer ref() over reactive() for declaring state
Use type-based prop declarations with interfaces
Use defineModel() for v-model (3.4+)
Destructure props reactively (3.5+) for cleaner code
Extract composables for reusable stateful logic

3.1 KiB Raw Blame History

Vue