手机端AI写作工作台归档与待处理页UI界面原型图,竖版9:16… - 图片创意预览

手机端AI写作工作台归档与待处理页UI界面原型图,竖版9:16…

手机端AI写作工作台归档与待处理页UI界面原型图,竖版9:16比例,背景纯白,主色调深蓝与暗金,极简商务高效清晰风格。顶部标签栏两个横向标签页:"归档待确认"当前选中深蓝色下划线、"待处理仓库",左侧

用户头像

678typ3ch-H...

2026.08.01
AI写作工作台待处理仓库页UI界面原型图,横版16:9比例,背景纯白,主色调深蓝与暗金,极简商务风格,严谨专业,高信任感。左侧深蓝色侧边栏约占1/6宽度,顶部暗金色品牌标志文字"智宅焕·AI写作工作台",下方竖向导航菜单深灰色文字,当前选中项"待处理仓库"为深蓝色背景白色文字,其他菜单项依次为"工作台首页""文章生成""文章成品区""选题管理""框架管理""知识库管理""平台适配配置""文章上传与拆解""用户权限"。右侧白色内容区:顶部大号深蓝色粗体标题"待处理仓库",下方灰色说明文字"以下内容来自你在创作对话中未及时归档的对话片段。请尽快处理,避免积压。",右侧显示计数"共15条待处理"。快捷筛选栏:横向标签依次为"全部(15)""来自自由沟通(8)""来自深度文章(5)""来自日常干货(2)",全部标签当前选中。内容列表区:对话片段列表,每个条目左侧浅蓝色小标签标注来源框架,右下角灰色小字暂存时间,中间内容预览片段前几行文字,右侧操作区两个按钮【归档】(暗金色)和【删除】(灰色)。展示三条示例:第一条来源框架"自由沟通",暂存于2026-08-01 14:30,内容预览"我在想,真正的护城河,不是技术,不是资源,而是信任。信任是所有服务类公司最核心的壁垒...";第二条来源框架"深度文章",暂存于2026-07-31 16:20,内容预览"凭感觉做交付,解决的是90%的问题。凭标准做交付,解决的是尽可能接近100%的问题...";第三条来源框架"日常干货",暂存于2026-07-30 09:15,内容预览"价格战的本质,不是成本的竞争,而是信任的缺席..."。批量操作栏:列表底部,左侧"全选"复选框,右侧"批量归档"(暗金色)和"全部清空"(灰色带警告色提示)两个按钮。所有文字清晰可读,模拟真实软件后台界面,严谨高效可配置,无卡通花哨元素。AI写作工作台待处理仓库页UI界面原型图,横版16:9比例,背景纯白,主色调深蓝与暗金,极简商务风格,严谨专业,高信任感。左侧深蓝色侧边栏约占1/6宽度,顶部暗金色品牌标志文字"智宅焕·AI写作工作台",下方竖向导航菜单深灰色文字,当前选中项"待处理仓库"为深蓝色背景白色文字,其他菜单项依次为"工作台首页""文章生成""文章成品区""选题管理""框架管理""知识库管理""平台适配配置""文章上传与拆解""用户权限"。右侧白色内容区:顶部大号深蓝色粗体标题"待处理仓库",下方灰色说明文字"以下内容来自你在创作对话中未及时归档的对话片段。请尽快处理,避免积压。",右侧显示计数"共15条待处理"。快捷筛选栏:横向标签依次为"全部(15)""来自自由沟通(8)""来自深度文章(5)""来自日常干货(2)",全部标签当前选中。内容列表区:对话片段列表,每个条目左侧浅蓝色小标签标注来源框架,右下角灰色小字暂存时间,中间内容预览片段前几行文字,右侧操作区两个按钮【归档】(暗金色)和【删除】(灰色)。展示三条示例:第一条来源框架"自由沟通",暂存于2026-08-01 14:30,内容预览"我在想,真正的护城河,不是技术,不是资源,而是信任。信任是所有服务类公司最核心的壁垒...";第二条来源框架"深度文章",暂存于2026-07-31 16:20,内容预览"凭感觉做交付,解决的是90%的问题。凭标准做交付,解决的是尽可能接近100%的问题...";第三条来源框架"日常干货",暂存于2026-07-30 09:15,内容预览"价格战的本质,不是成本的竞争,而是信任的缺席..."。批量操作栏:列表底部,左侧"全选"复选框,右侧"批量归档"(暗金色)和"全部清空"(灰色带警告色提示)两个按钮。所有文字清晰可读,模拟真实软件后台界面,严谨高效可配置,无卡通花哨元素。
「图片1」### 顶部导航栏 - 左侧:返回箭头 `<` - 中间标题:**告警** - 右侧:更多菜单图标 `⋯` ### 2. 顶部 Tab 标签栏 当前页面处于告警管理相关模块,Tab 包括: - 控制 - 档案 - 动态 - 维保 - 巡检 - **告警**:当前高亮 - 生命周期 说明这是一个设备全生命周期管理系统,告警只是其中一个子模块。 --- ### 3. 告警概览区 位于页面顶部,用三个数字卡片展示告警统计: 表格 | 指标 | 数值 | 说明 | | --- | --- | --- | | 今日告警 | 2 | 当天产生的告警数量 | | 待确认 | 1 | 尚未处理确认的告警 | | 已恢复 | 1 | 已经恢复或关闭的告警 | 右上角有一个蓝色标签:**1 待确认**,提示当前有待处理告警。 --- ### 4. 告警明细区 这是页面核心内容,展示两条告警记录。 #### 第一条告警:画面遮挡告警 - 类型:**画面遮挡告警** - 时间:2026-06-09 10:23 - 状态:**待确认**,橙色 / 黄色标签 - 风险等级:**高** - 设备名称:暖通演示楼 / 2F / 二楼东侧 - 事件描述:AI 值守 核查遮挡摄像头角度 这条属于**视频 / 摄像头类智能告警**,系统识别到摄像头可能被遮挡,需要人工确认。 #### 第二条告警:心跳延迟告警 - 类型:**心跳延迟告警** - 时间:2026-06-08 18:30 - 状态:**已恢复**,绿色标签 - 风险等级:中 - 设备名称:设备名称 - 事件描述:设备心跳超时,离线后恢复 这条属于**设备联网状态告警**,说明设备曾经失联,后来重新上线。 --- ### 5. 处置记录区 - 标题:**处置记录** - 内容:已生成安全事件 - 状态:**待补充** 说明系统已经生成了事件记录,但处理备注或工单信息还没有完全填写。 --- ## 三、页面业务定位 这个页面主要用于**运维人员查看和处理设备告警**,核心作用是: 1. 快速了解今日告警数量 2. 判断哪些告警待处理 3. 查看告警类型、设备位置和风险等级 4. 确认摄像头遮挡、设备离线等异常事件 5. 记录后续处置结果 --- ## 四、页面信息结构总结 ``` 顶部导航:返回 / 告警标题 / 更多 ↓ Tab导航:控制 / 档案 / 动态 / 维保 / 巡检 / 告警 / 生命周期 ↓ 告警概览:今日告警 / 待确认 / 已恢复 ↓ 告警明细:画面遮挡告警 / 心跳延迟告警 ↓ 处置记录:已生成安全事件,待补充 帮我生成APP「图片1」###  顶部导航栏

- 左侧:返回箭头 `<`
- 中间标题:**告警**
- 右侧:更多菜单图标 `⋯`

### 2. 顶部 Tab 标签栏

