| .. | ||
| html | ||
| public | ||
| src | ||
| vite/plugins | ||
| .env.development | ||
| .env.production | ||
| .env.staging | ||
| .gitignore | ||
| Dockerfile | ||
| Dockerfile.frontend | ||
| index.html | ||
| LICENSE | ||
| package.json | ||
| pnpm-workspace.yaml | ||
| README.md | ||
| vite.config.js | ||
CMVR IoT 管理控制台
本目录是招商车研物联网平台的完整 Vue 3 前端,功能迁移自原 cmvr-iot-ui,旧前端目录保持不变。新前端继续使用原有 REST、WebSocket、文件和媒体接口,可直接连接本项目的 cmvr-iot-admin。
功能范围
- 系统管理:用户、角色、部门、岗位、菜单、字典、参数、通知和文件。
- 系统监控:在线用户、操作日志、登录日志、缓存、服务、Quartz 和 Druid。
- 设备管理:设备注册、终端、机器人、相机、机械臂、灵巧手、机器人头部、麦克风、扬声器和电机。
- 测试平台:测试项目、任务配置、任务编排、检测项、任务实例和执行流程。
- 智能巡检:机器人、地图、点位、任务、执行实例、巡检结果、告警和驾驶舱。
- 交互评价:语音交互、触控交互、评价指标、方案、项目和语料。
- 智能座舱:车机界面、车辆配置、功能配置、流程编辑和执行评价。
- 语料与媒体:语料管理、音频上传、图片预览、视频播放和 WebSocket 实时消息。
- 开发工具:代码生成、表单构建和 Knife4j 接口文档。
技术栈
- Vue 3.4
- Vite 5.3
- Element Plus 2.9
- Pinia 2
- Vue Router 4
- Axios、ECharts、LogicFlow、Monaco Editor、Three.js、XGPlayer
环境要求
- Node.js 18 或 20 LTS
- pnpm 9
- 后端
cmvr-iot-admin,默认地址http://localhost:13080
开发运行
先启动后端,再执行:
cd ruoyi-ui
pnpm install
pnpm dev
默认地址:
- 前端:
http://localhost:80 - 后端:
http://localhost:13080 - 接口文档:
http://localhost:13080/doc.html
开发代理配置位于 .env.development:
VITE_APP_BASE_API=/dev-api
VITE_API_URL=http://localhost:13080
VITE_WS_URL=ws://localhost:13080/ws
VITE_PORT=80
构建
pnpm build:dev
pnpm build:staging
pnpm build:prod
构建产物位于 dist。生产部署时需要由 Nginx 或网关转发 /prod-api,并正确处理 /ws WebSocket、文件上传和媒体请求。
目录说明
src/api REST API 封装
src/assets 样式、图片和图标
src/components 公共组件
src/layout 管理端布局
src/router 公共路由和隐藏业务路由
src/store Pinia 状态管理
src/views/device 设备管理及设备控制
src/views/test 测试业务
src/views/flow 流程编排
src/views/inspection 智能巡检
src/views/evaluate 评价管理
src/views/vi 语音交互
src/views/is 智能座舱
src/views/corpusManger 语料管理
业务菜单由后端 /getRouters 动态返回。新增或调整页面时,需要同步检查数据库菜单中的 component 路径、权限字符和前端 src/views 实际路径。