robot_screen

迎宾巡逻安防机器人机身屏前端项目

基于 Vue3 + Vite 构建的机器人屏幕端交互系统。

技术栈

• Vue 3
• Vite 5
• Vue Router 4
• Pinia 2

快速开始

# 安装依赖
npm install

# 开发模式
npm run dev

# 构建生产版本
npm run build

# 预览构建结果
npm run preview

项目结构

src/
├── api/              # API 封装层
├── assets/           # 静态资源
│   └── styles/      # 全局样式
├── components/       # 通用组件
├── layouts/         # 页面布局
├── mock/            # Mock 数据
├── router/          # 路由配置
├── stores/          # Pinia 状态管理
├── utils/           # 工具函数
├── views/           # 页面视图
│   ├── idle/        # 待机展示
│   ├── menu/        # 主菜单
│   ├── visitor/     # 访客登记
│   ├── navigation/  # 路线引导
│   ├── notice/      # 通知公告
│   ├── call-staff/  # 呼叫工作人员
│   ├── recognition/ # 识别结果
│   └── system/      # 系统信息
├── App.vue
└── main.js

页面路由

路径	页面
/	重定向到 /idle
/idle	待机展示页
/menu	主菜单页
/visitor	访客登记首页
/visitor/appointment	预约核验页
/visitor/appointment-confirm	预约确认页
/visitor/walk-in	现场登记页
/visitor/success	登记成功页
/recognition/result	识别结果页
/navigation	路线引导页
/navigation/status	导航状态页
/notice	通知公告页
/call-staff	呼叫工作人员页
/system-info	系统信息页（长按 Logo 进入）

设计参考

详见 robot_screen_design_doc.html