# 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 测试 | 低 | 暂无端到端测试 | --- ## 八、快速命令 ```bash # 安装依赖 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` | 管理后台 | --- ## 十、下一步行动建议 ### 立即可做 1. **完成放题点餐 API 集成** - 连接后端 API，实现完整放题流程 2. **完善支付功能** - 接入 LINE Pay 或模拟支付流程 3. **完善 POS 收银** - 实现结账功能 4. **测试核心流程** - 浏览 → 点餐 → 下单 → 支付 ### 近期规划 1. 放题订单追踪功能 2. 菜品管理 CRUD 功能 3. 员工权限管理 4. 订单实时通知优化 --- **图例**: ✅ 完成 | 🔄 进行中/UI 完成 | ⏳ 待开始 已完成 ✅ ┌──────────────┬────────┐ │ 模块 │ 完成度 │ ├──────────────┼────────┤ │ 基础架构 │ 100% │ ├──────────────┼────────┤ │ 顾客端 (C 端) │ 95% │ ├──────────────┼────────┤ │ 国际化 │ 100% │ └──────────────┴────────┘ 进行中 🔄 ┌──────────┬────────┬─────────────────────────────┐ │ 模块 │ 完成度 │ 说明 │ ├──────────┼────────┼─────────────────────────────┤ │ POS 端 │ 60% │ UI 完成，待完善收银结账 │ ├──────────┼────────┼─────────────────────────────┤ │ 店长端 │ 50% │ UI 完成，待开发菜品/员工管理 │ ├──────────┼────────┼─────────────────────────────┤ │ 商家端 │ 40% │ UI 完成，待开发菜品管理 │ ├──────────┼────────┼──ß───────────────────────────┤ │ 管理后台 │ 30% │ UI 完成，待开发系统设置 │ ├──────────┼────────┼─────────────────────────────┤ │ 自助餐 │ 50% │ UI 完成，待开发订单追踪 │ └──────────┴────────┴─────────────────────────────┘ 待开发任务规划 ß Phase 1 (高优先级) - P0: 第三方支付集成、POS 收银结账 - P1: 菜品管理 CRUD、订单状态推送 Phase 2 (中优先级) - P2: 评价系统、员工管理、营销活动、数据报表 Phase 3 (低优先级) - P3: 消息中心、会员系统、分享功能