# Front-end-Intelligent-self-service-catering-system

**Repository Path**: zhong-liangtang/Front-end-Intelligent-self-service-catering-system

## Basic Information

- **Project Name**: Front-end-Intelligent-self-service-catering-system
- **Description**: 智慧自助餐饮系统前端工程
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-04-02
- **Last Updated**: 2024-06-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

智慧自助餐饮系统管理端软件V1.0

## 

**# 智慧自助餐饮系统管理端软件**

## 

**# 操作手册**

1. **软件简介**
2. **该软件作为一款智慧餐饮系统管理软件，给餐厅管理者提供餐厅信息管理功能，供管理者查看餐厅收支情况、销售情况、销售额类别占比、销售统计、订单统计等相关信息。同时有反馈管理模块、用户管理模块、数据统计模块及菜品管理模块，管理者可以在不同的模块中对不同的内容进行相应的管理。本管理系统在功能方面完善，操作简单易懂，让人极易上手使用，通过使用该系统对餐厅进行管理，获取餐厅相关信息，进而实施不同的管理策略。且该系统具有极高的保密性和安全性，管理者只能使用系统分配的帐号登录系统进行使用，其他用户无权使用该管理系统。**

1. **软件功能模块介绍**
2. **登录**

**智慧餐饮系统管理端登录帐号是由系统分配的唯一账号，因此没有注册帐号的功能。管理员通过输入帐号、密码，根据帐号密码的填写情况及身份验证的结果有不同的提示信息。点击登录按钮，通过验证后即视为登录成功。**

**当未输入账号及密码时，提示"请填写管理员账号"。**

![img](.\README.assets\wps1.jpg)

**当未输入密码时，提示"请填写登录账号"。**

![img](.\README.assets\wps2.jpg)

**当输入的账号或密码错误时，提示"账号或密码错误"。**

![img](.\README.assets\wps3.jpg)

1. **首页**

**通过验证后，进入到系统首页。在该页面可以看到餐厅的相关信息，如餐厅详情、销售情况、销售额类别占比、订单统计、销售统计、商品及用户总览等。管理员可以通过该页面的统计数据直观地了解到餐厅的营收状态、收入涨幅情况、订单总量变化情况及菜品销售情况。**

![img](.\README.assets\wps4.jpg)

![img](.\README.assets\wps5.jpg)

![img](.\README.assets\wps6.jpg)

**在首页的销售类别占比统计模块的饼图中，若鼠标悬浮在对应类别上时，会显示对应类别的占比及销售数额。**

![img](.\README.assets\wps7.jpg)

**而订单统计及销售统计模块的折线图当鼠标悬浮于对应的节点上时，会显示当前节点的详细数值，如当前日期及当日订单数量或销售数额。**

![img](.\README.assets\wps8.jpg)

![img](.\README.assets\wps9.jpg)

**当点击右上角选择日期的组件框时，会弹出日期选择器，选择一个时间范围，折线图的数据则变换为所选择的时间范围的数据。**

![img](.\README.assets\wps10.jpg)

**3****. **** 用户评分管理**

**在网页的左侧可以通过点击**** tab ****栏进入到反馈管理模块，其中分为用户评分管理及用户投诉管理。在用户评分管理页面可以查看到每条评分钟的的订单编号、菜品编号、评价内容、评分、及评价时间。一个订单可以对不同菜品进行评价，因此一个订单编号可以有多条评价。管理员可以对每条评价进行修改及结束的操作。**

