AIWABOT / MINI PROGRAM进入交互原型 ↗
PRODUCT DESIGN · 2026.10.26 · V2.34.69

同一套业务结构,
从 PC 延伸到手机。

面向企业管理员、销售主管和一线顾问的微信小程序设计。以 AiwaBot产品原型-v3.2.html 为对照,沿用平台功能分组,以深蓝、雾白和钴蓝组织移动端视觉;完整保留经营报表,并延续微信式会话输入交互。

交付为可本地运行的高保真 HTML 交互原型。功能入口完整覆盖本次可见 PC 页面、前端路由及产品手册;关键流程可操作,外部系统交互为演示。尚未制作可直接发布的 WXML / WXSS 工程。

V2.34.69 / 客户画像移除暂停按钮

客户画像轮播移除暂停与播放按钮,保留左右翻页、页码和自动轮播。手动翻页后重新计时,减少动效、页面不可见、离屏和抽屉遮挡时的自动轮播限制继续保留。

客户画像 · 翻页操作

画像只显示左右翻页箭头和页码

V2.34.68 / 精简正文编辑

正文编辑抽屉移除预览内容按钮和预览区域,输入区下方直接衔接标题与分类。保留正文编辑、草稿保存和发布;文档详情中的正文预览页签继续使用。

正文编辑 · 精简操作

正文输入区下方直接衔接标题与分类,底部保留草稿与发布

V2.34.67 / 附件正文编辑

PDF、Word 等文档的编辑入口统一进入正文编辑。优先载入该文档已保存的正文,支持正文预览、独立草稿及发布;标题与分类收进次级选项。无正文时显示空编辑区,允许手工补充,不从摘要或其他文件生成内容。正文发布后更新当前文档预览、清除旧派生内容,并保留原格式、来源、大小和文件标识。当前为本地文本版本,未运行真实解析或重写二进制附件。

PDF · 直接编辑正文

PDF原有正文加载到正文编辑区,支持草稿和发布

Word · 补充正文

附件正文编辑及实际输入的内容

V2.34.66 / 文档编辑与新增知识菜单

文档详情新增编辑文档。附件编辑标题与分类,保留原文件格式、来源及已有解析信息;在线文本支持标题、分类、正文、纯文本预览、保存草稿和发布并解析。草稿独立保存,发布前不覆盖当前正文;保留 Markdown 空白,正文变化后清理过期分块与摘要,并显示待解析。当前仅写入本地原型,不运行真实解析服务。新增知识菜单移除新增问答,保留上传、输入文本、导入网页及连接外部数据源。

文档详情 · 编辑入口

文档详情的编辑文档按钮

在线文档 · 草稿与发布

在线文档标题分类正文及保存草稿和发布操作

新增知识 · 四项操作

移除新增问答后的知识导入菜单

V2.34.65 / AI 调试返回与发布

AI 调试记录进入前的机器人列表、配置步骤或流程详情,发送和清空后返回来源保持不变。顶部在清空旁增加确认发布,复用配置页原有的本地发布流程;精确校验机器人、当前路由和角色权限,无效调试地址展示空态且不提供输入或发布入口。

AI 调试 · 直接确认发布

AI调试顶部确认发布与清空并列

V2.34.64 / 精简 AI 调试工具栏

AI 调试移除语音和更多入口,并删除其闲置的语音预览与会话工具抽屉。保留附件、快捷回复、翻译和商品四项;文字调试发送、引用和技能调用示例沿用原流程。客户会话独立的语音输入与更多聊天面板保持原样。

AI 调试工具栏

AI调试保留四个快捷工具,已移除语音和更多

V2.34.63 / 渠道暗黑控件配色

图标按钮和搜索旁筛选按钮改用主题表面色与边框色;暗黑渠道图标底板沿用次级表面色,类型筛选中的小图标保持透明底。保留官方图片颜色与图形,不做反色处理。

暗黑模式

暗黑筛选按钮和渠道图标底板

浅色模式对照

浅色筛选按钮和渠道图标

V2.34.62 / 渠道配置按类型收进更多

移除所有渠道卡片上独立的配置按钮,操作区保留成员与更多。按 PC 组件,仅网站、邮件、LINE、Telegram、微信公众号、微信服务号、微信小店、Instagram、API 在更多内提供配置;微信、企微、WhatsApp 等无对应配置操作的类型不显示。完整类型与源码依据见PC 配置操作对照。移动端沿用现有本地渠道设置页。

企微不提供配置项

企微卡片和更多菜单均不出现渠道配置

网站配置收进更多

网站更多菜单内的配置入口

V2.34.61 / 知识库紧凑筛选与悬浮新增

文件 / Wiki / 图谱改为三项等宽导航,移除右侧更多按钮。文件分类、搜索和筛选合为一行;新增知识复用右下角悬浮圆形加号,绑定当前知识库,仅在文件页显示。

知识库文件页

三项导航、同行分类搜索筛选及右下角新增加号

V2.34.60 / 精简行业知识库列表

移除列表内重复的行业知识库标题与简介,以及每张卡片中的文档类目文字;顶部导航标题、搜索分类和类目标签保留。

精简后的行业知识库

导航标题下直接展示搜索,卡片保留类目标签

V2.34.59 / 行业专家逐张翻卡

专家列表改为纵向卡片浏览,滚动时透视翻转与缩放,松手逐张吸附;上一位、下一位和键盘均可切换,首尾不循环。搜索仅显示匹配卡片并从第一张开始,查看配置后返回保留搜索和当前专家。减少动效时关闭透视与平滑滚动,离开页面清理监听与待执行动画。

行业专家翻卡

单张行业专家卡片及上下切换按钮

窄屏英文暗黑

320px英文暗黑下完整显示专家与模板操作

V2.34.58 / 精简渠道列表导航

移除搜索下方的全部渠道、需要处理、已停用整行状态导航;搜索后直接显示渠道类型。连接状态仍可在筛选抽屉选择。

精简后的渠道列表

搜索下方直接显示渠道类型,已移除状态导航

V2.34.57 / 机器人卡片内显示工作时间

渠道列表将机器人工作时间及当前时段移到接待机器人卡片右侧、箭头前;下方仅保留指派成员。390px 与 320px 保持同排,名称可省略,时间保留独立显示空间。

机器人与工作时间

工作时间位于接待机器人卡片右侧

V2.34.56 / 按渠道类型直达指南

渠道列表已选具体类型时,配置指南直接进入对应详情;没有对应指南的类型隐藏入口。全部类型保留目录入口,返回列表保留类型与连接状态筛选。

无对应指南时隐藏入口

无对应指南时隐藏入口

按类型直接进入指南

按类型直接进入指南

V2.34.55 / 联系人同步预览

预览并同步页移除顶部演示提示,底部按钮改为确定同步;微信和企微使用同一预览流程。

联系人同步预览

移除顶部说明并使用确定同步按钮

V2.34.54 / 精简账号与服务

更多页账号与服务移除资源用量、MCP 服务及推广奖励三行,保留偏好设置、帮助中心、关于版本与账号设置。

精简后的账号与服务

保留偏好、帮助、版本和账号设置四项

V2.34.53 / 客户意向圆环

