外星人外卖产品系统

外卖、到店餐饮等本地生活业务需要统一的运营管理后台，用于管理门店、员工、菜品、套餐、订单与经营数据。本项目旨在为「外星人外卖」品牌提供一套可用的后台系统，解决多角色（管理员、员工）下的账号与权限管理、菜品与套餐上下架、订单接单/派送/完成全流程，以及运营数据（营业额、订单量、完成率等）的可视化分析，从而支撑日常运营与决策。

项目采用经典中后台布局，包含以下功能模块：一、工作台（运营总览）：展示今日营业额、有效订单数、订单完成率、平均客单价，以及订单概览（待接单、待派送、已完成）和在售菜品、套餐数量。二、数据统计：支持按当天、近一星期、近一个月、近半年筛选，以折线图与柱状图展示成交趋势与成交量，并以环形图展示订单完成率结构、日营业额分布。三、员工管理：员工列表分页与搜索、新增/编辑员工、账号启用与停用。四、分类管理：菜品分类的增删改查。五、菜品管理：菜品信息、图片上传、口味、价格、上下架。六、套餐管理：套餐与关联菜品的维护。七、订单管理：订单列表条件搜索与分页、订单详情查看、接单、拒单、派送、完成等操作。所有列表页均支持自定义每页条数、页码跳转与分页信息展示，表单具备基础校验与提交逻辑，前端通过代理对接现有后端接口，满足企业级管理后台的日常使用需求。

本项目由我负责前端整体开发：使用 Vue3（Composition API）+ Vite + Element Plus 搭建管理后台，设计并实现路由与布局（侧栏折叠、面包屑、用户下拉）、各业务模块的列表/表单/详情页及与后端的接口对接。技术栈包括 Vue Router、Axios、Element Plus 组件库与 ECharts 图表；请求通过 Vite 代理将 /api 转发到后端 /admin，并在请求头中携带 Token 完成鉴权。实现上的亮点包括：统一的分页与表格样式、数据统计模块中可切换时间段的图表（成交趋势、成交量、订单完成率结构、金额分布）、员工状态与操作按钮的联动刷新；约束上要求不修改后端代码，因此删除等接口需通过 paramsSerializer 以 ids=1&ids=2 形式传参，订单搜索需始终携带 number 参数，前端完全适配现有接口与数据格式，保证功能可用与界面一致。