本项目是基于 Vue 3 + Vite 的会议室预约管理系统前端，提供会议室预约、管理、订单处理等功能，适用于企业或组织的会议室资源管理。
- Vue 3：主流渐进式前端框架，采用
<script setup>语法糖，提升开发效率。 - Vite：新一代前端构建工具，极速冷启动和热更新。
- Element Plus：基于 Vue 3 的企业级 UI 组件库，界面美观易用。
- Pinia：新一代状态管理库，替代 Vuex，简单高效。
- Axios：轻量级 HTTP 请求库，用于与后端 API 通信。
- Vue Router：官方路由管理器，支持多页面跳转。
- 其他依赖：dayjs（日期处理）、FontAwesome（图标库）等。
-
克隆项目
git clone <本项目地址> cd meeting-room-vue3
-
安装依赖
npm install
-
本地运行
npm run dev
默认会在本地 5173 端口启动开发服务器，可通过浏览器访问。
-
打包构建
npm run build
-
登录页
- 用户输入账号密码登录系统，支持不同角色（如管理员、员工、客户）权限分配。
- 管理员端：http://localhost:5173/manager
- 员工端 or 客户端：http://localhost:5173
-
会议室管理
- 管理员可对会议室进行增删改查，包括会议室名称、容量、设备等信息维护。
- 支持会议室状态切换（可用/不可用）。
-
订单管理
- 展示所有预约订单，支持按条件筛选、查看详情、审批或取消订单。
- 不同角色可查看和管理各自相关的订单。
-
会议室预约
- 用户可选择会议室、时间段进行预约，系统自动校验冲突。
- 支持预约记录查询和取消。
src/views/：页面组件（如 Login.vue、manager/Rooms.vue 等）src/components/：通用组件src/api/：API 请求封装src/store/：Pinia 状态管理src/router/：路由配置
- 推荐使用最新版 Node.js 和 npm。
- 后端接口需提前部署并配置好跨域。
- 如需自定义主题或扩展功能，可参考 Element Plus 官方文档。
如有问题欢迎提 Issue 或联系维护者。