客户列表评分由圆角方框改回圆形进度环,弧长按分数显示并从顶部开始;保留分值、意向等级与待评估状态。

客户意向圆环

92与86分显示为圆形进度环

V2.34.52 / 精简会话总结说明

移除暂无总结下方的重复生成说明及底部演示说明;保留开关说明、当前进度、历史总结和记录上的示例标记。

精简后的会话总结抽屉

保留进度和历史空状态,移除两处说明

V2.34.51 / 分渠道配置指南

渠道列表数量右侧提供配置指南。目录按 PC 当前启用的 14 种渠道组织;邮箱四种服务商、LINE、Telegram、微信服务号、小店与 API 采用各自步骤、注意事项和本地步骤图,其他渠道沿用 PC 接入说明。指南只读,不执行授权、创建或发送请求。账号卡显示真实账号,机器人区可进入配置,工作时间明确为机器人工作时间,移除重复同步提示。

渠道卡片与指南入口

渠道卡片与指南入口

14 个渠道指南

14 个渠道指南

分服务商步骤与图片

分服务商步骤与图片

V2.34.50 / 精简更多页

更多页企业管理移除客户信息管理入口;应用商店标题、查看全部及整块应用列表一并移除,企业管理后直接展示账号与服务。

更多页精简

企业管理后直接展示账号与服务

V2.34.49 / 移除素材库

AI 工作区保留 AI Bot、知识库、技能三项等宽导航。素材库从功能导航与地图移除,旧链接返回 AI Bot;原有本地资料保留。

AI 工作区三项导航

移除素材库后的三项等宽导航

V2.34.48 / 文档详情

沿用 PC 文件详情的信息层级:文件状态与来源、八项基本资料、可展开摘要及预览 / 分块 / 流水线。所有正文和分块绑定当前文档;缺失数据不填日期或通用示例。课程手册种子正文明确标示例,旧记录不自动覆盖。原文件未保留时下载禁用;本地重试只更新演示状态,未接真实解析服务。

文件资料与操作

文档状态、资料和摘要

摘要与文件内容

摘要、片段数量和内容切换

当前文档分块

当前文档的两个示例片段

V2.34.47 / 知识库文件页

主导航沿用 PC 文件 / Wiki / 图谱,原问答管理、数据来源及检索测试保留在更多菜单。分类侧栏改为可搜索抽屉,文件名称描述、类型、来源与分类组合筛选;卡片和紧凑列表共用当前库实际文件,长文件名自动换行,类型图标和解析状态按语义着色。新增文件绑定当前知识库与导入时所选分类;无 Wiki 或图谱数据时显示空状态。

文件卡片

移动端知识库文件卡片与搜索筛选

分类抽屉

可搜索和新建的文件分类

类型与来源

文件类型与来源筛选抽屉

V2.34.46 / 行业知识库

知识库页新增行业知识库入口,移动端目录沿用 PC 的 14 个行业、五类筛选与文档类目。卡片包含行业头像、介绍与标签,可组合搜索和分类并进入只读详情。每个行业目前有一份 FAQ;预览按 PC 已提供的三个问答片段显示,其他类目为空时明确标注,不修改自有知识库与机器人配置。

知识库 · 行业入口

知识库页搜索框上方的行业知识库入口

行业目录 · 搜索与分类

行业卡片、服务分类和文档类目标签

只读详情 · FAQ

行业知识库只读详情与FAQ文档

V2.34.44 / 技能搜索与知识工具选择

机器人配置第三步支持搜索技能名称或说明,隐藏非匹配项并保留复选状态。知识工具使用双列复选卡片,可多选或全部取消,保存后随当前机器人恢复并独立复制;不使用知识库时隐藏并禁用工具,发布检查显示工具数量。三种界面语言与浅深主题沿用共享组件,实际工具调用仍为本地原型边界。

V2.34.42 / 客户加号菜单与联系人同步

客户列表右下角 + 打开客户操作菜单,提供添加客户、同步微信联系人及同步企微联系人。手工录入继续使用原来的客户表单;同步沿用渠道管理权限,管理员和销售主管可使用。两步抽屉先多选对应渠道的在线账号,再预览联系人与群聊,最后明确同步到本地。微信保留全部 / 大陆版 / 国际版筛选,切换版本不丢失选择;旧账号未标注版本时只归入全部,不根据名称推测。

每个账号预置 2 位联系人、1 个群聊,预览区明确说明这是本地示例,并标记新增、已同步或已删除跳过。账号 ID、渠道类型与远端示例 ID 共同确定身份,跨账号同名记录分别保留;重复同步不覆盖人工字段,已删除客户不恢复。最终提交重新校验当前抽屉、步骤、令牌及所选账号的存在、类型、在线状态与身份,任一账号变化时整体停止,关闭或换页后旧页面失效。

+ · 三项客户操作

客户操作菜单中的添加客户、同步微信联系人和同步企微联系人

第一步 · 选择在线账号

微信版本筛选、账号多选及下一步按钮

第二步 · 预览联系人与群聊

本地示例声明、每账号两位联系人和一个群聊及同步操作

完成后可查看客户或群聊;群组独立保存,新客户意向待评估,不添加会话消息。同步仅写入本浏览器示例,未访问真实通讯录或微信 / 企业微信同步接口;微信真机尚未验证。

V2.34.41 / 客户界面与卡片批量操作

客户与客户群组列表统一目录、搜索、卡片分区、留白和阴影,突出客户身份、渠道账号、接触资料与标签。个人客户点击批量管理后,列表卡片直接变为可勾选状态;底部导航上方显示全选、已选数量和添加标签 / 追加备注 / 批量删除,零选择时操作禁用,批量期间隐藏悬浮操作。

标签与备注抽屉直接读取当前所选客户,不重复勾选。删除确认展示所选姓名,取消保留选择;确认以 deletedAt 从客户、会话、营销有效人数及新订单选项移除,保留已有消息、订单和原客户 ID。操作范围始终限定于当前个人客户查询与角色权限,查询变化裁剪选择,离开页面或切换到群组时退出批量模式。

客户列表视觉层级

客户目录、搜索与身份资料分区卡片

列表卡片直接勾选

可勾选客户卡片与底部全选、标签、备注及删除操作

删除前核对所选客户

列出所选姓名的客户批量删除确认抽屉

批量操作及删除仅作用于当前浏览器演示数据,未连接正式客户接口;微信真机尚未验证。

V2.34.40 / 客户群组与客户卡片

客户页新增客户 / 客户群组两个等宽页签,分别保留搜索和筛选。群组按群名 / 备注、渠道及活跃状态查询;卡片与信息抽屉展示成员数、状态、来源、渠道账号、负责人、备注和来源会话 ID,可进入精确群会话。群文字本地保存,失效群和删除 / 离线渠道只读历史。群数据独立存储,沿用角色范围,不计入个人客户及现有报表。个人客户改为圆形头像、渠道图标加账号、独立负责人行及圆角矩形意向进度环。

客户群组列表

群组成员、状态、来源及进入会话入口

个人客户卡片

圆形头像、渠道图标与账号、圆角矩形意向环

320px · 英文暗黑

