# hotelManegement
基于 Vue + Element UI 的酒店管理系统解决方案。前端仓库地址(https://github.com/mynameisly/HotelManagement.git)
> fontend-manage(Vue + Element UI) + backend (springboot) 的版本正在开发中，仓库地址：[hotelManagement](http://120.24.186.190/XXX)
## 前言
酒店管理系统，基于 vue.js，使用 vue-cli3 脚手架，引用 Element UI 组件库，方便开发快速简洁好看的组件。分离颜色样式，支持手动切换主题色，而且很方便使用自定义主题色。
## 功能模块
- [x] 登录/注销
- [x] 员工管理
- [x] 客房信息
- [x] 入住信息
- [x] 退房办理
- [x] 客房服务
- [x] 富文本编辑器
- [x] 财务管理
## 安装步骤
```
git clone https://github.com/mynameisly/HotelManagement.git or download zip // 把模板下载到本地
cd hotelManagement // 进入模板目录
npm install // 安装项目依赖，等待安装完成之后，安装失败可用 cnpm 或 yarn
// 开启服务器，浏览器访问 http://localhost:8080
npm run serve
// 执行构建命令，生成的dist文件夹放在服务器下即可访问
npm run build
```
## 其他注意事项
### 一、如何切换主题色呢？
第一步：打开 src/main.js 文件，找到引入 element 样式的地方，换成浅绿色主题。
```javascript
import 'element-ui/lib/theme-default/index.css'; // 默认主题
// import './assets/css/theme-green/index.css'; // 浅绿色主题
```
第二步：打开 src/App.vue 文件，找到 style 标签引入样式的地方，切换成浅绿色主题。
```javascript
@import "./assets/css/main.css";
@import "./assets/css/color-dark.css"; /*深色主题*/
/*@import "./assets/css/theme-green/color-green.css"; !*浅绿色主题*!*/
```
第三步：打开 src/components/common/Sidebar.vue 文件，找到 el-menu 标签，把 background-color/text-color/active-text-color 属性去掉即可。
酒店管理系统（vue+springboot）.zip （82个子文件） 
ahao2 
.browserslistrc 33B babel.config.js 53B .prettierrc 86B src App.vue 284B store modules user.js 1KB app.js 1KB menu.js 420B permission.js 2KB getters.js 637B index.js 368B assets 
logo.png 7KB img 
login-bg.jpg 69KB login.jpg 744KB 280.jpg 14KB img.jpg 6KB css color-dark.css 421B main.css 2KB icon.css 100B theme-green color-green.css 673B index.css 228KB fonts element-icons.woff 28KB element-icons.ttf 55KB styles index.less 66B main.js 2KB api login.js 505B finance.js 189B category.js 699B employee.js 1KB checkout.js 565B service.js 1KB checkin.js 897B position.js 694B uploadFile.js 214B room.js 854B roomtype.js 1KB utils request.js 1KB formateDate.js 619B components Pagenation index.vue 904B common Tags.vue 5KB bus.js 87B directives.js 3KB Sidebar.vue 7KB Header.vue 6KB Home.vue 1KB page Dashboard.vue 5KB Cropper.vue 3KB updatePwd.vue 3KB Login.vue 5KB Permission.vue 990B pub roomservice addService.vue 4KB index.vue 9KB historyService.vue 5KB checkin checkout.vue 2KB updateDialog.vue 2KB index.vue 11KB updateroom.vue 3KB addCheckin.vue 9KB details.vue 4KB finance index.vue 4KB employee employee.vue 8KB position.vue 6KB addPosition.vue 2KB update.vue 8KB index.vue 925B addEmp.vue 8KB room room.vue 12KB addRoomType.vue 7KB addroom.vue 9KB roomtype.vue 10KB index.vue 923B searchroom index.vue 7KB checkout index.vue 7KB details.vue 4KB router index.js 3KB LICENSE 1KB package.json 631B public 
index.html 764B package-lock.json 410KB vue.config.js 433B .gitignore 238B README.md 2KB postcss.config.js 59B资源评论
