微信扫码进入对应餐桌，点击登录即可获取菜单，获取菜单后，多人实时同步点餐，其中每道菜会有一个菜品详情页，菜品详情页包括菜品的展示图、菜品的名字、菜品的价格以及喜欢或者不喜欢这道菜的点赞数，购物车里面的菜品会在对应点餐人的下面，点击下单进入堂食详情页，在堂食详情页里面可以看到订单编号、桌号、添加菜品，添加菜品是点了一单之后，继续点餐所显示的菜品，所点菜品。其中添加菜品和所点菜品下都是同桌点餐人、点餐人所对应点的菜（对应菜名，菜品展示图、菜的数量以及菜的价格）以及对每道菜都有一个remarks的按钮，点击remarks的备注按钮会弹出一个对一道菜的备注框，点击确定后，会在每道菜的下面显示出备注以及备注信息；需要提交的服务费、小计、增值税在这个订单里所对应的费用，还有一个总计费用即所有菜的价格总和加上服务费、小计、增值税在这个订单里所对应的费用，最后可以点击备注，进入备注页面，可以点击已有的备注或者写上自己的备注，返回后备注信息也会显示在订单详情页的备注下面，点击下单，下单后进入结算页，结算页里面也会显示订单号、桌号已点菜品、已点菜品下面包含同桌点餐人以及点餐人所对应点的菜（对应菜名，菜品展示图、菜的数量以及菜的价格）每道菜的备注信息；总的备注信息；还有需要提交的小计、服务费、消费税，总价，还有一个分账，分账里面是每个人所点菜各自的总价，输入用餐人数，下面会显示AA后的价格，下面会有线下支付和继续点餐，付款结束后，订单进去厨房系统。继续点餐会进入菜单界面。
我的职责
这个项目是基于vue.js来开发的，我主要负责所有页面的HTML5页面制作、简单的数据渲染，对remarks需求的改写，兼容安卓浏览器、ios浏览器以及其他第三方浏览器等，采用了html/css/html5/css3等技术编写页面，整套页面实现符合W3C规范、有效、简洁的代码。