群组列表窄屏适配

失效群组历史

群组历史可查看,输入区提示失效禁发

本地群组与文字消息演示,未连接正式群同步和发送服务;微信真机尚未验证。

V2.34.39 / 统一客户详情入口

客户列表和会话中的客户详情共用同一套画像、意向、资料、备注、会话记录及成交记录组件。客户列表仍使用 customer/id 路由,底部固定进入会话;资料视图同时显示保存,记录视图只保留进入会话。进入会话重新校验当前客户及角色范围,打开精确匹配的聊天。会话中的查看详情继续使用全屏抽屉,只有资料保存操作。分区导航、记录筛选、标签 / 评分嵌套抽屉及未保存资料在页签间的保留采用相同逻辑。

统一详情与进入会话

客户列表进入统一详情,底部固定保存和进入会话

320px · 英文暗黑

统一客户详情的英文暗黑窄屏适配

V2.34.38 / 会话总结与历史轮次

聊天 + 面板第二行第三项新增会话总结,打开抽屉后先开启自动总结开关,再查看当前进度与历史轮次。每 10 条有效客户文字生成一条本地摘录总结;历史记录可展开查看轮次、文字数量、时长和生成时间。开关及历史按客户独立保存,关闭保留记录,重新开启补齐累计文字;缺失日期不推测时长。陈宇、林晓晴的历史示例单独标记。AI 接待和渠道禁言状态也保留只读总结入口,不改变接待或发送权限。

聊天扩展入口

聊天更多功能中的会话总结

先开启会话总结

会话总结抽屉默认关闭

查看历史轮次

开启后查看历史轮次总结

V2.34.37 / 客户会话与成交记录

会话内“查看详情”顶部提供客户详情 / 会话记录 / 成交记录三个等宽页签。会话记录显示当前客户的历史消息、发送者及时间,支持关键词、日期和清除筛选;成交记录展示已支付或已完成的关联订单,可原位展开订单明细。资料表单保持挂载,切换时保留未保存输入与分区滚动位置。旧消息只有时分、订单没有成交日期时标明日期未记录,不猜测日期,日期筛选排除这些内容。简繁英、暗黑及窄屏共用一套布局。

客户会话记录

客户会话记录、关键词及日期筛选

关联成交订单

客户关联的已支付订单及展开明细

320px · 英文暗黑

窄屏英文暗黑记录页

V2.34.36:会话关联渠道删除或无有效绑定时,输入区显示禁言原因,文字、语音、表情、附件与托管开关禁用。发送、重试及快捷填入共用渠道校验,保留历史消息与未发送草稿;同类型新账号不会自动接续旧会话。

V2.34.35:会话批量操作栏移除底部取消,保留右上角关闭入口。标记完成 / 重新打开与指派成员统一为等宽、同字号和高度的按钮,间隔 12px;空间不足时按钮整组换行。

V2.34.34:会话筛选抽屉移除重复的排序选择,会话归属铺满一行。排序统一由列表数量旁的入口控制,确认、重置及清除筛选均保留当前排序。

V2.34.33:移动端账号设置按个人、企业与安全分组。头像原生选图,个人及企业字段可编辑保存;账号密码、手机验证码两种登录独立切换,支持记住账号、密码显示、验证码倒计时及忘记密码流程。所有认证与密码修改均为本地演示,密码与验证码不持久保存。

V2.34.32:客户详情移除跟进页签、记录时间线、新增表单与保存处理,仅保留概览 / 会话 / 订单,三项等宽。旧跟进状态回到概览,助手与当前功能说明同步调整为查看画像、发起会话。

V2.34.31:机器人更换头像直接打开设备图片选择器,支持 PNG / JPG / WebP、最大 2 MB;选图后更新当前机器人并保留已填表单,取消或无效图片不改变头像。头像随配置本地保存,列表、详情及绑定渠道同步展示。

V2.34.30:机器人配置四个步骤的进度条固定在手机页面标题下方,长表单滚动时持续显示,背景遮挡下方滚动内容并保留步骤切换。

V2.34.29:AI Bot 列表的行业专家入口采用浅蓝渐变、专家头像组、说明文案、实际模板数量和明确的浏览操作,整体卡片仍直接进入专家列表。浅深色及简繁英沿用全局规则。

V2.34.28:营销列表及任务详情移除“客户回复”统计;任务卡片仅显示目标客户和已触达,两项等宽居中。执行记录保留已送达及未触达 / 等待执行。

V2.34.27:全局英文文案精简,统一 Chats / AI chats / Agent chats 等报表术语,缩短指标、导航、按钮、搜索和帮助提示。保留操作限制、演示边界和业务含义,中文界面及业务资料不变。

V2.34.26:行业专家卡片按 PC 参考补齐分类及每位三项能力标签,搜索支持能力与场景。14 位均使用现有专家人物头像,优化标题层级、淡色背景、行业图标与操作区,详情同步展示标签,保留配置、调试和使用模板。

V2.34.25:行业专家配置详情底部增加“调试”,进入当前专家专属测试页面,支持示例问题、自由输入和清空当前记录,返回同一专家配置。测试按专家隔离,使用本地示例回复,不生成机器人或调用真实模型;“使用模板”继续保留。

V2.34.24:平台助手使用显式抽屉样式与完整不透明底色,移除面板内多层背景模糊及 overflow:clip,主体高度由抽屉网格约束;展开结束后释放 transform 图层,保留底部推出 / 收起动效及推荐、输入和聊天滚动。

V2.34.23:点击行业专家卡片进入对应机器人模板的配置详情,查看基础信息、接待人设、知识与技能;浏览不创建草稿,返回专家列表。卡片及详情均保留“使用模板”,显式复制预览配置后进入新草稿编辑,原模板与已有机器人独立。

V2.34.22:会话排序入口移至分组栏下一行,与列表总数同排,数量靠左、排序靠右并垂直居中。保留原有正倒序、图标状态及筛选数量刷新。

V2.34.21:会话批量操作栏新增“标记完成”,仅更新选中的进行中会话;全选中项均已完成时切换为“重新打开”,恢复原接待状态。保留消息、未读数及指派对象,操作前重新校验角色与筛选范围,窄屏及英文操作栏可换行。

V2.34.20:平台助手将聊天、推荐问题及输入框统一放进受约束的抽屉布局,底部操作区保留完整高度并独立于聊天内容滚动,修正底部内容裁切。

V2.34.19:语音输入入口移到消息输入框最左侧,文字模式显示麦克风、语音模式显示键盘;扩展面板移除重复语音入口,沿用按住说话、上滑取消和草稿保留逻辑。

V2.34.18:机器人操作抽屉顶部显示所选机器人的头像、名称、发布状态与描述,信息区与复制 / 修改名称操作绑定同一机器人 ID。

V2.34.17:AI Bot 列表卡片原模式、技能数与渠道数摘要改为机器人描述,最多展示两行,保留完整描述提示;空描述显示对应语言的“暂无描述”。

V2.34.16:客户详情底部移除“跟进”按钮,操作栏仅保留“发起会话”,使用完整宽度。

