我们在之前的篇章中已经有规划了这部分的流程与一些必备元素。
我们这篇就来构思一下老板在接收到订单时，应该会看到怎样的画面。

画面构思

因为老板这边会接收到不止一张的订单，
所以我们会需要有一个清单。
清单中必须包含商品、数量、订单编号。
另外在前面规划时有提到需要让老板能够注记已制作完成的餐点和改变单据的状态，
所以需要提供使用者两种操作。

可以规划成:

清单:

• 商品
• 数量
• 订单编号

并在商品前面加上一个checkBox标注是已经完成的餐点，
然後每一笔订单上给一个完成的Button，让老板可以改变订单状态。
把完成的订单跟未完成的订单放在一起会导致画面很混乱，
所以打算把画面分成左右两边，一边是放已完成的清单、一边是未完成的清单，
最後为了保持画面的一致性，所以我们在最上方一样放店名，
让老板看到的清单与客户看到的点菜单一致。

模拟画面

将我们刚刚归纳好的元素把它实际画成一个画面。

因为右边的完成清单与左边的未完成清单类似，所以只选择一个来画。
之後再做完成清单的时候会如法炮制未完成清单的做法，
再把功能纽修改一下就完成了。

结语

下一篇会将我们构思好的图，转换成html的语法。
因为未完成清单，没有实际绘图出来，导致当初规划的功能无法完整诠释。
也会在下一篇中一并补上。