五洲酒店管理系统
该系统是为五洲酒店定制的日营业管理系统,用于工作人员对各个楼层房间情况的查看和下单
操作。包含登录模块、权限模块、入住模块、预定模块、设置、用户管理、房间、营销设置、会员模块、客单模块等多个模
块组成。使用 vue
-element
-admin 作为模板进行开发
主要负责模块: 登录、权限、入住、预定模块
技术栈:vue 全家桶、vue-element-admin 模板、axios、element-ui、scss
主要工作内容:
1. 完成登录功能,将后端返回的 token 数据集成到 axios 请求拦截器中为每次发起请求的请求头中注入 token 数据,完成
权限模块,使用 rgba 思想,根据设置的路由名称和返回的用户数据做匹配来判断用户使用拥有该权限。
2. 入住和预定模块,为该项目的业务模块,入住功能根据后端返回的可使用的房间填写参数,计算房间的房价。入住类型
选择钟点房后根据后端返回的房间信息数据筛选出可入住钟点房的房间以及计算出房间的价格。根据选择的客人类型是否为
会员来自动填写入住人员的信息。预定功能和入住功能相似。
3. 房态设置:自定义设置房态的入住情况显示。房态查看:鼠标移入显示房间入住信息。
4. 使用 vue-element-admin 模板完成 axios 的二次封装以及项目的初始化工作
5. 项目完成后期完成自检,修改发现的前端 bug。