V2.34.15:客户画像标签每页最多 6 个,超过一页每 5 秒自动循环;支持上一页 / 下一页、暂停 / 播放,手动翻页暂停自动播放。后台、画面外或被抽屉遮挡时停止翻页,减少动态效果时默认暂停。

V2.34.14:客户列表移除底部“客户运营工具”及两个入口,标签管理沿用“我的 → 企业管理”入口;标签与客户字段归属及返回路径统一到“我的”。

V2.34.13:智能助手回复仅滚动聊天记录区,助手抽屉及外层手机容器禁止隐式滚动,保持底部贴合与输入区位置,沿用统一展开 / 收起动效。

V2.34.12:客户分析、会话趋势和每日会话渠道分布共用横排图例居中对齐,保留原有换行、明暗色及点击筛选。

V2.34.11:小程序菜单移除“体验角色权限”和“设计说明”,保留返回首页、外观与语言、帮助与反馈,沿用统一抽屉动效。

V2.34.10:移动端客户留资明细移除导出入口及对应 CSV 下载逻辑,搜索框使用完整宽度,保留搜索、总数、分页与详情。

V2.34.9:知识库列表移除存储空间卡片;AI 工作区顶部导航移除流程编排,AI Bot、知识库、技能、素材库四项等宽铺满页面。窄屏英文恢复共用的标准导航字级,保留搜索、数量与知识库列表操作。

V2.34.8:渠道操作抽屉显示所选渠道图标、名称、类型、账号和状态,提供指派成员、机器人分派与渠道删除。分派表单和删除确认页保留该渠道摘要,删除需确认并保留客户 / 会话历史;所有动作按渠道 ID 和权限校验。已删除 ID 不用于新连接,失效详情不回落到其他渠道。

V2.34.7:AI 工作区五项导航等宽平分页面宽度,取消固定间隔与左右内边距;按钮至少 48px 高,窄屏英文标签可换行。AI Bot、知识库、技能、素材库与流程编排共用此布局,保留吸顶和当前项样式。

V2.34.6:人设页移除“让角色、服务目标与边界更清晰”提示。“AI 帮我写”打开底部需求抽屉,填写后生成可编辑的人设示例,确认应用才填回当前机器人;关闭不覆盖原文,应用后仍需保存。沿用统一展开 / 收起动效、明暗主题与三语界面;当前生成使用本地模板演示。

V2.34.5:聊天输入框“更多”面板移除会话工具、客户资料和 AI 建议三个入口,保留相册、拍摄、文件、商品、快捷回复、翻译与语音输入;网格自动收为两行。清理无调用的 AI 建议弹窗逻辑及样式。

V2.34.4:渠道图标统一使用本地品牌素材,补齐 Viber、Slack、TikTok、快手、Shopify、微信客服 / 视频号 / 小店与 WhatsApp Business,并修正 Messenger 标志;SMS 和 API 使用通用矢量图标。会话渠道选择、添加渠道目录和渠道卡片复用同一映射,保留原有筛选、未读数量和抽屉动效。素材来源见 assets/channel-icons-sources.txt。

V2.34.3:移动端容器统一隐藏原生纵向 / 横向滚动条,包括抽屉主体和嵌套标签列表;保留滑动、键盘滚动与现有抽屉动效。范围仅限 .phone 内部。

V2.34.2:所有底部抽屉沿用统一上推 / 下收动效,展开 360ms、收起 280ms,遮罩同步淡入淡出。抽屉替换时先收起旧面板再推出新面板,支持快速重开、取消排队及嵌套返回;保持减少动态效果的系统偏好。

V2.34.1:行业专家卡片按行业标题、专家姓名、适用场景和使用模板操作分层展示;复用已有头像,缺少照片时展示行业图标,沿用统一颜色、圆角和三语暗黑样式。保留 14 个模板及搜索计数。

V2.34.0:业务列表左上角统一显示当前结果数量,随搜索、筛选、角色范围及新增内容更新;报表明细按筛选后的总数统计。营销仅保留任务状态筛选与任务列表,移除工具模块、顶部切换导航和汇总卡片,旧工具链接返回营销任务。

V2.33.6:点击“复制为新草稿”后,完整复制机器人已保存配置、生成新 ID 并保存为未发布草稿,随后直接进入副本的基础信息配置页面。原机器人和渠道绑定保持不变。

V2.33.5:机器人操作抽屉移除“归档机器人”,保留“复制为新草稿”和“修改名称”,并删除不再使用的归档处理逻辑。

V2.33.4:客户列表移除全部客户 / 高意向 / 待跟进 / 老客户分类栏及其临时状态,搜索下方直接显示结果数量与客户卡片。保留搜索、查询抽屉、标签筛选及批量管理。

V2.33.3 / 会话长按与状态操作

长按会话弹出操作抽屉:进行中显示指派 / 标记完成,已完成显示指派 / 重新打开。聊天页沿用同一判断,提交重新校验角色、查询范围与当前状态。重新打开恢复原接待方式,指派已完成记录不会把它打开;短按仍进入聊天,拖动 / 滚动取消长按。支持右键、Shift+F10、三语及暗黑。

会话 · 禁言

渠道删除后保留历史,停止发送

渠道删除后的会话禁言输入区
账号设置

个人及企业信息可编辑

个人及企业信息可编辑
双方式登录

账号密码与手机验证码适配手机

账号密码与手机验证码适配手机

进行中 · 标记完成

进行中会话的指派和标记完成操作

已完成 · 重新打开

已完成会话显示重新打开操作

V2.32.3:聊天顶部邮箱和手机移至姓名右侧,渠道 / 账号置于下一行,信息条进一步压缩。保留空值、完整提示与长内容省略,390px / 320px 检查无横向溢出。

V2.32.1 / 完整会话筛选

底部抽屉补齐会话排序、归属、多选成员、渠道类型与账号、日期、分组标签及广告来源;保留接待和回复状态。支持三语搜索九组 PC 系统标签、任一组内匹配及跨组交集、数字广告来源 ID、确认 / 重置、重新打开保留与取消不应用。条件摘要、归属标签、排序图标、首页指标跳转及批量指派保持联动,所有结果受角色范围限制。

完整查询条件

会话排序、归属、成员、渠道与日期筛选抽屉

标签与广告来源

可搜索的标签多选与广告来源输入

当前为本地原型,未连接线上会话 / 广告归因接口;缺失归因记录显示空态,不补造广告关联。

V2.31.4:聊天顶部邮箱与手机号改为同一行,保留图标、-- 空值及完整信息提示。统一样式表维护布局,390px / 320px 无横向溢出。

V2.31.3 / 客户查询与紧凑卡片

查询项对齐 PC:名称、电话、备注、邮箱、所属销售、渠道、来源、是否留资、标签和最后沟通日期。底部抽屉支持查询与重置,日期包含完整结束日;列表分类与条件取交集,保留实际结果数量。移除顶部统计,筛选与批量图标并列到搜索栏。邮箱、手机和公司压缩展示,空值为单行图标与 --。批量标签和追加备注限定当前查询结果与角色范围,追加保留原备注。浅暗主题、三语与 320px 窄屏沿用统一样式。

紧凑客户列表

搜索、筛选与批量管理同行,联系方式紧凑排列