![img](https://word2md.com/RackMultipart20220425-1-zmniqk_html_b90de341669a2cad.png)

**在头部筛选栏可以根据用户评分时间对用户投诉信息进行筛选。**

![img](https://word2md.com/RackMultipart20220425-1-zmniqk_html_2ab39a8311277155.png)

**4****. **** 用户投诉管理**

**用户投诉管理页面查看到的则是用户对订单的投诉，其中包括用户名、用户电话、投诉内容、投诉处理状态及投诉时间。管理员可以对投诉进行反馈或结束的处理。投诉是针对订单而言的，因此一个订单号只对应一条投诉信息。管理员可以根据用户投诉信息进行相应的售后处理。**

![img](https://word2md.com/RackMultipart20220425-1-zmniqk_html_1f7aff644fc50c1c.png)

**在头部筛选栏可以根据用户投诉反馈状态及投诉时间对用户投诉信息进行筛选。**

![img](https://word2md.com/RackMultipart20220425-1-zmniqk_html_5bc64bfe66fe65a0.png)

![img](https://word2md.com/RackMultipart20220425-1-zmniqk_html_19e7a5cc90b79f2e.png)

**5****. **** 用户信息管理**

**在用户管理模块中，有用户信息管理及订单信息管理（如图**** 2-4 ****）。用户信息管理记录的是每一个用户账户的相关信息，如用户名、电话、性别、密码及注册时间。管理员可以在此修改用户的信息，或从系统中删除该用户的信息。**

![img](https://word2md.com/RackMultipart20220425-1-zmniqk_html_728bd536404a3e60.png)

**在头部筛选栏可以根据用户性别及注册时间对用户信息进行筛选。**

![img](https://word2md.com/RackMultipart20220425-1-zmniqk_html_66b6cc013670af17.png)

![img](https://word2md.com/RackMultipart20220425-1-zmniqk_html_902a63717ee9a180.png)

**6****. **** 订单信息管理**

**订单信息管理记录的则是每一个订单的相关信息，如订单编号、下单用户的信息、订单总价、订单状态、菜品信息及下单时间等。管理员同样可以在此对订单信息进行修改或删除的操作。**

![img](https://word2md.com/RackMultipart20220425-1-zmniqk_html_9ce1885b7634989a.png)

**在头部筛选栏可以根据订单完成状态及下单时间来筛选订单信息。**

![img](https://word2md.com/RackMultipart20220425-1-zmniqk_html_68bb5601c89cd7f6.png)

![img](https://word2md.com/RackMultipart20220425-1-zmniqk_html_847b6edcf3614e4d.png)

**7****. **** 收支统计**

**在数据统计模块中，有收支统计、菜品喜爱统计及菜品热量统计（如图**** 2-5 ****）。收支统计通过对数据进行详细地分析并将分析结果直观地展示到图表及表格中。管理员可以从统计结果中，获得到餐厅的收支统计、销售统计、交易统计、菜品收支统计、用户个人统计的信息。**

![img](https://word2md.com/RackMultipart20220425-1-zmniqk_html_4dc35badf4055c08.png)

![img](https://word2md.com/RackMultipart20220425-1-zmniqk_html_f68f6efcc446bdb5.png)

![img](https://word2md.com/RackMultipart20220425-1-zmniqk_html_f6c61ea6948a8c56.png)

![img](https://word2md.com/RackMultipart20220425-1-zmniqk_html_cd88311f8a38124d.png)

**在销售统计折线图中，鼠标悬浮于某一节点时，会显示出当前节点的收入和支出的具体数值，并此时鼠标所在位置对应的**** y ***\*轴值。同时会显示出当前收入及支出的平均值，并以一条平行于\**** x ****轴的虚线显示在图中。**

![img](https://word2md.com/RackMultipart20220425-1-zmniqk_html_ba4cf51f9992d83a.png)

**8.** **菜品喜爱统计**

**菜品喜爱统计则是通过对用户在小程序中的使用行为进行分析，得到用户对不同菜品的喜爱程度的数据并通过表格展示分析结果。管理员可以依据分析统计结果，对餐厅菜品上下架情况进行调整。**

![img](https://word2md.com/RackMultipart20220425-1-zmniqk_html_39495244dd219363.png)

**9****. **** 菜品热量统计**

**菜品热量统计同样是通过对不同菜品的热量进行分析，并将分析结果展示到表格中。**

![img](https://word2md.com/RackMultipart20220425-1-zmniqk_html_21fc6b6bdcfbe09b.png)

**1**** 0. **** 菜品管理**

**在菜品管理模块中，所展示的是菜品的相关信息，如菜品图片、菜品价格、菜品类目、菜品原料、菜品成本、菜品单价及菜品热量等。管理员可以对菜品进行相应的管理，在必要时可以更改菜品图片，修改菜品价格，对菜品进行上下架处理。**

![img](https://word2md.com/RackMultipart20220425-1-zmniqk_html_89bc53e184c9e7ed.png)

**在头部选择栏可根据菜品类目及菜品上下架状态对菜品信息进行筛选。**

![img](https://word2md.com/RackMultipart20220425-1-zmniqk_html_2850ceef1865bf8.png)

![img](https://word2md.com/RackMultipart20220425-1-zmniqk_html_ba21e8a3bba9a79.png)

**1**** 1. **** 新增菜品**

**在菜品管理页面点击右上角新增菜品按钮，可以进入到新增菜品界面，填写完整菜品的相关信息后，点击保存菜品按钮即可实现新增菜品的功能。**

![img](https://word2md.com/RackMultipart20220425-1-zmniqk_html_a010b973b718f78f.png)

**依照顺序填写完菜品编号、菜品名称后，点击菜品分类选择框会弹出菜品分类选项**

![img](https://word2md.com/RackMultipart20220425-1-zmniqk_html_b4560c25f9af2589.png)

**选择完毕后，点击菜品图片会弹出图片文件选择框，选择对应菜品图片进行上传即可。**