当前页面处于告警管理相关模块,Tab 包括:

- 控制
- 档案
- 动态
- 维保
- 巡检
- **告警**:当前高亮
- 生命周期

说明这是一个设备全生命周期管理系统,告警只是其中一个子模块。

---

### 3. 告警概览区

位于页面顶部,用三个数字卡片展示告警统计:

表格

| 指标 | 数值 | 说明 |
| --- | --- | --- |
| 今日告警 | 2 | 当天产生的告警数量 |
| 待确认 | 1 | 尚未处理确认的告警 |
| 已恢复 | 1 | 已经恢复或关闭的告警 |

右上角有一个蓝色标签:**1 待确认**,提示当前有待处理告警。

---

### 4. 告警明细区

这是页面核心内容,展示两条告警记录。

#### 第一条告警:画面遮挡告警

- 类型:**画面遮挡告警**
- 时间:2026-06-09 10:23
- 状态:**待确认**,橙色 / 黄色标签
- 风险等级:**高**
- 设备名称:暖通演示楼 / 2F / 二楼东侧
- 事件描述:AI 值守 核查遮挡摄像头角度

这条属于**视频 / 摄像头类智能告警**,系统识别到摄像头可能被遮挡,需要人工确认。

#### 第二条告警:心跳延迟告警

- 类型:**心跳延迟告警**
- 时间:2026-06-08 18:30
- 状态:**已恢复**,绿色标签
- 风险等级:中
- 设备名称:设备名称
- 事件描述:设备心跳超时,离线后恢复

这条属于**设备联网状态告警**,说明设备曾经失联,后来重新上线。

---

### 5. 处置记录区

- 标题:**处置记录**
- 内容:已生成安全事件
- 状态:**待补充**

说明系统已经生成了事件记录,但处理备注或工单信息还没有完全填写。

---

## 三、页面业务定位

这个页面主要用于**运维人员查看和处理设备告警**,核心作用是:

1. 快速了解今日告警数量
2. 判断哪些告警待处理
3. 查看告警类型、设备位置和风险等级
4. 确认摄像头遮挡、设备离线等异常事件
5. 记录后续处置结果

---

## 四、页面信息结构总结