对齐 PC 查询

完整客户查询条件底部抽屉

本地原型未接入线上客户 API;不补造缺失的联系方式或来源记录。

V2.30.2 / 全局暗黑与三语

整套原型支持浅色与暗黑,以及简体中文、繁體中文、English。偏好设置、通用页菜单和聊天地球图标均可切换,选择即时应用并在本机记忆。覆盖页面、导航、表单、抽屉、提示与无障碍文案;客户姓名、账号、消息、输入和备注保留原文,业务状态与表单内部值保持。48 个路由已完成英文暗色窄屏检查。

英文 · 暗黑

英文暗黑首页,报表与底部导航统一适配

统一切换入口

暗黑外观与简体、繁体、英文三语选择

繁体中文 · 浅色

繁体中文浅色首页

V2.28 / 全局抽屉进出动效

公共抽屉与客户嵌套抽屉统一从底部完整滑入,关闭时向下滑出,遮罩同步淡入淡出;在退出完成后清理节点并恢复父层交互及焦点。支持中途关闭、重复关闭和减少动态效果偏好,未保存草稿保持。进入 280ms、退出 220ms 的规范集中在统一样式表;进入原型操作查看动态过程。

公共底部抽屉

平台助手使用统一底部抽屉进出动效

嵌套抽屉

评分说明使用相同动效,收起后恢复客户详情

V2.27 / 首页指标直达会话

会话总数、AI 托管、人工接待、未回复四项指标直接打开会话列表,带入对应接待或回复条件,清空旧搜索和渠道限制,保留角色范围;列表显示当前条件,支持清除及修改。图表统计与会话列表采用独立演示数据。

点击首页 AI 托管后进入仅含 AI 接待的会话列表,显示当前筛选及清除入口

V2.26 / 聊天渠道账号与页面精简

聊天页在姓名下方显示渠道类型及绑定账号,优先真实 account,其次渠道显示名称;绑定失效或存在歧义时用 -- 占位。移除独立数据分析页及所有入口,旧链接回到首页,首页现有服务与客户运营报表保留。

渠道类型与账号

聊天页显示 WhatsApp 及渠道账号 AIWA Education

保留首页经营报表

旧独立分析页链接回到首页,服务概览报表保留

V2.25 / 渠道未读与客服展示

渠道入口沿用本地 PC 原型的分支节点图标;选择抽屉按当前账号可见会话展示各渠道未读消息数,支持 99+ 及已读刷新。标签旁显示默认人物头像和客服姓名,移除指派前缀与会话悬浮加号,平台助手继续保留。

客服头像与姓名

会话列表显示默认人物头像及客服姓名,移除加号入口

各渠道未读消息数

渠道选择抽屉显示红色未读数字气泡

V2.24.4 / 聊天客户信息条

客户资料采用平面信息条,去掉浅蓝卡片底和外框;通过托管栏下方的细线、留白和头像层级区分内容,保留邮箱、手机和查看详情。统一浅深色语义变量,减少头部高度。

聊天顶部客户资料采用轻量平面信息条,通过细线与托管栏分区

V2.24.3 / 客户卡片联系方式精简

邮箱、手机和公司仅显示图标及内容,去除重复字段标签;未填写统一用 -- 占位。完整内容提示及无障碍字段说明保留。

客户卡片联系方式仅保留图标,缺失内容显示双横线

V2.24.2 / 聊天顶部信息分区

AI 托管栏保持独立导航,客户资料放入浅蓝圆角卡片;使用留白、边框与底部分隔明确两块区域,客户邮箱、手机号和详情入口继续保留,适配浅深色及窄屏。

机器人操作与客户资料

AI 托管操作栏下方是独立浅蓝客户卡片

桌面原型预览

聊天顶部导航与客户信息卡片清楚分区

V2.24.1 / 会话分组单行切换

去掉独立的归属 / 接待与滑动提示行,搜索下方直接展示单行分组。左右箭头和手势循环切换两套分组,排序位于右侧箭头外;各组已选页签和组合筛选保留。

单行分组与两侧箭头

搜索栏下方直接展示分组页签,两侧有切换箭头

桌面原型预览

会话列表单行分组与指派对象展示

V2.24 / 会话指派与分组布局

会话状态与消息摘要同行,指派成员与客户标签同行。渠道入口改为圆形,人工 / AI 标记仅保留文字。默认归属分组,左滑进入接待分组,右滑返回;支持点击及键盘切换,页签均匀排列,组合筛选继续保留。

标签与指派对象

会话列表中指派成员与标签同行,会话状态与消息摘要同行

左右切换分组

接待分组页签均匀排列,顶部可切回归属

V2.23.1 / 会话渠道底部抽屉

渠道选择从手机底部向上滑入,左右及底边贴合屏幕,保留顶部圆角和安全区。点选立即应用并收起,关闭保持当前筛选;移除取消 / 确定,保留全部 25 个渠道选项和原有组合筛选。

点选即切换

贴底的渠道选择抽屉,无取消及确定按钮

桌面原型预览

会话页打开渠道底部抽屉

V2.23 / 客户列表与联系方式

优化统计、筛选与卡片层级,在身份和意向分下方固定展示邮箱、手机号、所属公司;缺失资料保留未填写,长内容省略,详情入口和标签保留。搜索支持联系方式并与当前分类叠加,视觉支持浅深色与 320px 窄屏。

客户列表首屏

新版客户统计、搜索与客户卡片

身份、联系方式与标签

客户卡片展示邮箱、手机号与公司三项资料

读取本地已保存资料,不补造缺失字段;未连接线上客户 API。

V2.22.1 / 客户详情滚动导航

顶部导航随正文滚动切换当前分区,以蓝字、浅蓝底和短下划线呈现;点击定位同步高亮,向上回滚也会更新。保留表单内容与输入焦点。查看桌面预览 ↗ · 查看手机预览 ↗。

V2.22 / 回复者与发送回执

机器人图标与名称同行居中,工作时间与图标左对齐。人工和机器人回复均在气泡上方展示头像与名称,下方显示时间、单勾已发送 / 双勾已送达,失败保留重试入口。旧消息不补造送达信息,回执为本地示例。查看桌面预览 ↗ · 查看手机预览 ↗。

V2.21.1 / 平台助手贴边抽屉

抽屉与手机左右及底部贴合,移除外边框和底部圆角,仅保留顶部圆角;毛玻璃延伸到底,输入区域保留安全区,并从底部完整滑入。查看桌面预览 ↗ · 查看手机预览 ↗。

V2.21 / 玻璃名片与底部抽屉

客户名片改为半透明毛玻璃并移除底部信息行;添加标签和评分说明从底部弹出。标签选择参考 PC 分组、搜索和单选 / 多选,保存时只更新标签;详情中的未保存资料及阅读位置保留。支持浅深色和 320px 窄屏。

半透明客户名片

半透明客户名片和画像、意向入口

PC 分组标签选择

底部画像标签抽屉、分组搜索和保存按钮

七维评分说明

底部评分说明抽屉和七维权重

标签及来源为本地演示,未连接线上 PC 标签与分析接口。

V2.20.1 / 精简客户详情

