会议室管理系统产品系统

1、解决线下会议室预约冲突问题
2、解决会议室时间分配不高效的问题
3、解决人员管理分不清，走出会议室的问题

1. **会议室状态展示**：实时显示会议室当前状态（空闲中/使用中），通过动态颜色和呼吸动画直观区分，状态依据实时时间与预订记录自动判断。

2. **预订记录管理**：左侧面板展示当日预订记录，包含预订时间、状态、预订人及参会人信息，支持滚动查看，加载状态有明确提示。

3. **会议室详情展示**：右侧面板呈现会议室详细信息，包括名称、容量、设备等，采用深色透明风格设计，关键信息清晰突出。

4. **实时时间显示**：右上角实时展示当前日期和时间，每秒更新，便于用户掌握时间安排。

5. **便捷操作入口**：提供返回按钮快速返回列表，右下角二维码支持手机扫码预约，提升操作便利性。

6. **响应式设计**：适配不同屏幕尺寸，在移动设备上自动调整布局，保证良好的显示效果和操作体验。

1. **页面样式相关**：
- 包含会议室状态显示框、背景图、预订记录区域、信息项排列等样式定义。
- 有响应式布局调整，适配不同屏幕尺寸。
- 定义了按钮、时间显示、二维码容器等元素的样式及动画效果（如呼吸动画）。

2. **页面结构相关**：
- 包含背景图容器、返回按钮、二维码容器、时间显示区域等页面元素。
- 采用左右布局，左侧为会议室预订信息，右侧为会议室详情信息。
- 有加载状态占位元素，用于显示数据加载过程。

3. **功能脚本相关**：
- 实时时间更新功能，包括日期和时间的格式化与展示。
- 会议室状态检查逻辑，根据预订记录判断当前是否使用中。
- 时间格式化函数，处理不同格式的时间字符串。
- 包含API基础地址、ID解密、获取原始会议室ID等业务逻辑相关函数。