```
顶部导航:返回 / 告警标题 / 更多
↓
Tab导航:控制 / 档案 / 动态 / 维保 / 巡检 / 告警 / 生命周期
↓
告警概览:今日告警 / 待确认 / 已恢复
↓
告警明细:画面遮挡告警 / 心跳延迟告警
↓
处置记录:已生成安全事件,待补充
帮我生成APP
「图片1」## 顶部全局导航栏(页面最顶端) 1. 左侧:返回箭头按钮,可退回上一级设备列表页 2. 中间横向三标签(页面一级路由) - 设备档案(当前所属大模块,蓝色下划线高亮) - 设备物联 - 数据统计 3. 右侧:刷新图标,一键刷新全页面设备实时数据 ## 二、顶部简易实时物联数据栏(导航下方) 折叠简化版数据卡片,双栏展示设备核心运行状态: - 左栏:在线状态 → 在线 - 右栏:运行模式 → 制冷 完整数据需在「设备物联」标签页查看详情。 ## 三、二级功能 Tab 标签栏(页面子路由切换) 横向 7 个分类标签,蓝色下划线代表当前激活页面「生命周期」,所有设备管理功能全部收拢在此: 1. 控制:设备远程操控(开关、温度、模式调节) 2. 概览:设备基础参数总览 3. 动态:设备实时运行消息推送 4. 维保:保养工单、维保计划 5. 巡检:定期巡检任务与记录 6. 告警:设备异常告警清单、处置记录 7. 生命周期(当前页):设备全流程时间线档案 ## 四、核心区域:生命周期时间轴列表模块 ### 模块基础框架 左侧垂直**时间轴引导线** + 右侧独立事件卡片,每条事件左侧搭配对应功能图标区分业务类型,按时间由远到近从上至下排序。 ### 单条事件卡片统一字段模板 每条生命周期记录固定包含: 1. 事件标题(设备编号 + 业务类型:SB-CAMERA-0001 XXX) 2. 精确发生时间(年 - 月 - 日 时分秒) 3. 多组明细键值对(内容 / 位置 / 操作人员 / 投运状态等,随业务类型动态变化) ### 页面已展示 4 条生命周期节点(时间由早到晚) 1. **设备建档(2025-12-22)** 图标:档案文件;内容:录入设备基础参数,操作人:超级管理员 2. **设备投运(2026-01-21)** 图标:播放启动;完成联调正式上线,绑定安装位置暖通演示楼 2F 东侧 3. **巡检复核(2026-03-22)** 图标:勾选清单;季度巡检,核对设备运行参数 4. **维保记录(2026-04-11)** 图标:维修扳手;页面仅展示标题与时间,完整明细需下滑查看帮我设计APP「图片1」## 顶部全局导航栏(页面最顶端)

1. 左侧:返回箭头按钮,可退回上一级设备列表页
2. 中间横向三标签(页面一级路由)
   - 设备档案(当前所属大模块,蓝色下划线高亮)
   - 设备物联
   - 数据统计
3. 右侧:刷新图标,一键刷新全页面设备实时数据

## 二、顶部简易实时物联数据栏(导航下方)

折叠简化版数据卡片,双栏展示设备核心运行状态:

- 左栏:在线状态 → 在线
- 右栏:运行模式 → 制冷
完整数据需在「设备物联」标签页查看详情。

## 三、二级功能 Tab 标签栏(页面子路由切换)

横向 7 个分类标签,蓝色下划线代表当前激活页面「生命周期」,所有设备管理功能全部收拢在此:

1. 控制:设备远程操控(开关、温度、模式调节)
2. 概览:设备基础参数总览
3. 动态:设备实时运行消息推送
4. 维保:保养工单、维保计划
5. 巡检:定期巡检任务与记录
6. 告警:设备异常告警清单、处置记录
7. 生命周期(当前页):设备全流程时间线档案

## 四、核心区域:生命周期时间轴列表模块

### 模块基础框架

左侧垂直**时间轴引导线** + 右侧独立事件卡片,每条事件左侧搭配对应功能图标区分业务类型,按时间由远到近从上至下排序。

### 单条事件卡片统一字段模板

每条生命周期记录固定包含:

1. 事件标题(设备编号 + 业务类型:SB-CAMERA-0001 XXX)
2. 精确发生时间(年 - 月 - 日 时分秒)
3. 多组明细键值对(内容 / 位置 / 操作人员 / 投运状态等,随业务类型动态变化)

### 页面已展示 4 条生命周期节点(时间由早到晚)

1. **设备建档(2025-12-22)**
图标:档案文件;内容:录入设备基础参数,操作人:超级管理员
2. **设备投运(2026-01-21)**
图标:播放启动;完成联调正式上线,绑定安装位置暖通演示楼 2F 东侧
3. **巡检复核(2026-03-22)**
图标:勾选清单;季度巡检,核对设备运行参数
4. **维保记录(2026-04-11)**
图标:维修扳手;页面仅展示标题与时间,完整明细需下滑查看帮我设计APP
生成一张网页端UI设计图,宽高比为16:9。整体风格为深色专业风,与之前所有页面保持完全一致的视觉体系,左侧侧边导航栏当前“📚 知识库”菜单项高亮显示,右侧为内容区。侧边栏内容与之前保持一致,保持知识库选中态。右侧内容区:顶部面包屑导航显示路径“知识库 > 案例库 > 智能锁售后铁律(50块钱买来的规则)”,面包屑下方为左右两栏布局,左栏约占60%宽度为结构化字段编辑区,是可滚动表单区域,展示该案例所有可编辑结构化字段,字段及示例内容:案例标题输入框“智能锁售后铁律(50块钱买来的规则)”、日期选择器“2026-03-15”、类别下拉框“售后与规则博弈”、核心摘要多行文本框“一次混乱的智能锁售后处理,师傅垫钱买锁体,最终我自己承担了50元损失,由此定下售后铁律:任何售后必须先确认责任归属。”、案例背景多行文本框“客户报修智能锁故障,因流程混乱,师傅自行垫钱购买锁体上门更换...”、案例冲突多行文本框“责任归属未明确,客户催得急,师傅为省事直接处理,结果费用无人承担...”、案例结果多行文本框“我承担了50元锁体费用,并定下死规矩:任何产品售后,必须厂家或供货人提前或现场确认责任归属...”、关键应用点多行文本框“适用于论证规则至上、售后流程标准化、用规则保护双方利益等主题”;字段区域下方两个操作按钮:“💾 保存修改”主按钮高亮、“🗑️ 删除此条目”灰色次按钮。右栏约占35%宽度为原文预览与关联区:顶部醒目高亮边框按钮“📄 查看完整原文”,按钮下方展示带排版标记的原文片段,字体略小内容“那次之后我定下一条死规矩:任何产品售后,必须厂家或供货人提前或者现场确认责任归属。质量问题厂家兜,非质量问题客户兜。不能因为客户催的急就匆忙处理。这条规则,是用50块钱买来的,但它帮我避免了未来无数个500块、5000块的损失。”,原文预览区底部链接样式按钮“🔗 跳转到原文对应段落”;原文下方关联条目区域展示:“关联金句:规则不是限制,是保护 →”、“关联案例:蒲总网关退货事件 →”、“关联框架:痛点-归因-解法 →”。左栏表单清晰可编辑,右栏原文和关联提供完整上下文,“查看完整原文”按钮体现结构化拆解和完整原文互相跳转的设计,所有中文文字清晰可见,字体使用无衬线体。生成一张网页端UI设计图,宽高比为16:9。整体风格为深色专业风,与之前所有页面保持完全一致的视觉体系,左侧侧边导航栏当前“📚 知识库”菜单项高亮显示,右侧为内容区。侧边栏内容与之前保持一致,保持知识库选中态。右侧内容区:顶部面包屑导航显示路径“知识库 > 案例库 > 智能锁售后铁律(50块钱买来的规则)”,面包屑下方为左右两栏布局,左栏约占60%宽度为结构化字段编辑区,是可滚动表单区域,展示该案例所有可编辑结构化字段,字段及示例内容:案例标题输入框“智能锁售后铁律(50块钱买来的规则)”、日期选择器“2026-03-15”、类别下拉框“售后与规则博弈”、核心摘要多行文本框“一次混乱的智能锁售后处理,师傅垫钱买锁体,最终我自己承担了50元损失,由此定下售后铁律:任何售后必须先确认责任归属。”、案例背景多行文本框“客户报修智能锁故障,因流程混乱,师傅自行垫钱购买锁体上门更换...”、案例冲突多行文本框“责任归属未明确,客户催得急,师傅为省事直接处理,结果费用无人承担...”、案例结果多行文本框“我承担了50元锁体费用,并定下死规矩:任何产品售后,必须厂家或供货人提前或现场确认责任归属...”、关键应用点多行文本框“适用于论证规则至上、售后流程标准化、用规则保护双方利益等主题”;字段区域下方两个操作按钮:“💾 保存修改”主按钮高亮、“🗑️ 删除此条目”灰色次按钮。右栏约占35%宽度为原文预览与关联区:顶部醒目高亮边框按钮“📄 查看完整原文”,按钮下方展示带排版标记的原文片段,字体略小内容“那次之后我定下一条死规矩:任何产品售后,必须厂家或供货人提前或者现场确认责任归属。质量问题厂家兜,非质量问题客户兜。不能因为客户催的急就匆忙处理。这条规则,是用50块钱买来的,但它帮我避免了未来无数个500块、5000块的损失。”,原文预览区底部链接样式按钮“🔗 跳转到原文对应段落”;原文下方关联条目区域展示:“关联金句:规则不是限制,是保护 →”、“关联案例:蒲总网关退货事件 →”、“关联框架:痛点-归因-解法 →”。左栏表单清晰可编辑,右栏原文和关联提供完整上下文,“查看完整原文”按钮体现结构化拆解和完整原文互相跳转的设计,所有中文文字清晰可见,字体使用无衬线体。
AI写作工作台创作对话页UI界面原型图,横版16:9比例,背景纯白,主色调深蓝与暗金,极简商务风格,严谨专业,高信任感。左侧深蓝色侧边栏约占1/6宽度,顶部暗金色品牌标志文字"智宅焕·AI写作工作台",下方竖向导航菜单深灰色文字,当前选中项"文章生成"为深蓝色背景白色文字,其他菜单项依次为"工作台首页""文章成品区""选题管理""框架管理""知识库管理""平台适配配置""文章上传与拆解""待处理仓库""用户权限"。右侧白色内容区:顶部状态栏显示"当前框架:自由沟通 | 已调用:智宅焕主战略库、观点库、案例库",右侧有"引用知识库"按钮。核心对话展示区:第一条用户消息左侧浅蓝底气泡,内容"请以'智能家居中小工厂的出路'为主题,写一篇深度分析文章,重点引用我们之前灯具厂朋友的案例。",气泡左侧有复选框;第二条AI回复消息右侧白底深灰色边框气泡,内容开头为"好的。针对'中小工厂的出路'这一主题,我已为您草拟了文章大纲和开篇部分......",气泡左侧有复选框,部分文字被选中高亮,旁边弹出操作菜单"引用到文章""复制""删除";第三条用户追问消息左侧浅蓝底气泡,内容"把第二部分关于'怎么做交付'的内容再深化一下,结合我们苏州别墅那个网络盲区的案例。",旁有复选框;第四条AI补充回复消息右侧白底气泡,展示多轮对话交互。底部操作区:输入框上方功能按钮"归档所选内容"(置灰状态)"一键暂存未归档""回顾历史";宽大输入框内提示文字"继续输入你的想法或指令...",右侧"发送"按钮;输入框下方小字提示"可勾选对话左侧的复选框,批量归档有价值的观点和案例。归档内容需经您人工确认后才会正式入库。"。所有文字清晰可读,模拟真实软件后台界面,严谨高效可配置,无卡通花哨元素。AI写作工作台创作对话页UI界面原型图,横版16:9比例,背景纯白,主色调深蓝与暗金,极简商务风格,严谨专业,高信任感。左侧深蓝色侧边栏约占1/6宽度,顶部暗金色品牌标志文字"智宅焕·AI写作工作台",下方竖向导航菜单深灰色文字,当前选中项"文章生成"为深蓝色背景白色文字,其他菜单项依次为"工作台首页""文章成品区""选题管理""框架管理""知识库管理""平台适配配置""文章上传与拆解""待处理仓库""用户权限"。右侧白色内容区:顶部状态栏显示"当前框架:自由沟通 | 已调用:智宅焕主战略库、观点库、案例库",右侧有"引用知识库"按钮。核心对话展示区:第一条用户消息左侧浅蓝底气泡,内容"请以'智能家居中小工厂的出路'为主题,写一篇深度分析文章,重点引用我们之前灯具厂朋友的案例。",气泡左侧有复选框;第二条AI回复消息右侧白底深灰色边框气泡,内容开头为"好的。针对'中小工厂的出路'这一主题,我已为您草拟了文章大纲和开篇部分......",气泡左侧有复选框,部分文字被选中高亮,旁边弹出操作菜单"引用到文章""复制""删除";第三条用户追问消息左侧浅蓝底气泡,内容"把第二部分关于'怎么做交付'的内容再深化一下,结合我们苏州别墅那个网络盲区的案例。",旁有复选框;第四条AI补充回复消息右侧白底气泡,展示多轮对话交互。底部操作区:输入框上方功能按钮"归档所选内容"(置灰状态)"一键暂存未归档""回顾历史";宽大输入框内提示文字"继续输入你的想法或指令...",右侧"发送"按钮;输入框下方小字提示"可勾选对话左侧的复选框,批量归档有价值的观点和案例。归档内容需经您人工确认后才会正式入库。"。所有文字清晰可读,模拟真实软件后台界面,严谨高效可配置,无卡通花哨元素。
AI写作工作台创作对话页UI界面原型图,横版16:9比例,背景纯白,主色调深蓝与暗金,极简商务风格,严谨专业,高信任感。左侧深蓝色侧边栏约占1/6宽度,顶部暗金色品牌标志文字"智宅焕·AI写作工作台",下方竖向导航菜单深灰色文字,当前选中项"文章生成"为深蓝色背景白色文字,其他菜单项依次为"工作台首页""文章成品区""选题管理""框架管理""知识库管理""平台适配配置""文章上传与拆解""待处理仓库""用户权限"。右侧白色内容区:顶部状态栏显示"当前框架:自由沟通 | 已调用:智宅焕主战略库、观点库、案例库",右侧有"引用知识库"按钮。核心对话展示区:第一条用户消息左侧浅蓝底气泡,内容"请以'智能家居中小工厂的出路'为主题,写一篇深度分析文章,重点引用我们之前灯具厂朋友的案例。",气泡左侧有复选框;第二条AI回复消息右侧白底深灰色边框气泡,内容开头为"好的。针对'中小工厂的出路'这一主题,我已为您草拟了文章大纲和开篇部分......",气泡左侧有复选框,部分文字被选中高亮,旁边弹出操作菜单"引用到文章""复制""删除";第三条用户追问消息左侧浅蓝底气泡,内容"把第二部分关于'怎么做交付'的内容再深化一下,结合我们苏州别墅那个网络盲区的案例。",旁有复选框;第四条AI补充回复消息右侧白底气泡,展示多轮对话交互。底部操作区:输入框上方功能按钮"归档所选内容"(置灰状态)"一键暂存未归档""回顾历史";宽大输入框内提示文字"继续输入你的想法或指令...",右侧"发送"按钮;输入框下方小字提示"可勾选对话左侧的复选框,批量归档有价值的观点和案例。归档内容需经您人工确认后才会正式入库。"。所有文字清晰可读,模拟真实软件后台界面,严谨高效可配置,无卡通花哨元素。AI写作工作台创作对话页UI界面原型图,横版16:9比例,背景纯白,主色调深蓝与暗金,极简商务风格,严谨专业,高信任感。左侧深蓝色侧边栏约占1/6宽度,顶部暗金色品牌标志文字"智宅焕·AI写作工作台",下方竖向导航菜单深灰色文字,当前选中项"文章生成"为深蓝色背景白色文字,其他菜单项依次为"工作台首页""文章成品区""选题管理""框架管理""知识库管理""平台适配配置""文章上传与拆解""待处理仓库""用户权限"。右侧白色内容区:顶部状态栏显示"当前框架:自由沟通 | 已调用:智宅焕主战略库、观点库、案例库",右侧有"引用知识库"按钮。核心对话展示区:第一条用户消息左侧浅蓝底气泡,内容"请以'智能家居中小工厂的出路'为主题,写一篇深度分析文章,重点引用我们之前灯具厂朋友的案例。",气泡左侧有复选框;第二条AI回复消息右侧白底深灰色边框气泡,内容开头为"好的。针对'中小工厂的出路'这一主题,我已为您草拟了文章大纲和开篇部分......",气泡左侧有复选框,部分文字被选中高亮,旁边弹出操作菜单"引用到文章""复制""删除";第三条用户追问消息左侧浅蓝底气泡,内容"把第二部分关于'怎么做交付'的内容再深化一下,结合我们苏州别墅那个网络盲区的案例。",旁有复选框;第四条AI补充回复消息右侧白底气泡,展示多轮对话交互。底部操作区:输入框上方功能按钮"归档所选内容"(置灰状态)"一键暂存未归档""回顾历史";宽大输入框内提示文字"继续输入你的想法或指令...",右侧"发送"按钮;输入框下方小字提示"可勾选对话左侧的复选框,批量归档有价值的观点和案例。归档内容需经您人工确认后才会正式入库。"。所有文字清晰可读,模拟真实软件后台界面,严谨高效可配置,无卡通花哨元素。
基于参考图的火电厂生产管理系统UI风格,设计一个钥匙归还办理弹窗。弹窗居中显示在台账页面上方,背景有半透明遮罩层,整体版式与钥匙领用弹窗完全统一。 弹窗采用三段式标准布局: 1. 顶部标题栏:左侧显示"钥匙归还办理"标题,右侧有X关闭按钮。 2. 中部表单展示与填报区,两列布局: - 第一行左:钥匙编号(只读,灰色背景,显示KEY2024050003) - 第一行右:钥匙名称(只读,灰色背景,显示化学水车间大门钥匙) - 第二行左:存放位置(只读,灰色背景,显示化学水车间钥匙柜02号) - 第二行右:当前状态(只读,红色标签显示"已借出(未归还)") - 第三行左:借用人(只读,灰色背景,显示张三) - 第三行右:借用时间(只读,灰色背景,显示2024-05-20 08:30) - 第四行:借用用途(只读,灰色背景,占满整行,显示日常巡检) 分隔线后是核心业务选择区: - 归还状态选择(带红色*号必填):两个单选按钮选项横向排列 - ○ 按期正常归还(默认选中,绿色圆点) - ○ 未按期归还(橙色/红色圆点,选中后下方出现提示文字:将自动记录异常并写入运行日志) - 归还备注(选填,文本域/多行输入框,占位文字:请填写归还情况、异常说明、延期原因等(选填)) - 归还操作时间(只读,灰色背景,显示"提交时自动获取当前时间") - 操作人(只读,灰色背景,显示"当前登录用户自动获取") 3. 底部操作按钮区:右侧排列两个按钮,【取消】灰色按钮在左,【确认提交】蓝色主按钮在右。 整体风格与参考图一致:蓝色主题色,简洁专业的后台管理系统风格,左侧深蓝色导航栏和台账页面作为背景被半透明遮罩覆盖。基于参考图的火电厂生产管理系统UI风格,设计一个钥匙归还办理弹窗。弹窗居中显示在台账页面上方,背景有半透明遮罩层,整体版式与钥匙领用弹窗完全统一。

弹窗采用三段式标准布局:

1. 顶部标题栏:左侧显示"钥匙归还办理"标题,右侧有X关闭按钮。

2. 中部表单展示与填报区,两列布局:
   - 第一行左:钥匙编号(只读,灰色背景,显示KEY2024050003)
   - 第一行右:钥匙名称(只读,灰色背景,显示化学水车间大门钥匙)
   - 第二行左:存放位置(只读,灰色背景,显示化学水车间钥匙柜02号)
   - 第二行右:当前状态(只读,红色标签显示"已借出(未归还)")
   - 第三行左:借用人(只读,灰色背景,显示张三)
   - 第三行右:借用时间(只读,灰色背景,显示2024-05-20 08:30)
   - 第四行:借用用途(只读,灰色背景,占满整行,显示日常巡检)
   
   分隔线后是核心业务选择区:
   - 归还状态选择(带红色*号必填):两个单选按钮选项横向排列
     - ○ 按期正常归还(默认选中,绿色圆点)
     - ○ 未按期归还(橙色/红色圆点,选中后下方出现提示文字:将自动记录异常并写入运行日志)
   
   - 归还备注(选填,文本域/多行输入框,占位文字:请填写归还情况、异常说明、延期原因等(选填))
   
   - 归还操作时间(只读,灰色背景,显示"提交时自动获取当前时间")
   - 操作人(只读,灰色背景,显示"当前登录用户自动获取")

3. 底部操作按钮区:右侧排列两个按钮,【取消】灰色按钮在左,【确认提交】蓝色主按钮在右。

整体风格与参考图一致:蓝色主题色,简洁专业的后台管理系统风格,左侧深蓝色导航栏和台账页面作为背景被半透明遮罩覆盖。
AI写作工作台选题库管理页V2 UI界面原型图,横版16:9比例,背景纯白,主色调深蓝与暗金,极简商务风格,严谨专业,高信任感。左侧深蓝色侧边栏约占1/6宽度,顶部暗金色品牌标志文字"智宅焕·AI写作工作台",下方竖向导航菜单深灰色文字,当前选中项"选题管理"为深蓝色背景白色文字,其他菜单项依次为"工作台首页""文章生成""文章成品区""框架管理""知识库管理""平台适配配置""文章上传与拆解""待处理仓库""用户权限"。右侧白色内容区:顶部大号深蓝色粗体标题"选题管理"。状态标签栏:两个横向标签页,"待写"当前选中深蓝色背景旁小数字8,"已写"旁小数字15。操作栏:左侧"全选"复选框,右侧两个按钮"批量自动生成"(暗金色)和"新建选题"。内容列表区(待写区):极简表格,列名为选题标题、指定框架、创建时间、操作,每行左侧有复选框。四行数据:第一行"关于C端和B端本质区别的深度思考 | 深度文章 | 2026-07-28 | [编辑] [删除]",第二行"为什么我们坚持按时间收费? | 日常干货 | 2026-07-25 | [编辑] [删除]",第三行"智能家居从业者的三条活路 | 深度文章 | 2026-07-20 | [编辑] [删除]",第四行"工厂老板转型交付服务商的三个门槛 | 日常干货 | 2026-07-18 | [编辑] [删除]"。选题详情编辑区(模拟点击第一行编辑后在表格下方展开):选题标题输入框已填"关于C端和B端本质区别的深度思考";指定框架下拉菜单当前选中"深度文章";选题背景/逻辑宽大文本框内模拟文字"[AI自动提炼] 来源于2026-07-28与AI的对话。核心痛点:很多从业者分不清C端和B端交付的本质区别,导致用C端思维做B端生意,越做越累。拟从自身踩坑经历出发,深入剖析两者在问题属性、交付标准、沟通成本上的根本差异,最终指向'规则至上'的核心战略选择。",文本框右下角【AI重新提炼】按钮,旁边小字提示"点击将基于最新对话记录,重新生成选题背景。";底部操作区醒目暗金色按钮"保存修改",旁边灰色"取消"按钮。底部操作栏:醒目暗金色按钮"批量自动生成",旁边小字说明"勾选选题后,点击此按钮,系统将自动调用各选题指定的框架和知识库,在后台依次生成文章初稿。生成后文章将存入'生成待审区',选题将自动移入'已写区'。"。所有文字清晰可读,模拟真实软件后台界面,严谨高效可配置,无卡通花哨元素。AI写作工作台选题库管理页V2 UI界面原型图,横版16:9比例,背景纯白,主色调深蓝与暗金,极简商务风格,严谨专业,高信任感。左侧深蓝色侧边栏约占1/6宽度,顶部暗金色品牌标志文字"智宅焕·AI写作工作台",下方竖向导航菜单深灰色文字,当前选中项"选题管理"为深蓝色背景白色文字,其他菜单项依次为"工作台首页""文章生成""文章成品区""框架管理""知识库管理""平台适配配置""文章上传与拆解""待处理仓库""用户权限"。右侧白色内容区:顶部大号深蓝色粗体标题"选题管理"。状态标签栏:两个横向标签页,"待写"当前选中深蓝色背景旁小数字8,"已写"旁小数字15。操作栏:左侧"全选"复选框,右侧两个按钮"批量自动生成"(暗金色)和"新建选题"。内容列表区(待写区):极简表格,列名为选题标题、指定框架、创建时间、操作,每行左侧有复选框。四行数据:第一行"关于C端和B端本质区别的深度思考 | 深度文章 | 2026-07-28 | [编辑] [删除]",第二行"为什么我们坚持按时间收费? | 日常干货 | 2026-07-25 | [编辑] [删除]",第三行"智能家居从业者的三条活路 | 深度文章 | 2026-07-20 | [编辑] [删除]",第四行"工厂老板转型交付服务商的三个门槛 | 日常干货 | 2026-07-18 | [编辑] [删除]"。选题详情编辑区(模拟点击第一行编辑后在表格下方展开):选题标题输入框已填"关于C端和B端本质区别的深度思考";指定框架下拉菜单当前选中"深度文章";选题背景/逻辑宽大文本框内模拟文字"[AI自动提炼] 来源于2026-07-28与AI的对话。核心痛点:很多从业者分不清C端和B端交付的本质区别,导致用C端思维做B端生意,越做越累。拟从自身踩坑经历出发,深入剖析两者在问题属性、交付标准、沟通成本上的根本差异,最终指向'规则至上'的核心战略选择。",文本框右下角【AI重新提炼】按钮,旁边小字提示"点击将基于最新对话记录,重新生成选题背景。";底部操作区醒目暗金色按钮"保存修改",旁边灰色"取消"按钮。底部操作栏:醒目暗金色按钮"批量自动生成",旁边小字说明"勾选选题后,点击此按钮,系统将自动调用各选题指定的框架和知识库,在后台依次生成文章初稿。生成后文章将存入'生成待审区',选题将自动移入'已写区'。"。所有文字清晰可读,模拟真实软件后台界面,严谨高效可配置,无卡通花哨元素。
生成一张网页端后台管理UI设计图,宽高比16:9,深色专业风格,深蓝灰底色,与后台管理端风格统一。 页面布局: 1. 左侧侧边导航栏,布局内容与第一张后台页面保持一致:顶部平台Logo+“智宅焕管理后台”,菜单项:订单管理(当前选中项,高亮显示)、服务产品配置、师傅管理、提现审核、系统设置。 2. 右侧为派单工作台内容区,分为三个区域: - 顶部订单概要区:标题文字“派单工作台”,下方以横向卡片形式展示只读订单概要信息:项目名称XXX,客户姓名/手机号,项目城市上海,项目地址上海市闵行区XX路XX号,预期上门时间2026-07-15,时间灵活性标签“时间可协商”,订单总服务数3项,订单总金额¥2,580;卡片右上角有一个低调样式“追加远程费”按钮。 - 中部任务拆分区:标题文字“任务拆分与指派”,下方纵向排列展示3个系统自动拆分的任务卡片,每个任务卡片:左侧信息区包含服务名称(如现场安装调试)、数量、服务城市、预期上门时间、时间灵活性标签、客户支付单价(灰色小字并标注“仅管理员可见”)、指派状态标签;右侧操作区包含“指派师傅”主色高亮按钮,“修改佣金”低调样式按钮,已指派时显示佣金金额。三个任务卡片分别是第一个“待指派”、第二个“已指派”、第三个“待指派”,状态区分清晰,任务拆分卡片为核心交互区需要突出展示。 - 底部操作区:固定悬浮在底部,包含“一键通知师傅”主色高亮按钮(提示所有任务已指派才可点击,否则置灰)和“返回订单列表”次要按钮,旁边附带提示文字“请先完成所有任务指派后,再通知师傅”,底部操作区始终可见。 所有文字清晰可见,使用无衬线字体,UI风格专业整洁,整体与上一张智宅焕管理后台设计风格保持统一。生成一张网页端后台管理UI设计图,宽高比16:9,深色专业风格,深蓝灰底色,与后台管理端风格统一。
页面布局:
1. 左侧侧边导航栏,布局内容与第一张后台页面保持一致:顶部平台Logo+“智宅焕管理后台”,菜单项:订单管理(当前选中项,高亮显示)、服务产品配置、师傅管理、提现审核、系统设置。
2. 右侧为派单工作台内容区,分为三个区域:
- 顶部订单概要区:标题文字“派单工作台”,下方以横向卡片形式展示只读订单概要信息:项目名称XXX,客户姓名/手机号,项目城市上海,项目地址上海市闵行区XX路XX号,预期上门时间2026-07-15,时间灵活性标签“时间可协商”,订单总服务数3项,订单总金额¥2,580;卡片右上角有一个低调样式“追加远程费”按钮。
- 中部任务拆分区:标题文字“任务拆分与指派”,下方纵向排列展示3个系统自动拆分的任务卡片,每个任务卡片:左侧信息区包含服务名称(如现场安装调试)、数量、服务城市、预期上门时间、时间灵活性标签、客户支付单价(灰色小字并标注“仅管理员可见”)、指派状态标签;右侧操作区包含“指派师傅”主色高亮按钮,“修改佣金”低调样式按钮,已指派时显示佣金金额。三个任务卡片分别是第一个“待指派”、第二个“已指派”、第三个“待指派”,状态区分清晰,任务拆分卡片为核心交互区需要突出展示。
- 底部操作区:固定悬浮在底部,包含“一键通知师傅”主色高亮按钮(提示所有任务已指派才可点击,否则置灰)和“返回订单列表”次要按钮,旁边附带提示文字“请先完成所有任务指派后,再通知师傅”,底部操作区始终可见。
所有文字清晰可见,使用无衬线字体,UI风格专业整洁,整体与上一张智宅焕管理后台设计风格保持统一。
生成一张微信小程序竖屏UI设计图,宽高比9:16,深色专业风,参考上传图片风格与智宅焕前序UI体系保持一致,为师傅点击进入工作台后的订单核心操作面板,内容较多可上下滚动。 从上到下布局: 1. 顶部导航:左上角“← 返回”,页面标题“订单工作台”,橙色标签“服务中”订单状态。 2. 区域一:项目信息区,区域标题“项目信息”,灰色底只读信息卡片:项目名称「张先生家智能改造」、项目地址「上海市闵行区XX路XX号」、项目概述「全屋智能开关安装,窗帘电机安装」、户型面积「120㎡」、项目类型「平层」、预期上门时间「2026-07-15」、标签「时间可协商」、可展开链接「关联产品订单:查看产品清单」。 3. 区域二:服务清单与佣金信息区,区域标题“服务与佣金”,服务明细卡片:服务名称「现场安装调试」、数量「1次」、佣金单价「¥560」、小计「¥560」,下方绿色文字展示“含远程补贴:¥80”,底部大字橙色突出展示“本单总佣金:¥640”,小字标注“此为完成本单后可获得的全部佣金”,佣金信息醒目展示。 4. 区域三:资料互动区,区域标题“资料与沟通”,子Tab切换:客户资料 | 我的上传 | 沟通记录,当前展示客户资料:文件列表占位示意:📄 户型图.pdf、🖼️ 客厅照片.jpg、🖼️ 开关位置图.png,每个文件右侧有“下载”按钮;虚线框示意切换至我的上传:“+ 上传文件”按钮,上传可选标签:户型图/现场照片/方案图纸/验收单/其他,占位已上传文件列表;虚线框示意切换至沟通记录:“+ 发起资料请求”,输入框+发送按钮,占位对话记录列表。 5. 区域四:关键操作区,区域标题“操作”,当前为安装调试师傅,全宽按钮依次展示:主色“预约客户”按钮,下方标注“已预约:2026-07-15 9:00”;主色“到达签到”按钮,下方标注“签到时间:9:03”;次要全宽按钮“签退及日志”,下方标注“填写今日工作概要(选填)”;高亮警示色全宽按钮“提交验收”,下方标注“上传完工照片或视频”;虚线框标注:“如角色为项目经理,额外展示 ↓”,额外展示按钮“项目经理审核”。 操作按钮清晰,状态明确,资料互动子Tab切换用虚线框示意即可,所有文字清晰可见,使用无衬线字体,整体风格与上传参考图及前序设计保持一致。生成一张微信小程序竖屏UI设计图,宽高比9:16,深色专业风,参考上传图片风格与智宅焕前序UI体系保持一致,为师傅点击进入工作台后的订单核心操作面板,内容较多可上下滚动。
从上到下布局:
1. 顶部导航:左上角“← 返回”,页面标题“订单工作台”,橙色标签“服务中”订单状态。
2. 区域一:项目信息区,区域标题“项目信息”,灰色底只读信息卡片:项目名称「张先生家智能改造」、项目地址「上海市闵行区XX路XX号」、项目概述「全屋智能开关安装,窗帘电机安装」、户型面积「120㎡」、项目类型「平层」、预期上门时间「2026-07-15」、标签「时间可协商」、可展开链接「关联产品订单:查看产品清单」。
3. 区域二:服务清单与佣金信息区,区域标题“服务与佣金”,服务明细卡片:服务名称「现场安装调试」、数量「1次」、佣金单价「¥560」、小计「¥560」,下方绿色文字展示“含远程补贴:¥80”,底部大字橙色突出展示“本单总佣金:¥640”,小字标注“此为完成本单后可获得的全部佣金”,佣金信息醒目展示。
4. 区域三:资料互动区,区域标题“资料与沟通”,子Tab切换:客户资料 | 我的上传 | 沟通记录,当前展示客户资料:文件列表占位示意:📄 户型图.pdf、🖼️ 客厅照片.jpg、🖼️ 开关位置图.png,每个文件右侧有“下载”按钮;虚线框示意切换至我的上传:“+ 上传文件”按钮,上传可选标签:户型图/现场照片/方案图纸/验收单/其他,占位已上传文件列表;虚线框示意切换至沟通记录:“+ 发起资料请求”,输入框+发送按钮,占位对话记录列表。
5. 区域四:关键操作区,区域标题“操作”,当前为安装调试师傅,全宽按钮依次展示:主色“预约客户”按钮,下方标注“已预约:2026-07-15 9:00”;主色“到达签到”按钮,下方标注“签到时间:9:03”;次要全宽按钮“签退及日志”,下方标注“填写今日工作概要(选填)”;高亮警示色全宽按钮“提交验收”,下方标注“上传完工照片或视频”;虚线框标注:“如角色为项目经理,额外展示 ↓”,额外展示按钮“项目经理审核”。
操作按钮清晰,状态明确,资料互动子Tab切换用虚线框示意即可,所有文字清晰可见,使用无衬线字体,整体风格与上传参考图及前序设计保持一致。
创意 × 4
全场景智慧培训预约系统 - 功能介绍 系统概述 全场景智慧培训预约系统是一套面向线下服务型门店的 SaaS 管理插件,集课程培训管理、场馆场地预约、教练管理、学员管理、优惠券营销和数据统计分析于一体,支持多门店/多站点独立运营。 无论是健身房私教课、培训机构团课、瑜伽馆小班课,还是球场/舞蹈室按小时出租,都能通过本系统实现从线上展示→下单支付→预约核销→售后评价的完整业务闭环。 核心功能模块 一、课程管理 课程信息管理:课程名称、封面图、简介、课程形式(私教/团课)、时长、最大人数等完整信息管理 课程分类:支持多级分类,便于用户按分类浏览和筛选课程 课程类型:自定义课程类型(如私教课、团课、体验课等),满足不同业务场景 多规格定价:支持单规格/多规格模式,每个规格独立设置价格与原价,灵活适配不同课时套餐 排课管理:按日期+时间段排课,关联教练和场地,支持批量排课与周期性排课 库存管理:排课自动关联库存,下单锁定库存,取消释放库存,防止超卖 课程评价:用户完成课程后可进行1-5星评分+文字+图片评价,管理员可回复管理 课程收藏:用户可收藏心仪课程,支持收藏列表管理 二、教练管理 教练档案:教练姓名、头像、证书图片、课时费标准、个人简介等完整信息 教练等级:自定义教练等级体系(如初级教练、高级教练、认证讲师等) 教练类型:按专业领域分类教练(如力量训练、瑜伽、舞蹈等) 教练标签:多标签体系,灵活标注教练特长(如"增肌""减脂""产后恢复"等) 教练结算:按排课自动生成结算记录,支持批量结算与打款,结算流程:待结算→已结算→已打款 教练人气排行:基于授课数据自动生成教练人气排行榜 三、学员管理 学员档案:关联平台会员,记录学员姓名、紧急联系人及电话、入学日期等信息 课时统计:自动统计总购买课时、已消耗课时、剩余课时,数据一目了然 消费统计:累计报课数、累计消费金额,支持消费行为分析 状态管理:停课/在读/结业三种状态,支持生命周期管理 统计看板:管理员端学员概览卡片、30天趋势图、状态分布饼图 四、场馆场地管理 场馆管理:场馆名称、封面图、详细地址(省市区+经纬度)、联系电话、营业时间、场馆介绍 场地管理:每个场馆可管理多个场地(如1号场、2号场、VIP室等),含场地图片、容纳人数、设施配置、每小时单价 时段预约:按日期+时间段进行预约,支持独占模式和共享模式 营业时间:每个场馆独立设置营业时间,系统自动校验预约时段是否在营业时间范围内 时段可用性:实时查询场地各时段占用情况,冲突检测防止重复预约 五、课程预约 在线下单:选课程→选规格→选排课→使用优惠券→下单支付,流程顺畅 自动预约:支付成功后自动创建预约记录,无需人工干预 核销管理:自动生成预约核销码和二维码,管理员扫码签到/签退 库存流转:锁定库存→签到确认→签退完成,全流程库存精确管控 预约提醒:课程开始前2小时自动推送预约提醒通知 六、场馆预约 在线选场:选场馆→选场地→选日期时段→下单支付,操作直观 超时保护:下单后15分钟未支付自动取消订单并释放时段,避免资源浪费 自动预约:支付成功自动生成预约记录和核销码 签到签退:支持管理员扫码完成签到和签退操作 七、优惠券营销 券类型:支持满减券(满X减Y)和折扣券(X折),满足不同营销策略 发放控制:总量限制、每人限领张数、领取时间窗口,精细化管控 有效期:支持固定时间段有效 or 领取后N天内有效两种模式 适用场景:按指定课程ID列表限制使用范围 自动发放:注册赠送、购买成功后赠送,通过事件机制自动触发 手动发放:管理员指定用户手动发放优惠券 统计看板:发放量/领取量/使用量数据一目了然 过期提醒:每日自动扫描24小时内即将过期优惠券并推送提醒 八、订单管理 课程订单:完整订单生命周期(待支付→已支付→已完成→已取消) 场馆订单:完整订单生命周期 + 超时自动取消机制 退款取消:支持订单退款和取消操作 优惠券抵扣:下单时自动计算优惠券抵扣金额 九、数据统计 运营概览:总营收、今日营收、营收增长率、今日订单数、今日预约数、新增学员数 营收趋势:按日期范围查询课程+场馆合并营收趋势 课程销量排行:热销课程排行榜 教练人气排行:教练受欢迎程度排行 预约趋势:预约量随时间的趋势变化 十、消息通知 课程支付成功通知:订单号、课程名、金额、支付时间 场馆支付成功通知:订单号、场馆名、日期、时段、金额 预约即将开始提醒:课程名、日期时间、教练、地点 优惠券过期提醒:券名称、过期时间 DIY 页面装修 系统提供3个自定义装修组件,支持拖拽式页面搭建: 课程列表组件:展示课程卡片,支持分类筛选、排序(综合/最新/人气/价格)、显示教练/价格/简介 教练列表组件:展示教练卡片,支持类型/等级筛选 场馆列表组件:展示场馆卡片,支持显示地址、场地、标签信息 适用场景 行业 典型应用 健身房/私教工作室 私教课预约、团课管理、教练排课、会员课时管理 培训机构 课程发布报名、班级管理、学员档案、课时消耗 瑜伽馆/舞蹈室 小班课排期、场馆时段出租、会员签到 球类运动场馆 球场按小时预约、场地管理、会员体系 游泳馆 课程培训 + 泳道预约双模式 综合运动中心 课程+场馆全场景覆盖 基于此内容生成一个详情长图全场景智慧培训预约系统 - 功能介绍
系统概述
全场景智慧培训预约系统是一套面向线下服务型门店的 SaaS 管理插件,集课程培训管理、场馆场地预约、教练管理、学员管理、优惠券营销和数据统计分析于一体,支持多门店/多站点独立运营。

无论是健身房私教课、培训机构团课、瑜伽馆小班课,还是球场/舞蹈室按小时出租,都能通过本系统实现从线上展示→下单支付→预约核销→售后评价的完整业务闭环。

核心功能模块
一、课程管理
课程信息管理:课程名称、封面图、简介、课程形式(私教/团课)、时长、最大人数等完整信息管理

课程分类:支持多级分类,便于用户按分类浏览和筛选课程

课程类型:自定义课程类型(如私教课、团课、体验课等),满足不同业务场景

多规格定价:支持单规格/多规格模式,每个规格独立设置价格与原价,灵活适配不同课时套餐

排课管理:按日期+时间段排课,关联教练和场地,支持批量排课与周期性排课

库存管理:排课自动关联库存,下单锁定库存,取消释放库存,防止超卖

课程评价:用户完成课程后可进行1-5星评分+文字+图片评价,管理员可回复管理

课程收藏:用户可收藏心仪课程,支持收藏列表管理

二、教练管理
教练档案:教练姓名、头像、证书图片、课时费标准、个人简介等完整信息

教练等级:自定义教练等级体系(如初级教练、高级教练、认证讲师等)

教练类型:按专业领域分类教练(如力量训练、瑜伽、舞蹈等)

教练标签:多标签体系,灵活标注教练特长(如"增肌""减脂""产后恢复"等)

教练结算:按排课自动生成结算记录,支持批量结算与打款,结算流程:待结算→已结算→已打款

教练人气排行:基于授课数据自动生成教练人气排行榜

三、学员管理
学员档案:关联平台会员,记录学员姓名、紧急联系人及电话、入学日期等信息

课时统计:自动统计总购买课时、已消耗课时、剩余课时,数据一目了然

消费统计:累计报课数、累计消费金额,支持消费行为分析

状态管理:停课/在读/结业三种状态,支持生命周期管理

统计看板:管理员端学员概览卡片、30天趋势图、状态分布饼图

四、场馆场地管理
场馆管理:场馆名称、封面图、详细地址(省市区+经纬度)、联系电话、营业时间、场馆介绍

场地管理:每个场馆可管理多个场地(如1号场、2号场、VIP室等),含场地图片、容纳人数、设施配置、每小时单价

时段预约:按日期+时间段进行预约,支持独占模式和共享模式

营业时间:每个场馆独立设置营业时间,系统自动校验预约时段是否在营业时间范围内

时段可用性:实时查询场地各时段占用情况,冲突检测防止重复预约

五、课程预约
在线下单:选课程→选规格→选排课→使用优惠券→下单支付,流程顺畅

自动预约:支付成功后自动创建预约记录,无需人工干预

核销管理:自动生成预约核销码和二维码,管理员扫码签到/签退

库存流转:锁定库存→签到确认→签退完成,全流程库存精确管控

预约提醒:课程开始前2小时自动推送预约提醒通知

六、场馆预约
在线选场:选场馆→选场地→选日期时段→下单支付,操作直观

超时保护:下单后15分钟未支付自动取消订单并释放时段,避免资源浪费

自动预约:支付成功自动生成预约记录和核销码

签到签退:支持管理员扫码完成签到和签退操作

七、优惠券营销
券类型:支持满减券(满X减Y)和折扣券(X折),满足不同营销策略

发放控制:总量限制、每人限领张数、领取时间窗口,精细化管控

有效期:支持固定时间段有效 or 领取后N天内有效两种模式

适用场景:按指定课程ID列表限制使用范围

自动发放:注册赠送、购买成功后赠送,通过事件机制自动触发

手动发放:管理员指定用户手动发放优惠券

统计看板:发放量/领取量/使用量数据一目了然

过期提醒:每日自动扫描24小时内即将过期优惠券并推送提醒

八、订单管理
课程订单:完整订单生命周期(待支付→已支付→已完成→已取消)

场馆订单:完整订单生命周期 + 超时自动取消机制

退款取消:支持订单退款和取消操作

优惠券抵扣:下单时自动计算优惠券抵扣金额

九、数据统计
运营概览:总营收、今日营收、营收增长率、今日订单数、今日预约数、新增学员数

营收趋势:按日期范围查询课程+场馆合并营收趋势

课程销量排行:热销课程排行榜

教练人气排行:教练受欢迎程度排行

预约趋势:预约量随时间的趋势变化

十、消息通知
课程支付成功通知:订单号、课程名、金额、支付时间

场馆支付成功通知:订单号、场馆名、日期、时段、金额

预约即将开始提醒:课程名、日期时间、教练、地点

优惠券过期提醒:券名称、过期时间

DIY 页面装修
系统提供3个自定义装修组件,支持拖拽式页面搭建:

课程列表组件:展示课程卡片,支持分类筛选、排序(综合/最新/人气/价格)、显示教练/价格/简介

教练列表组件:展示教练卡片,支持类型/等级筛选

场馆列表组件:展示场馆卡片,支持显示地址、场地、标签信息

适用场景
行业	典型应用
健身房/私教工作室	私教课预约、团课管理、教练排课、会员课时管理
培训机构	课程发布报名、班级管理、学员档案、课时消耗
瑜伽馆/舞蹈室	小班课排期、场馆时段出租、会员签到
球类运动场馆	球场按小时预约、场地管理、会员体系
游泳馆	课程培训 + 泳道预约双模式
综合运动中心	课程+场馆全场景覆盖
基于此内容生成一个详情长图
校园餐校级管理移动端UI界面设计,数据同步管理页面,手机竖屏界面,顶部蓝色导航栏显示时间10:09、WiFi和电池图标,中间白色标题文字"数据同步",左侧返回箭头,右侧设置图标,导航栏下方为白色圆角卡片内容区域,第一部分为"同步状态概览"标题,显示大型同步状态图标和文字"数据已同步",上次同步时间"2026-08-20 10:05:32",同步进度条显示100%,下方显示三个终端设备卡片:PC端(电脑图标,在线/已同步)、移动端(手机图标,当前设备/已同步)、小程序(小程序图标,在线/已同步),每个卡片右侧有绿色对勾状态标识,第二部分为"同步数据项管理"标题,显示可同步的数据项列表,每项带开关按钮,包括:食堂基础信息(开启)、供货商信息(开启)、人员信息(开启)、每日就餐信息(开启)、陪餐记录(开启)、食谱营养数据(开启)、采购订单数据(开启)、财务报表数据(开启),第三部分为"同步设置"标题,包含同步模式选择(自动同步/手动同步,带刷新图标)、同步频率设置(实时/每小时/每天,带时钟图标)、流量同步开关(仅WiFi下同步,带WiFi图标),底部蓝色圆角"立即同步所有数据"按钮,底部Tab导航栏(首页/Management/数据/设置图标),整体蓝色主色调,白色卡片背景,圆角设计,与之前页面排版风格完全一致校园餐校级管理移动端UI界面设计,数据同步管理页面,手机竖屏界面,顶部蓝色导航栏显示时间10:09、WiFi和电池图标,中间白色标题文字"数据同步",左侧返回箭头,右侧设置图标,导航栏下方为白色圆角卡片内容区域,第一部分为"同步状态概览"标题,显示大型同步状态图标和文字"数据已同步",上次同步时间"2026-08-20 10:05:32",同步进度条显示100%,下方显示三个终端设备卡片:PC端(电脑图标,在线/已同步)、移动端(手机图标,当前设备/已同步)、小程序(小程序图标,在线/已同步),每个卡片右侧有绿色对勾状态标识,第二部分为"同步数据项管理"标题,显示可同步的数据项列表,每项带开关按钮,包括:食堂基础信息(开启)、供货商信息(开启)、人员信息(开启)、每日就餐信息(开启)、陪餐记录(开启)、食谱营养数据(开启)、采购订单数据(开启)、财务报表数据(开启),第三部分为"同步设置"标题,包含同步模式选择(自动同步/手动同步,带刷新图标)、同步频率设置(实时/每小时/每天,带时钟图标)、流量同步开关(仅WiFi下同步,带WiFi图标),底部蓝色圆角"立即同步所有数据"按钮,底部Tab导航栏(首页/Management/数据/设置图标),整体蓝色主色调,白色卡片背景,圆角设计,与之前页面排版风格完全一致