按最新标注移除展开详情中的消费记录卡片及业务记录入口,社交资料作为正文最后一张卡片,底部保留紧凑间距和固定保存按钮。查看更新预览 ↗。以下内容为历史版本说明。

V2.20 / 会话列表对齐 PC

顶部集中渠道、搜索、状态筛选与批量指派。归属 / 接待两套分组配合时间正倒序,三行列表展示人工 / AI 标识、转人工标记、消息、客户标签和独立回复状态;未读数字统一为红色。批量指派采用勾选、选择成员、确认三步,校验当前范围后写入本地,不发送客户消息。

归属分组与会话状态

新版会话列表、人工AI标记、转人工标记与红色未读数

待处理、置顶、AI、全部

第二套接待分组页签及回复状态

勾选与底部操作栏

多选会话及导航上方的批量指派操作栏

查看指派确认面板 ↗ · 查看桌面原型 ↗。指派、置顶与状态数据均为本地演示,尚未接入线上会话 API。

V2.19 / 圆形悬浮操作与贴边收起

新增入口改为与客服头像协调的纯圆形加号;长按任意一枚约 0.5 秒,整组向右滑出,仅保留贴边把手。点把手展开,轻点仍执行原动作,长按松手不误触。收起后释放底部占位,切换页面保持状态;支持鼠标和键盘操作,刷新恢复展开。

展开 · 两枚圆形入口

统一尺寸的圆形加号与客服头像

收起 · 右侧贴边把手

悬浮组件向右收起后保留小型展开入口

V2.18.1 / 首页底部间距

合并悬浮客服占位与末张卡片外边距,服务概览底部由约 105px 收紧至 48px;含分页的客户与运营分析保留 64px,确保按钮与客服入口不重叠。

首页底部减少多余留白,客服入口不遮挡最后一行数据

V2.18 / 聊天信息与消息工具

AI托管开启时展示渠道绑定的机器人与工作时间;客户邮箱、电话带对应图标,缺失显示 --。每条消息下方独立显示时间,历史缺失时间保留未知。点按气泡就近弹出四项工具;引用和译文保留已有草稿,发送后才生成本地消息。引入话术存入快捷回复库,可编辑名称与内容。翻译只覆盖本地双语示例,尚未连接真实服务;复制不支持时提供手动复制原文。

AI托管

机器人、工作时间与联系方式

AI托管开启后显示机器人名称和工作时间
点按气泡

引用、翻译、引入话术、复制

选中气泡高亮并弹出四项消息工具
引用回复

原文可取消,草稿继续编辑

输入框上方展示引用原文并保留已有草稿

V2.17 / 客户详情与 PC 对齐

名片汇总客户身份与联系方式;画像复用 PC 现有人物素材及客户标签;七维雷达沿用 PC 评分维度、权重与说明,并保留备注、资料编辑及业务记录。手机端通过分区定位阅读长档案,标题与保存按钮固定。分值为本地演示数据,尚未接入真实分析接口。

名片与画像

身份、联系方式与画像标签

PC 风格客户名片和画像标签图
七维意向

雷达图与可编辑备注

七维客户意向雷达图与备注编辑
完整档案

保留画像、会话和订单

完整客户档案和业务记录页签

V2.16 / 首页毛玻璃数据卡片

蓝色透光材质,清晰的数据层级

会话总数卡片采用半透明玻璃表面、22px 背景模糊、柔和蓝青光晕和细亮边框;主要数字使用可读蓝色,圆环中心透明,浅深色均有对应材质。统计、周期切换和指标入口沿用原有交互。

首页半透明毛玻璃数据卡片与透明圆环

V2.15 / 悬浮操作

小图标与明确动作,统一右侧对齐

白底胶囊取代大块蓝色加号;浅蓝小图标配“发起会话”“新增客户”等具体文字,与下方客服头像右侧对齐,保持 12px 间距。浅深色样式均由 design-system.css 统一维护,原有新增及助手行为保持可用。

会话页轻量胶囊按钮与客服头像对齐

V2.14 / 展开客户详情

按提供的移动端参考图调整客户详情:固定返回与保存,中部滚动展示消费记录、基本信息、蓝色意向仪表、社交资料和备注。消费记录取自原型已有订单,缺失资料留空;支持编辑、校验、保存及重新打开。

客户详情

摘要、消费记录与基本信息

客户详情首屏和固定保存按钮
客户意向

七维雷达与客户备注

客户意向七维雷达和备注字段
社交资料

账号编辑与客户备注

社交资料输入框、备注和客户记录入口

V2.13 / 全局字体与统一样式

一套全局规范,覆盖所有业务页

参照 Figma Typegraphy 画板统一字号与字重,沿用已确认的蓝色主题。正文 14px、辅助 12px、标题 16px;卡片标题 14px / 600。主要经营数据 40px、次级数据 28px,控件高度 44px。字体、语义颜色、圆角、间距、阴影和浅深色变量由同一份文件维护。

打开统一样式表与组件目录 ↗ · 查看共享 CSS ↗统一字体、颜色与组件规范目录

左上角采用用户提供的 aiwa 橙黄色完整 Logo,保留原图颜色、比例与透明底。报表卡片标题缩小为 14px,窄屏 13px;去掉右上角分类标签。渠道占比补上会话数量,与占比分列对齐。各页直接进入内容,移除大标题与介绍区。卡片采用主标题与内容布局,去除解释性副标题及默认图表提示行。新增操作统一悬浮在右下角,圆形客服头像打开平台智能助手,不显示 AI 角标。助手采用浅蓝透明毛玻璃、透光边框、左右消息气泡与浮动输入栏;对话独立滚动,顶部人物保持可见,“猜你想问”与输入栏固定在底部。首页直接展示服务概览,统计周期与页签并排,去掉顶部数据提示行;“更多”采用白色底部工具托盘,横向展示我的、AI Bot、知识库与营销,保留微信式输入。会话列表参考新截图,使用渠道与搜索并排、我的 / 未分配的 / 全部归属页签、圆形头像和两行信息;渠道选择为双列胶囊面板,确认后应用。会话趋势底部图例已整体居中,查看居中效果 ↗。点选效果见热力图与折线图预览:就近显示读数,保留选中高亮,不增加卡片高度。其他图片保留业务流程参考。

AI Bot

机器人与统一工作区

AI Bot 页面统一字体与组件样式
聊天

客户信息与圆角输入

聊天新版原型预览
聊天 · 输入中

表情与发送内置

聊天输入条聚焦后显示文字和发送按钮
聊天 · 托管中

机器人工作与停止回复

开启托管后输入条切换为工作状态与停止回复按钮
会话 · 我的

紧凑列表与归属页签

会话新版原型预览
会话 · 选择渠道

双列渠道与确认操作

会话渠道选择面板,单选、取消和确定
平台助手 · 透明毛玻璃

浅蓝透光面板与悬浮输入

浅蓝透明毛玻璃助手、人物、猜你想问和浮动输入栏
平台助手 · 对话

左右气泡与业务跳转

助手与用户聊天气泡,对话独立滚动且输入栏保持可见
点选交互 · 热力图

高亮格子、星期与时段

热力格选中后附近显示白色浮层和大号会话数
点选交互 · 折线图

