LINE 订餐系统 - 核心开发进度
项目: LINE Order App
更新日期: 2026-01-14
总体完成度: 约 70%
一、项目概述
将 uniapp 订餐系统重构为基于 LINE LIFF 的 Web 应用，支持多角色、多模式的餐饮点餐场景。
| 项目 |
说明 |
| 原项目 |
/orderApp/online-order-uniapp (Vue 3 + uniapp) |
| 新项目 |
/orderApp/line-order-app (Vue 3 + LIFF + Vite) |
| 技术栈 |
Vue 3 + Vite 5 + Pinia 2 + Vue Router 4 + Vant 4 + LIFF SDK |
二、完成状态总览
██████████████████░░░░░░░░░░░░ 70%
✅ 已完成: 基础架构、顾客端核心页面、国际化
🔄 进行中: POS/店长/商家/管理后台页面
⏳ 待开始: 第三方支付、评价系统、消息中心
三、按模块完成状态
3.1 基础架构 ✅ 100% 完成
| 模块 |
状态 |
说明 |
| Vite + Vue 3 |
✅ |
项目搭建完成 |
| Pinia 状态管理 |
✅ |
app/user/cart/order |
| Vue Router |
✅ |
路由 + 守卫 |
| Axios API |
✅ |
请求封装 + 拦截器 |
| 国际化 i18n |
✅ |
ja/en/zh-Hans/zh-Hant |
| LIFF SDK |
✅ |
环境检测 + 初始化 |
| Vant 4 UI |
✅ |
自动导入配置 |
| Socket.IO |
✅ |
WebSocket 集成 |
3.2 顾客端 (C 端) ✅ 95% 完成
| 页面 |
路由 |
状态 |
功能说明 |
| 首页 |
/index |
✅ 完成 |
轮播图、分类、推荐商品 |
| 菜单列表 |
/menu |
✅ 完成 |
分类侧栏、商品列表、搜索 |
| 商品详情 |
/menu/detail |
✅ 完成 |
图片轮播、规格选择 |
| 购物车 |
/cart |
✅ 完成 |
商品管理、优惠券、提交 |
| 订单列表 |
/order |
✅ 完成 |
Tab 切换、状态筛选 |
| 订单详情 |
/order/detail |
✅ 完成 |
状态步骤、操作按钮 |
| 我的 |
/mine |
✅ 完成 |
用户信息、VIP、服务入口 |
| 登录 |
/login |
✅ 完成 |
手机号 + LINE 登录 |
| 地址管理 |
/address |
✅ 完成 |
列表、新增、编辑 |
| 支付 |
/payment |
🔄 UI 完成 |
待接入第三方支付 |
| 扫码入口 |
/scan |
✅ 完成 |
解析店铺/桌位码 |
3.3 POS 端 (店员) 🔄 60% 完成
| 页面 |
路由 |
状态 |
功能说明 |
| 欢迎页 |
/pos/welcome |
✅ UI 完成 |
店员登录入口 |
| 桌台管理 |
/pos/tables |
✅ UI 完成 |
桌位状态、开台/清台 |
| 订单管理 |
/pos/orders |
✅ UI 完成 |
接单、出餐管理 |
| 订单详情 |
/pos/order-detail |
✅ UI 完成 |
订单详情查看 |
| 收银结账 |
- |
⏳ 待开发 |
结账功能 |
| 呼叫服务 |
- |
⏳ 待开发 |
服务员呼叫响应 |
3.4 店长端 (Owner) 🔄 50% 完成
| 页面 |
路由 |
状态 |
功能说明 |
| 仪表盘 |
/owner/dashboard |
✅ UI 完成 |
销售概览 |
| 报表 |
/owner/reports |
✅ UI 完成 |
销售统计 |
| 店铺管理 |
/owner/shops |
✅ UI 完成 |
多店铺列表 |
| 菜品管理 |
- |
⏳ 待开发 |
菜单编辑 |
| 员工管理 |
- |
⏳ 待开发 |
员工权限 |
| 营销活动 |
- |
⏳ 待开发 |
优惠券/满减 |
3.5 商家端 (Merchant) 🔄 40% 完成
| 页面 |
路由 |
状态 |
功能说明 |
| 仪表盘 |
/merchant/dashboard |
✅ UI 完成 |
商家概览 |
| 订单管理 |
/merchant/orders |
✅ UI 完成 |
订单处理 |
| 自助餐计划 |
/merchant/buffet-plans |
✅ UI 完成 |
套餐管理 |
| 菜品管理 |
- |
⏳ 待开发 |
菜单 CRUD |
| 店铺设置 |
- |
⏳ 待开发 |
营业时间等 |
3.6 管理后台 (Admin) 🔄 30% 完成
| 页面 |
路由 |
状态 |
功能说明 |
| 仪表盘 |
/admin/dashboard |
✅ UI 完成 |
平台概览 |
| 商家管理 |
/admin/merchants |
✅ UI 完成 |
商家列表 |
| 用户管理 |
/admin/users |
✅ UI 完成 |
用户列表 |
| 系统设置 |
- |
⏳ 待开发 |
全局配置 |
| 数据统计 |
- |
⏳ 待开发 |
平台报表 |
3.7 自助餐模块 (Buffet) 🔄 70% 完成
| 页面 |
路由 |
状态 |
功能说明 |
| 套餐选择 |
/buffet/select |
✅ UI 完成 |
自助餐套餐选择 |
| 点餐菜单 |
/buffet/menu |
✅ UI 完成 |
自助餐点餐界面 |
| 计时器组件 |
BuffetTimer.vue |
✅ 完成 |
放题计时、提醒 |
| 状态管理 |
buffet.ts (store) |
✅ 完成 |
Pinia 状态管理 |
| 后端 API |
- |
⏳ 待开发 |
API 集成（P0 优先级） |
| 订单追踪 |
- |
⏳ 待开发 |
上菜状态 |
已完成功能:
- ✅ 放题套餐选择 UI（时长、价格、人数）
- ✅ 放题点餐界面（分类、购物车）
- ✅ 倒计时功能（暂停/恢复/提醒）
- ✅ 点单次数限制
- ✅ 前端状态管理
待完成功能:
- ❌ 放题 API 集成（
/api/buffet.ts）
- ❌ 服务器时间同步
- ❌ 真实订单提交
- ❌ 会话持久化
四、待完成任务规划
Phase 1: 核心功能完善 (高优先级)
| 任务 |
优先级 |
预估工作量 |
说明 |
| 放题点餐 API 集成 |
P0 |
中 |
后端 API 集成、服务器时间同步 |
| 第三方支付集成 |
P0 |
中 |
LINE Pay / 微信支付 |
| POS 收银结账 |
P0 |
中 |
扫码支付、现金结账 |
| 菜品管理 CRUD |
P1 |
中 |
商家/店长端 |
| 订单状态推送 |
P1 |
小 |
WebSocket 实时通知 |
| 优惠券使用优化 |
P1 |
小 |
选择和抵扣逻辑 |
Phase 2: 运营功能 (中优先级)
| 任务 |
优先级 |
预估工作量 |
说明 |
| 评价系统 |
P2 |
中 |
订单评价、商品评分 |
| 员工管理 |
P2 |
中 |
权限分配 |
| 营销活动 |
P2 |
中 |
满减/折扣/优惠券 |
| 数据报表 |
P2 |
中 |
销售统计、导出 |
Phase 3: 体验优化 (低优先级)
| 任务 |
优先级 |
预估工作量 |
说明 |
| 消息中心 |
P3 |
小 |
通知列表 |
| 会员系统 |
P3 |
中 |
积分、等级 |
| 分享功能 |
P3 |
小 |
LINE 分享 |
| 搜索优化 |
P3 |
小 |
智能搜索 |
五、三种业务模式状态
| 模式 |
入口 |
完成度 |
说明 |
| 平台模式 |
/index |
✅ 90% |
首页浏览、店铺列表 |
| 店铺模式 |
/menu?shopId=xxx |
✅ 90% |
外卖/自提点餐 |
| 桌位模式 |
/menu?shopId=xxx&tableCode=xxx |
🔄 70% |
堂食点餐 |
六、国际化状态
| 语言 |
文件 |
状态 |
覆盖率 |
| 日语 (ja) |
locale/ja.json |
✅ |
100% |
| 英语 (en) |
locale/en.json |
✅ |
100% |
| 简体中文 (zh-Hans) |
locale/zh-Hans.json |
✅ |
100% |
| 繁体中文 (zh-Hant) |
locale/zh-Hant.json |
✅ |
100% |
七、技术债务
| 问题 |
优先级 |
说明 |
| API Mock 数据 |
中 |
部分页面使用模拟数据 |
| 类型定义 |
低 |
部分文件缺少 TypeScript 类型 |
| 单元测试 |
低 |
暂无测试覆盖 |
| E2E 测试 |
低 |
暂无端到端测试 |
八、快速命令
# 安装依赖
npm install
# 开发模式
npm run dev
# 构建生产
npm run build
# 预览构建
npm run preview
九、测试入口
| 角色 |
URL |
说明 |
| 顾客-平台 |
/#/index |
首页 |
| 顾客-外卖 |
/#/menu?shopId=shop_1 |
店铺点餐 |
| 顾客-堂食 |
/#/menu?shopId=shop_1&tableCode=A01 |
桌位点餐 |
| POS |
/#/pos/welcome |
店员入口 |
| 店长 |
/#/owner/dashboard |
店长后台 |
| 商家 |
/#/merchant/dashboard |
商家后台 |
| 管理员 |
/#/admin/dashboard |
管理后台 |
十、下一步行动建议
立即可做
- 完成放题点餐 API 集成 - 连接后端 API，实现完整放题流程
- 完善支付功能 - 接入 LINE Pay 或模拟支付流程
- 完善 POS 收银 - 实现结账功能
- 测试核心流程 - 浏览 → 点餐 → 下单 → 支付
近期规划
- 放题订单追踪功能
- 菜品管理 CRUD 功能
- 员工权限管理
- 订单实时通知优化
图例: ✅ 完成 | 🔄 进行中/UI 完成 | ⏳ 待开始
已完成 ✅
┌──────────────┬────────┐
│ 模块 │ 完成度 │
├──────────────┼────────┤
│ 基础架构 │ 100% │
├──────────────┼────────┤
│ 顾客端 (C 端) │ 95% │
├──────────────┼────────┤
│ 国际化 │ 100% │
└──────────────┴────────┘
进行中 🔄
┌──────────┬────────┬─────────────────────────────┐
│ 模块 │ 完成度 │ 说明 │
├──────────┼────────┼─────────────────────────────┤
│ POS 端 │ 60% │ UI 完成，待完善收银结账 │
├──────────┼────────┼─────────────────────────────┤
│ 店长端 │ 50% │ UI 完成，待开发菜品/员工管理 │
├──────────┼────────┼─────────────────────────────┤
│ 商家端 │ 40% │ UI 完成，待开发菜品管理 │
├──────────┼────────┼──ß───────────────────────────┤
│ 管理后台 │ 30% │ UI 完成，待开发系统设置 │
├──────────┼────────┼─────────────────────────────┤
│ 自助餐 │ 50% │ UI 完成，待开发订单追踪 │
└──────────┴────────┴─────────────────────────────┘
待开发任务规划 ß
Phase 1 (高优先级)
- P0: 第三方支付集成、POS 收银结账
- P1: 菜品管理 CRUD、订单状态推送
Phase 2 (中优先级)
Phase 3 (低优先级)