日期与可见系列读数

折线图选中日期后显示三项数值浮层
报表 · 标题与图形

每日会话渠道分布

缩小报表标题并移除右上角分类标签
报表 · 渠道数量

渠道会话数量与占比

各渠道名称、会话数量与占比三列对齐
首页

服务概览

首页新版原型预览
首页 · 运营分析

客户分析与沉默客户

对应 PC 的四项客户运营指标与客户分析折线图
客户运营

沉默客户分层

沉默客户分层环形图、未知互动数量与流动统计
客户运营

渠道与时段分析

手机端可展开的渠道指标与时段统计
客户运营 · 30天演示

留资搜索与明细

客户留资记录与导出入口
客户

画像与意向

客户新版原型预览
渠道

账号与连接

渠道新版原型预览
更多

我的、AI Bot、知识库与营销

白色底部常用功能托盘,四个图标入口横向排列
我的

企业工作空间

我的新版原型预览

平台智能助手 · 随时呼出

右下角头像打开半透明毛玻璃助手面板,支持快捷提问、文字输入与业务入口;关闭后仍停留在原页面。浅蓝聊天区独立滚动,“猜你想问”位于输入栏上方,两者共同固定在底部;顶部人物保持可见。新增操作与助手上下排列,避开底部导航;聊天输入时暂时隐藏。助手回复为本地演示。

平台智能助手抽屉与快捷提问

01 / 五个入口,对齐平台模块

首页

完整报表与运营分析
AI Bot、营销直达

会话

聚合消息与接管
客户资料按需展开

客户

客户 / 群组与同步
画像、记录与批量管理

渠道

类型、账号、状态
Bot、工作时间、成员

我的

角色、用户、团队
企业管理与账号服务

PLATFORM STRUCTURE

沿用 PC 的信息架构

PC 主导航为首页、会话、客户、AI Bot、渠道、营销、设置。手机首页直达 AI Bot 和营销,渠道独立进入底栏,设置归入「我的」。

AI WORKSPACE

二级模块保持聚合

AI Bot 内保留机器人、知识库、技能三项导航;更多页按工作空间、企业管理与账号服务分组。

CHANNEL MANAGEMENT

保留 PC 的渠道信息

PC 渠道类型侧栏转为横向分类与类型抽屉,表格转为账号信息卡,保留连接状态、AI Bot、工作时间和指派成员。

02 / PC → 小程序功能对照

功能模块PC 能力范围移动端交互设计原型入口
首页与经营分析8 项服务指标;会话趋势、销售线索、每日渠道、渠道占比、消息时段、回复时长、转人工与工作时段蓝色服务总览、四项效率指标、单列可点图表、7/30/90 天、图例开关、双热力图;另有客户分析、沉默客户分层、渠道时段与留资明细首页
全渠道会话聚合消息、搜索筛选、人工接管、转交、完成、交还 AI、摘要与来源状态分段栏、渠道筛选、单屏聊天;客户详情抽屉含资料 / 会话记录 / 成交记录,支持关键词及日期筛选;固定输入区会话
消息工具快捷回复、附件、语音、翻译、商品、引用、表情、失败重试、内部备注、历史检索微信式一行输入、表情面板、+ 功能网格;会话总结开关及历史轮次抽屉;多行自适应、语音手势、失败重试;语音、翻译及总结为本地演示客户会话
客户与画像客户 / 客户群组、搜索、筛选、新建、编辑、负责人、意向分、标签、批量管理、历史会话与订单个人及群组双列表、独立查询与分区卡片;个人卡片原位勾选,全选后添加标签、追加备注或确认批量删除,受当前查询与角色范围限制;群组信息及群会话;列表与会话共用客户详情 / 会话记录 / 成交记录,列表入口固定进入会话客户
联系人与群聊同步微信 / 企业微信绑定账号选择、联系人与群聊预览、同步客户及客户群组客户 + → 同步微信 / 企微联系人;在线账号多选 → 预览并同步到本地;微信按版本筛选,保留选择;重复记录及删除客户跳过,群组独立保存,不新增消息客户 · + 操作菜单
AI Bot名称、简介、头像、快速回答/智能推理、模型、人设、AI 帮写、知识范围与工具、技能、调试、发布四步表单;调试独立页面;发布前展示关联渠道与配置摘要AI Bot
回复策略一问多答、多问合并、联网搜索接待人设步骤中使用开关解释行为;不使用知识库时收起知识工具接待人设
行业专家14 行业专家模板、预设人设与技能可搜索的专家卡片,一键生成可编辑草稿,复用既有行业头像行业专家
知识库新建、文件、文本、网页、问答、外部来源、解析状态、分块、图谱、检索列表 → 详情页签;上传抽屉;失败重试;检索返回示例片段与来源知识库
数据连接飞书、Notion、语雀、RSS、Wiki、数据库分平台的连接引导、同步状态与可见范围;授权过程模拟数据来源页签
技能与工具系统/自建技能、指令、触发、绑定;MCP 工具与权限技能卡片与独立编辑页;工具调用范围集中说明技能 / MCP
Chatflow / Workflow接待流程、业务节点、条件、工具调用、调试手机采用纵向节点编辑,逐步填写条件与说明,支持添加节点和调试入口流程编排
渠道接入微信、企微、公众号、服务号、小店、网站、WhatsApp / Business、Instagram、Messenger、LINE、Telegram、邮件、SMS、API、小红书、抖音、微信客服、视频号客服、Viber、Slack、TikTok、快手、Shopify底部渠道入口;类型/状态/名称筛选;账号、Bot、工作时间、指派成员信息卡;配置、授权、测试连接与停启用渠道管理
主动营销任务创建、受众、内容、模板、时间、状态、触达与回复统计四步向导,提交前勾选核对;创建后支持暂停、继续、复制和结果说明营销中心
商品、订单、商城商品与库存、上下架、分享、创建订单、交易状态、售后、商城展示商品卡片;轻表单;本地订单联动库存;客户订单归档;支付与分享卡片预览商品 / 订单 / 微商城
组织与权限用户、团队、角色、菜单权限、本人/团队/全部数据成员卡片、角色权限详情、角色体验切换、功能可见性与客户范围演示用户团队 / 权限
标签与客户字段标签、分组、自动识别、客户信息字段“我的 → 企业管理”进入标签管理与客户信息管理;标签芯片、批量分配、字段表单;客户详情直接编辑标签 / 字段
计费与支付管理订阅、用量、续费、独立权益、账单、发票、微信支付/支付宝/Stripe 配置用量进度卡、权益订单预览、发票申请;不收集密钥或执行交易订阅 / 收款
账号与服务登录、企业切换、消息通知、外观、语言、帮助、AI 助手、更新“我的”集中管理;个人 / 企业资料编辑、账号密码与手机验证码登录;深浅色切换与帮助中心我的

03 / 建议优先评审的四条路径

接待闭环
会话 → 待接管 → AI 摘要 → 接管 → 建议回复 → 客户资料 → 查看画像
→
AI 上岗
专家模板 → 基础配置 → 人设 → 知识技能 → 调试 → 检查发布 → 绑定渠道
客户增长
客户分群 → 创建营销 → 选受众 → 写内容 → 定时间 → 核对 → 暂停/继续
→
交易协作
商品 → 客户订单 → 模拟支付结果 → 订单归档;成员 → 角色 → 数据范围

04 / 移动端交互规范

布局与拇指热区

以 390px 为设计基准,适配 320–430px;顶部保留小程序胶囊,底部固定五入口;主要按钮采用约 43px 高度。PC 评审时展示手机框与流程说明。

输入与反馈

输入框和按钮有明确标签;表单提供必填、数值及格式校验;消息失败提供重试;空列表展示空状态;抽屉支持关闭、键盘返回与焦点约束。

状态与保存

核心数据存到 localStorage,刷新保留;会话输入按路由保存草稿;高影响操作先展示本地确认单;设置可重置全部演示数据。

本轮重点 / 聊天窗口与机器人托管

聊天页参考本次截图:顶部为返回、机器人托管开关与客户身份栏;消息区采用左白右蓝气泡,移除重复头像、名称和常驻摘要。底部为一体式圆角输入条,表情和 + 位于输入条内,有文字时显示发送。输入自动增高至 112px,聊天记录独立滚动;视口缩短时头部与输入栏仍可见。

机器人托管时输入条替换为工作状态和停止回复按钮;停止后转为本人接待,恢复草稿。+ 中保留相册、拍摄、文件、商品、快捷回复、翻译、会话工具和客户资料,并加入语音输入与 AI 建议。会话摘要、引用来源与转交收进工具菜单。语音与托管为本地演示,未采集真实录音,未模拟系统键盘。

默认输入 · 圆角输入条

客户信息头部、左右气泡和圆角输入条

+ · 功能面板

相册拍摄文件等功能网格

表情 · 输入状态

表情面板与发送按钮

05 / 蓝色视觉与完整报表

深蓝 / #142D4F
服务主卡、套餐与品牌层级

钴蓝 / #2F6BF5
主操作、选中、图表

浅蓝 / #EDF4FF
筛选、辅助按钮、提示

底色 / #F5F7FA
页面与卡片间的层次

正文 / #222222
标题与主要信息

青绿 / #2CC8BC
人工接待与渠道图例

V2.14 使用统一品牌栏,移除重复页名;首页将 AI Bot、营销和应用商店与数据报告分区。深蓝服务总览卡突出会话总量和 AI 接待占比,四项效率指标采用两行两列布局,避免单位文字过小。客户意向分用环形标记呈现,渠道卡片减少嵌套面板,个人工作空间采用白色账户卡与深蓝套餐卡。统一数字、字重、圆角、留白和辅助文字对比度。

PC 报表对应图形移动端交互入口
会话趋势总会话 / AI 托管 / 人工接待三系列折线点按日期查看三组值;图例可逐项开关,至少保留一项首页 · 服务概览
销售线索分析三项摘要指标 + 每日垂直柱状图点按柱体查看线索量首页 · 服务概览
每日会话渠道分布网站 / 微信 / 企业微信堆叠柱状图保留时间轴、数值轴和渠道图例;点按柱体读取数值首页 · 服务概览
渠道会话占比环形图 + 百分比图例点按扇区或图例,查看数量与比例首页 · 服务概览
首条 / 末条消息时间分布两张 7 列 × 12 行热力图完整保留周一至周日、每 2 小时时段和颜色强弱;点按格子高亮星期和时段,就近浮层显示数量;点空白或滚动收起首页 · 服务概览
回复时长分析四行横向条形图对比 AI / 人工的首次和平均回复;无样本显示短横线首页 · 服务概览
转人工率分析比例环形图 + 分类进度条展示转人工和未转人工数量;零值仍可查看首页 · 服务概览
AI 托管工作时间内比例进度条 + 工作 / 非工作时段数量展示占比与两组数量;支持点按读取首页 · 服务概览
客户与运营分析新增客户/留资双折线、沉默客户分层环形、渠道与四时段条形、客户留资明细独立页签;共享 7/30/90 天周期;留资搜索、分页、详情与 CSV 导出首页 · 运营分析
图形结构依据本次两张 PC 截图还原;报表数值为自洽的本地演示数据,未读取生产统计。30/90 天以七个周期汇总点展示。指标、趋势、渠道及热力图之间的会话总量保持一致。

06 / 原型边界与开发衔接

本次已实现

  • 51 个路由页面、9 张服务报表及多种底部抽屉。
  • 关键接待、客户、AI、营销与交易状态可本地操作。
  • 搜索筛选、表单校验、主题切换、角色预览与数据重置。
  • 本地图片资源与纯 HTML/CSS/JS,无构建依赖。

正式开发需要接入

  • 账号密码 / 手机验证码认证、企业资料接口、订阅消息与隐私授权。
  • 会话实时推送、消息发送回执、后端权限与数据隔离。
  • 模型、RAG、MCP、营销调度、真实渠道授权及联系人 / 群聊同步接口。
  • 文件解析、录音、分享、支付、发票与退款。
  • 繁中/英文语言包、弱网恢复、实际设备与键盘适配。
流程编排、图谱、AI 回答、翻译与报表为交互示例;PC 高级能力以“结构完整 + 核心可点”的方式呈现,尚非全量业务逻辑实现。正式小程序中长文本编辑、文件选择、第三方 OAuth 与支付跳转需按微信和各服务商当时的能力校验。

客户与运营分析 · 对应 PC 内容

四项指标为新增客户数、客户留资数、留资转化率和沉默客户总数。客户分析保留双折线;沉默客户保留 30–60 天 / 61–90 天 / 91+ 天分层、未知互动数量及三项流动统计。渠道表转换为可展开卡片,保留四个 6 小时时段。

留资明细以客户、来源渠道、首次接触时间和动态字段组织,支持搜索、分页、详情和导出。默认 7 天对应截图的 31 / 0 / 0% / 124;30 / 90 天为本地演示数据。

07 / 依据与可追溯范围

主要对照:D:/Aiwabot项目空间/AiwaBot产品原型-v3.2.html。核对主导航、AI Bot 子模块、渠道类型导航、筛选项与表格字段。
现场读取:右侧浏览器“教育培训专家”的机器人配置、回复策略、知识范围、Agent 技能与 AI 调试;AI Bot 列表中的知识库、技能、素材库入口。

源码核对:source-checkouts/aiwa-sales-web/app/pages/、app/utils/channel.ts、app/pages/marketing/tools.vue、app/constants/menu-permission.ts。

功能手册:source-checkouts/aiwa-sales-web/docs/manual/v1.md。头像:复用工作区已有的教育培训、通用客服、电商零售专家与客户头像;渠道图标来自现有 PC 前端资源。首页图表结构参照用户提供的服务概览与客户运营 PC 截图;客户运营字段另核对 HomeStatisticsReport.vue、StatisticsChannelTable.vue 与 dashboard-statistics.ts。

设计推导:渠道独立底栏、更多菜单直达我的、AI Bot、知识库及营销、设置归入我的、分步表单、底部抽屉、纵向流程、手机端商城预览、角色体验与演示数据均为本次移动化设计,不代表当前 PC 已有相同页面。