﻿# VISTA Link AI 右侧结果界面清单与示意

> 依据：`VISTA_Link_产品需求文档.md`、`VISTA_Link_AI与智能体产品需求文档.md`、当前原型中的现有系统页面。
>
> 本文只说明 AI 对话栏右侧的“结果界面”。对话内容、确认过程和 AI 说明不在本文范围内。

## 1. 结果界面的定义

右侧结果界面不是 AI 临时拼出来的卡片，也不是把对话内容再排版一次。它是现有 VISTA Link 系统界面的只读显示。

AI 只决定打开哪个对象、哪个现有界面和哪个查看状态，不决定界面里临时出现哪些字段。一个对象在系统里原来怎么显示，右侧就怎么显示。

### 1.1 硬规则

1. 右侧只显示系统中已经存在、字段固定的界面。
2. 右侧不出现会改变系统数据的操作。
3. 允许保留不会改变数据的查看操作，例如搜索、筛选、排序、分页、时间范围、展开详情和预览切换。
4. 新增、编辑、删除、发布、停用、复制访问地址、关联客户、开始讲解、结束讲解等操作只在对话中确认，再调用原有系统能力执行。
5. 操作完成后，右侧重新显示对应的现有系统界面和最新数据，不显示单独的“操作成功卡片”。
6. 用户原话、AI 判断、建议理由、修改前后对比、确认问题和失败说明只出现在对话中。

### 1.2 右侧允许和不允许出现的内容

| 可以出现 | 不可以出现 |
|---|---|
| 系统对象的列表、详情、预览、追踪、统计、记录 | AI 临时生成的结果卡片 |
| 系统已有字段、状态、时间和记录 | 用户原话、AI 推理、AI 建议 |
| 搜索、筛选、排序、分页、时间范围 | 新增、编辑、删除、发布、停用 |
| 展开详情、切换预览、查看下一页 | 保存确认、发布确认、修改预览、成功提示 |
| 数据更新时间、空状态、错误状态 | “请在对话中说……”之类的说明 |

### 1.3 示意的使用方式

本文中的 HTML 只表达三件事：界面要显示什么信息、信息之间是什么关系、哪些内容需要更醒目。它不是最终版式，也不是要求设计师照着还原。

- “列表”只表示多个同类对象的集合，不表示必须使用表格。
- 设计师可以根据内容量和阅读方式选择表格、卡片、分组列表、时间线或其他表现形式。
- 示例中的行列、尺寸、间距、颜色和排列顺序都可以调整。
- 不能调整的是对象含义、系统字段、数据状态和“结果区只读”的前提。

## 2. 顶层对象与固定结果界面

| 顶层对象 | 固定结果界面 |
|---|---|
| 项目 | 项目总览 |
| 购房客户 | 客户列表、客户详情、客户追踪列表、客户追踪详情 |
| 素材 | 素材列表、素材详情 |
| 分享页面与固定链接 | 分享页面列表、分享页面详情、客户页面预览、已发布客户页面、固定链接访问记录 |
| 访问与统计 | 营销统计、页面统计详情、内容浏览客户列表 |
| 现场讲解 | 讲解记录 |
| 项目成员与权限 | 项目成员、角色权限、操作日志 |

地图、户型图、VR、视频和资料文件夹都是素材类型，使用同一个“素材详情”，不拆成不同结果界面。单次客户访问是“客户追踪详情”的展开状态，不再单列一张访问卡。页面排行和客户排行是“营销统计”的固定内容，也不拆成单独界面。

## 3. 界面总目录

| 序号 | 领域 | 结果界面 | 对应现有系统界面 |
|---|---|---|---|
| 01 | 项目 | 项目总览 | 项目总览 |
| 02 | 客户 | 客户列表 | 客户管理 |
| 03 | 客户 | 客户详情 | 客户详情 |
| 04 | 客户 | 客户追踪列表 | 购房客户追踪 |
| 05 | 客户 | 客户追踪详情 | 购房客户追踪详情 |
| 06 | 素材 | 素材列表 | 素材管理 |
| 07 | 素材 | 素材详情 | 素材详情侧栏 |
| 08 | 页面 | 分享页面列表 | 分享页面 |
| 09 | 页面 | 分享页面详情 | 分享页面详情 |
| 10 | 页面 | 客户页面预览 | 页面预览 |
| 11 | 页面 | 已发布客户页面 | 客户访问页面 |
| 12 | 页面 | 固定链接访问记录 | 访问记录 |
| 13 | 统计 | 营销统计 | 营销统计 |
| 14 | 统计 | 页面统计详情 | 页面统计详情 |
| 15 | 统计 | 内容浏览客户列表 | 浏览客户列表 |
| 16 | 讲解 | 讲解记录 | 讲解记录 |
| 17 | 系统 | 项目成员 | 成员管理 |
| 18 | 系统 | 角色权限 | 角色管理 |
| 19 | 系统 | 操作日志 | 操作日志 |

## 4. 项目

### 01｜项目总览

- **系统来源：** 现有“项目总览”。
- **固定显示：** 当前项目、时间范围、更新时间、客户总数、负责人分布、已发布页面数、启用固定链接数、本期新增客户和本期访问客户。
- **只读操作：** 切换时间范围；查看某项数据对应的现有列表。
- **不显示：** AI 总结、销售评价、客户评分、转化率推测和任何数据修改操作。

<div style="border:1px solid #d6d3d1;border-radius:12px;padding:16px;background:#fff">
  <div style="display:flex;justify-content:space-between;gap:16px"><div><strong>项目总览</strong><div style="color:#78716c;font-size:13px;margin-top:4px">晴海 Residence</div></div><div style="font-size:13px">本月　·　更新于 7月30日 10:30</div></div>
  <table style="width:100%;margin-top:14px;border-collapse:collapse"><tr><td style="border:1px solid #e7e5e4;padding:12px">客户总数<br><strong style="font-size:24px">13</strong></td><td style="border:1px solid #e7e5e4;padding:12px">已发布页面<br><strong style="font-size:24px">17</strong></td><td style="border:1px solid #e7e5e4;padding:12px">启用固定链接<br><strong style="font-size:24px">16</strong></td><td style="border:1px solid #e7e5e4;padding:12px">本月访问客户<br><strong style="font-size:24px">5</strong></td></tr></table>
  <div style="margin-top:14px"><strong>负责人分布</strong><table style="width:100%;margin-top:8px;border-collapse:collapse"><tr><td style="padding:7px;border-bottom:1px solid #eee">张伟</td><td style="padding:7px;border-bottom:1px solid #eee">客户 9</td><td style="padding:7px;border-bottom:1px solid #eee">本月访问 4</td></tr><tr><td style="padding:7px">陈静</td><td style="padding:7px">客户 1</td><td style="padding:7px">本月访问 1</td></tr></table></div>
</div>

## 5. 客户

### 02｜客户列表

- **系统来源：** 现有“客户管理”列表。
- **固定显示：** 姓名、编号、状态、标签和最近活动。编号放在姓名下方，只用于区分同名客户。
- **只读操作：** 按姓名搜索、按标签筛选、按最近活动排序、分页、打开客户详情。
- **不显示：** 新建、导入、编辑、删除和批量修改。

<div style="border:1px solid #d6d3d1;border-radius:12px;padding:16px;background:#fff">
  <strong>客户管理</strong>
  <div style="display:flex;gap:8px;margin:12px 0"><span style="border:1px solid #d6d3d1;border-radius:7px;padding:7px 12px;color:#78716c">例：李娜</span><span style="border:1px solid #d6d3d1;border-radius:7px;padding:7px 12px">标签：全部</span><span style="border:1px solid #d6d3d1;border-radius:7px;padding:7px 12px">最近活动 ↓</span></div>
  <table style="width:100%;border-collapse:collapse"><tr style="background:#f5f5f4"><th style="text-align:left;padding:8px">姓名</th><th style="text-align:left;padding:8px">状态</th><th style="text-align:left;padding:8px">标签</th><th style="text-align:left;padding:8px">最近活动</th></tr><tr><td style="padding:9px;border-bottom:1px solid #eee"><strong>李娜</strong><br><small>编号：C00028</small></td><td style="padding:9px;border-bottom:1px solid #eee">跟进中</td><td style="padding:9px;border-bottom:1px solid #eee">高净值　改善型　有子女　+2</td><td style="padding:9px;border-bottom:1px solid #eee">6月25日 19:42</td></tr><tr><td style="padding:9px"><strong>佐藤美咲</strong><br><small>编号：C00029</small></td><td style="padding:9px">跟进中</td><td style="padding:9px">3LDK　有子女　通勤</td><td style="padding:9px">8月24日 20:15</td></tr></table>
  <div style="text-align:right;margin-top:12px;color:#57534e">‹　1　2　3　›</div>
</div>

### 03｜客户详情

- **系统来源：** 现有“客户详情”。
- **固定显示：** 基础信息、联系信息、购房意向、全部标签、备注和状态记录。
- **只读操作：** 展开较长内容；查看关联的追踪记录或分享链接。
- **不显示：** 编辑、删除、修改状态、关联分享链接、准备现场讲解等操作。

<div style="border:1px solid #d6d3d1;border-radius:12px;padding:16px;background:#fff">
  <div style="display:flex;justify-content:space-between"><strong>客户详情</strong><span style="background:#ecfdf5;color:#047857;border-radius:999px;padding:3px 9px">跟进中</span></div>
  <h3 style="margin:14px 0 8px">李娜</h3>
  <table style="width:100%;border-collapse:collapse"><tr><td style="padding:7px;border-bottom:1px solid #eee;color:#78716c">来源</td><td style="padding:7px;border-bottom:1px solid #eee">线下活动</td><td style="padding:7px;border-bottom:1px solid #eee;color:#78716c">负责人</td><td style="padding:7px;border-bottom:1px solid #eee">张伟</td></tr><tr><td style="padding:7px;border-bottom:1px solid #eee;color:#78716c">手机号</td><td style="padding:7px;border-bottom:1px solid #eee">+81 80-1234-0028</td><td style="padding:7px;border-bottom:1px solid #eee;color:#78716c">邮箱</td><td style="padding:7px;border-bottom:1px solid #eee">li.na@example.com</td></tr><tr><td style="padding:7px;color:#78716c">LINE</td><td style="padding:7px">lina-home</td><td style="padding:7px;color:#78716c">最近活动</td><td style="padding:7px">2026-06-25 19:42</td></tr></table>
  <div style="margin-top:14px"><strong>购房意向</strong><p style="margin:6px 0;color:#44403c">自住改善。预算 8,000 万 - 1.2 亿日元，希望看世田谷、目黑、品川一带的 3LDK，面积 70㎡ 以上。计划 1 年内入住，贷款为主。</p></div>
  <div><strong>标签</strong><p style="margin:6px 0">高净值　改善型　有子女　学区房　眺望</p></div>
  <div><strong>备注</strong><p style="margin:6px 0">预算明确，想确认通勤和学校信息。</p></div>
</div>

### 04｜客户追踪列表

- **系统来源：** 现有“购房客户追踪”列表。
- **固定显示：** 客户、负责人、最近活跃时间和最近行为。
- **只读操作：** 打开客户追踪详情。
- **不显示：** 修改负责人、修改客户状态或发送资料。

<div style="border:1px solid #d6d3d1;border-radius:12px;padding:16px;background:#fff">
  <strong>购房客户追踪</strong>
  <div style="display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px"><div style="border:1px solid #e7e5e4;border-radius:9px;padding:12px"><div style="display:flex;justify-content:space-between"><strong>李娜</strong><small>2026/6/25 19:34</small></div><p style="margin:7px 0">负责人　张伟</p><small>晴海 Residence 3LDK 家庭推荐 · 打开到访预约</small></div><div style="border:1px solid #e7e5e4;border-radius:9px;padding:12px"><div style="display:flex;justify-content:space-between"><strong>佐藤美咲</strong><small>2026/8/24 20:15</small></div><p style="margin:7px 0">负责人　佐佐木拓也</p><small>晴海 Residence 3LDK 家庭推荐 · 浏览室内 VR</small></div></div>
</div>

### 05｜客户追踪详情

- **系统来源：** 现有“购房客户追踪详情”。
- **固定显示：** 累计数据、访问趋势、浏览内容、明确动作、客户自主访问、有效现场讲解和单次记录。
- **只读操作：** 时间范围、固定链接筛选、展开单次记录、切换趋势和内容视图。
- **不显示：** 后续沟通建议、意向判断、修改客户状态、报告问题等会产生系统记录的操作。

<div style="border:1px solid #d6d3d1;border-radius:12px;padding:16px;background:#fff">
  <div style="display:flex;justify-content:space-between"><div><strong>李娜</strong><div style="color:#78716c;font-size:13px;margin-top:3px">负责人：张伟</div></div><div>最近30天　·　全部固定链接</div></div>
  <table style="width:100%;margin-top:12px;border-collapse:collapse"><tr><td style="border:1px solid #eee;padding:10px">访问次数<br><strong>2</strong></td><td style="border:1px solid #eee;padding:10px">浏览页面<br><strong>2</strong></td><td style="border:1px solid #eee;padding:10px">浏览内容<br><strong>5</strong></td><td style="border:1px solid #eee;padding:10px">平均时长<br><strong>5分30秒</strong></td></tr></table>
  <h4 style="margin:14px 0 6px">活动记录</h4>
  <div style="border-left:3px solid #a8a29e;padding:8px 12px;margin-bottom:8px"><strong>客户自主访问 · 6月25日 19:34</strong><div style="color:#57534e;margin-top:4px">10分钟 · 晴海 Residence 3LDK 家庭推荐</div><div style="font-size:13px;margin-top:5px">项目概览 → 3LDK 室内 VR → 到访预约</div></div>
  <div style="border-left:3px solid #d6d3d1;padding:8px 12px"><strong>客户自主访问 · 6月24日 21:08</strong><div style="color:#57534e;margin-top:4px">1分钟 · 晴海 Residence 家庭户型对比</div></div>
</div>

## 6. 素材

### 06｜素材列表

- **系统来源：** 现有“素材管理”。
- **固定显示：** 素材名称、分类、缩略图、来源、结构化摘要、更新时间、状态和标签。
- **只读操作：** 搜索、分类筛选、标签筛选、排序、分页、打开素材详情。
- **不显示：** 新建、修改说明、修改标签和删除素材。

<div style="border:1px solid #d6d3d1;border-radius:12px;padding:16px;background:#fff">
  <strong>素材管理</strong>
  <div style="display:flex;gap:8px;margin:12px 0"><span style="border:1px solid #ddd;padding:7px 11px;border-radius:7px;color:#78716c">例：L TYPE</span><span style="border:1px solid #ddd;padding:7px 11px;border-radius:7px">分类：户型</span><span style="border:1px solid #ddd;padding:7px 11px;border-radius:7px">标签：70㎡以上</span></div>
  <table style="width:100%;border-collapse:collapse"><tr style="background:#f5f5f4"><th style="text-align:left;padding:8px">素材</th><th style="text-align:left;padding:8px">分类</th><th style="text-align:left;padding:8px">结构化信息</th><th style="text-align:left;padding:8px">来源</th><th style="text-align:left;padding:8px">更新时间</th></tr><tr><td style="padding:9px;border-bottom:1px solid #eee"><strong>L TYPE 户型图</strong><br><small>3LDK　2WIC　70㎡以上</small></td><td style="padding:9px;border-bottom:1px solid #eee">户型</td><td style="padding:9px;border-bottom:1px solid #eee">3LDK+2WIC · 74.93㎡</td><td style="padding:9px;border-bottom:1px solid #eee">HOMEVISTA 户型列表</td><td style="padding:9px;border-bottom:1px solid #eee">2026-08-27</td></tr></table>
  <div style="text-align:right;margin-top:12px">‹　1　2　3　›</div>
</div>

### 07｜素材详情

- **系统来源：** 现有“素材详情”侧栏。
- **固定显示：** 预览、分类、更新时间、来源更新状态、来源、该类型的结构化字段、素材说明和标签。
- **只读操作：** 查看预览、放大预览、切换媒体页。
- **不显示：** 编辑说明、增删标签、创建素材或修改来源数据。
- **统一规则：** 户型图、地图、VR、视频和资料文件夹均使用本界面；不同类型只改变结构化字段。

<div style="border:1px solid #d6d3d1;border-radius:12px;padding:16px;background:#fff;max-width:620px">
  <div style="height:180px;background:#f5f5f4;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#78716c">L TYPE 户型图预览</div>
  <div style="display:flex;justify-content:space-between;margin-top:12px"><h3 style="margin:0">L TYPE 户型图</h3><span>户型</span></div>
  <table style="width:100%;margin-top:10px;border-collapse:collapse"><tr><td style="padding:7px;border-bottom:1px solid #eee;color:#78716c">户型名称</td><td style="padding:7px;border-bottom:1px solid #eee">L TYPE</td><td style="padding:7px;border-bottom:1px solid #eee;color:#78716c">结构</td><td style="padding:7px;border-bottom:1px solid #eee">3LDK+2WIC</td></tr><tr><td style="padding:7px;border-bottom:1px solid #eee;color:#78716c">专有面积</td><td style="padding:7px;border-bottom:1px solid #eee">74.93㎡</td><td style="padding:7px;border-bottom:1px solid #eee;color:#78716c">来源</td><td style="padding:7px;border-bottom:1px solid #eee">HOMEVISTA 户型列表</td></tr><tr><td style="padding:7px;color:#78716c">更新时间</td><td style="padding:7px">2026-08-27</td><td style="padding:7px;color:#78716c">来源更新</td><td style="padding:7px">无更新</td></tr></table>
  <p><strong>素材说明</strong><br>L TYPE，3LDK+2WIC，专有面积74.93㎡。</p><p><strong>标签</strong><br>3LDK　2WIC　70㎡以上</p>
</div>

## 7. 分享页面与固定链接

### 08｜分享页面列表

- **系统来源：** 现有“分享页面”列表。
- **固定显示：** 页面名称、状态、页面备注、内容摘要、创建人、更新时间和素材更新提示。
- **只读操作：** 搜索、状态筛选、创建人筛选、排序、分页、打开详情。
- **不显示：** 新建、复制、删除、发布、停用和批量操作。

<div style="border:1px solid #d6d3d1;border-radius:12px;padding:16px;background:#fff">
  <strong>分享页面</strong>
  <div style="display:flex;gap:8px;margin:12px 0"><span style="border:1px solid #ddd;padding:7px 11px;border-radius:7px;color:#78716c">例：家庭推荐</span><span style="border:1px solid #ddd;padding:7px 11px;border-radius:7px">状态：已发布</span><span style="border:1px solid #ddd;padding:7px 11px;border-radius:7px">创建人：全部</span></div>
  <table style="width:100%;border-collapse:collapse"><tr style="background:#f5f5f4"><th style="text-align:left;padding:8px">页面</th><th style="text-align:left;padding:8px">状态</th><th style="text-align:left;padding:8px">内容</th><th style="text-align:left;padding:8px">创建人</th><th style="text-align:left;padding:8px">更新时间</th></tr><tr><td style="padding:9px;border-bottom:1px solid #eee"><strong>晴海 Residence 3LDK 家庭推荐</strong><br><small>适合已经明确 3LDK 的家庭客户。</small></td><td style="padding:9px;border-bottom:1px solid #eee">已发布<br><small>页面素材有更新</small></td><td style="padding:9px;border-bottom:1px solid #eee">项目概览 · 室内 VR · 到访预约</td><td style="padding:9px;border-bottom:1px solid #eee">张伟</td><td style="padding:9px;border-bottom:1px solid #eee">2026-06-25</td></tr></table>
  <div style="text-align:right;margin-top:12px">‹　1　2　›</div>
</div>

### 09｜分享页面详情

- **系统来源：** 现有“分享页面详情”。
- **固定显示：** 页面名称、状态、备注、页面内容、素材更新提示、固定链接状态、链接地址、公开访问状态、关联客户数、创建人和创建时间。
- **只读操作：** 展开页面内容、查看客户页面预览、查看访问记录。
- **不显示：** 编辑、复制、发布、停用链接、修改公开访问、复制地址、生成二维码或进入现场讲解。

<div style="border:1px solid #d6d3d1;border-radius:12px;padding:16px;background:#fff">
  <div style="display:flex;justify-content:space-between"><div><strong>晴海 Residence 3LDK 家庭推荐</strong><p style="margin:5px 0;color:#57534e">适合已经明确 3LDK 的家庭客户。</p></div><span style="background:#ecfdf5;color:#047857;border-radius:999px;padding:3px 9px;height:max-content">已发布</span></div>
  <div style="background:#fff7ed;color:#9a3412;padding:8px 10px;border-radius:7px;margin:10px 0">页面素材有更新</div>
  <h4 style="margin:12px 0 6px">页面内容</h4><ol style="margin-top:6px"><li>项目概览</li><li>晴海 Residence 3LDK 室内 VR</li><li>到访预约</li></ol>
  <h4 style="margin:12px 0 6px">固定链接</h4>
  <table style="width:100%;border-collapse:collapse"><tr><td style="padding:7px;border-bottom:1px solid #eee;color:#78716c">状态</td><td style="padding:7px;border-bottom:1px solid #eee">启用 · 需要认证</td><td style="padding:7px;border-bottom:1px solid #eee;color:#78716c">公开访问</td><td style="padding:7px;border-bottom:1px solid #eee">关闭</td></tr><tr><td style="padding:7px;border-bottom:1px solid #eee;color:#78716c">地址</td><td style="padding:7px;border-bottom:1px solid #eee" colspan="3">https://demo.homevista.jp/i/zhang-3ldk</td></tr><tr><td style="padding:7px;color:#78716c">关联客户</td><td style="padding:7px">2</td><td style="padding:7px;color:#78716c">创建人</td><td style="padding:7px">张伟 · 2026-06-25 17:35</td></tr></table>
</div>

### 10｜客户页面预览

- **系统来源：** 现有“页面预览”。
- **固定显示：** 页面当前版本的封面、Widget 顺序、素材和展示内容。
- **只读操作：** 桌面端与移动端预览切换、上下滚动、打开媒体预览。
- **不显示：** 编辑、保存、发布和客户表单提交。
- **说明：** AI 页面工作草稿需要预览时，也使用这套现有预览界面；右侧不另做“AI 草稿卡片”。

<div style="border:1px solid #d6d3d1;border-radius:12px;padding:16px;background:#f5f5f4">
  <div style="text-align:right;margin-bottom:8px">桌面端　|　移动端</div>
  <div style="background:#fff;border-radius:10px;overflow:hidden"><div style="height:150px;background:#d6d3d1;display:flex;align-items:end;padding:18px"><div><small>晴海 Residence</small><h2 style="margin:3px 0">3LDK 家庭推荐</h2></div></div><div style="padding:16px"><h3>项目概览</h3><p>晴海 Residence 的项目与生活信息。</p><hr><h3>3LDK 室内 VR</h3><p>查看户型空间、采光和收纳。</p><hr><h3>到访预约</h3><p>预约内容仅作预览，不在结果区提交。</p></div></div>
</div>

### 11｜已发布客户页面

- **系统来源：** 现有客户访问页面。
- **固定显示：** 已发布版本的完整客户页面内容。
- **只读操作：** 浏览内容、播放或查看媒体、切换媒体视角。
- **不显示：** 系统内部管理操作。右侧结果模式下，预约提交等会写入数据的操作不可执行。
- **说明：** 这是客户实际看到的页面，不是发布成功提示，也不显示 AI 说明。

<div style="border:1px solid #d6d3d1;border-radius:12px;overflow:hidden;background:#fff">
  <div style="height:170px;background:#44403c;color:#fff;padding:24px;display:flex;align-items:end"><div><small>晴海 Residence</small><h2 style="margin:4px 0">3LDK 家庭推荐</h2><div>为家庭居住准备的户型与生活资料</div></div></div>
  <div style="padding:18px"><h3>项目与周边</h3><p>项目概览、主要车站交通与生活设施。</p><h3>3LDK 室内 VR</h3><div style="height:110px;background:#f5f5f4;display:flex;align-items:center;justify-content:center">室内 VR</div><h3>到访预约</h3><p style="color:#78716c">此处展示页面内容；结果区不提交预约。</p></div>
</div>

### 12｜固定链接访问记录

- **系统来源：** 现有固定链接“访问记录”。
- **固定显示：** 页面、固定链接、访问客户、访问时间、访问时长、浏览内容和明确动作。
- **只读操作：** 时间筛选、客户筛选、排序、分页、展开单次访问。
- **不显示：** 修改链接、关联客户、报告问题或删除记录。

<div style="border:1px solid #d6d3d1;border-radius:12px;padding:16px;background:#fff">
  <strong>访问记录</strong><p style="margin:5px 0;color:#57534e">晴海 Residence 3LDK 家庭推荐</p>
  <div style="display:flex;gap:8px;margin:12px 0"><span style="border:1px solid #ddd;padding:7px 11px;border-radius:7px">最近30天</span><span style="border:1px solid #ddd;padding:7px 11px;border-radius:7px">客户：全部</span></div>
  <table style="width:100%;border-collapse:collapse"><tr style="background:#f5f5f4"><th style="text-align:left;padding:8px">客户</th><th style="text-align:left;padding:8px">访问时间</th><th style="text-align:left;padding:8px">时长</th><th style="text-align:left;padding:8px">浏览内容</th><th style="text-align:left;padding:8px">明确动作</th></tr><tr><td style="padding:9px;border-bottom:1px solid #eee">李娜</td><td style="padding:9px;border-bottom:1px solid #eee">2026-06-25 19:34</td><td style="padding:9px;border-bottom:1px solid #eee">10分钟</td><td style="padding:9px;border-bottom:1px solid #eee">项目概览、3LDK 室内 VR、到访预约</td><td style="padding:9px;border-bottom:1px solid #eee">打开预约内容</td></tr></table>
  <div style="text-align:right;margin-top:12px">‹　1　2　›</div>
</div>

## 8. 营销统计

### 13｜营销统计

- **系统来源：** 现有“营销统计”。
- **固定显示：** 数据更新时间、整体访问情况、访问趋势、页面排行和客户排行。
- **只读操作：** 时间范围、负责人筛选、排行搜索、排序、分页、打开页面统计或客户追踪。
- **不显示：** AI 评价、客户分数、销售排名、修改客户状态或导出后自动发送。

<div style="border:1px solid #d6d3d1;border-radius:12px;padding:16px;background:#fff">
  <div style="display:flex;justify-content:space-between"><strong>营销统计</strong><span>最近30天 · 全部负责人 · 更新于 7月30日 10:30</span></div>
  <table style="width:100%;margin-top:12px;border-collapse:collapse"><tr><td style="border:1px solid #eee;padding:10px">访问客户<br><strong style="font-size:22px">5</strong></td><td style="border:1px solid #eee;padding:10px">首次访问<br><strong style="font-size:22px">4</strong></td><td style="border:1px solid #eee;padding:10px">再次访问<br><strong style="font-size:22px">1</strong></td></tr></table>
  <div style="height:90px;background:#f5f5f4;margin:12px 0;display:flex;align-items:center;justify-content:center">访问趋势</div>
  <table style="width:100%;border-collapse:collapse"><tr style="background:#f5f5f4"><th style="text-align:left;padding:8px">页面排行</th><th style="text-align:left;padding:8px">访问客户</th><th style="text-align:left;padding:8px">访问次数</th><th style="text-align:left;padding:8px">平均时长</th></tr><tr><td style="padding:8px">晴海 Residence 家庭户型对比</td><td style="padding:8px">2</td><td style="padding:8px">2</td><td style="padding:8px">6分钟</td></tr></table>
</div>

### 14｜页面统计详情

- **系统来源：** 现有“页面统计详情”。
- **固定显示：** 页面名称、更新时间、访问客户数、访问次数、平均时长、内容浏览情况和访问客户。
- **只读操作：** 时间范围、负责人筛选、排序、分页、打开某项内容的客户列表。
- **不显示：** 页面编辑、页面发布、客户评价或 AI 推测。

<div style="border:1px solid #d6d3d1;border-radius:12px;padding:16px;background:#fff">
  <div style="display:flex;justify-content:space-between"><strong>晴海 Residence 家庭户型对比</strong><span>本月 · 更新于 7月30日 10:30</span></div>
  <table style="width:100%;margin-top:12px;border-collapse:collapse"><tr><td style="border:1px solid #eee;padding:10px">访问客户<br><strong>2</strong></td><td style="border:1px solid #eee;padding:10px">访问次数<br><strong>2</strong></td><td style="border:1px solid #eee;padding:10px">平均时长<br><strong>6分钟</strong></td></tr></table>
  <h4>内容浏览情况</h4><table style="width:100%;border-collapse:collapse"><tr style="background:#f5f5f4"><th style="text-align:left;padding:8px">内容</th><th style="text-align:left;padding:8px">客户</th><th style="text-align:left;padding:8px">浏览</th><th style="text-align:left;padding:8px">平均时长</th></tr><tr><td style="padding:8px;border-bottom:1px solid #eee">建筑外观 3D</td><td style="padding:8px;border-bottom:1px solid #eee">2</td><td style="padding:8px;border-bottom:1px solid #eee">2</td><td style="padding:8px;border-bottom:1px solid #eee">3分钟</td></tr><tr><td style="padding:8px">3LDK VR</td><td style="padding:8px">1</td><td style="padding:8px">1</td><td style="padding:8px">2分钟</td></tr></table>
</div>

### 15｜内容浏览客户列表

- **系统来源：** 现有“浏览客户列表”。
- **固定显示：** 页面、内容项、数据更新时间、客户、负责人和浏览次数。
- **只读操作：** 刷新数据、打开客户追踪详情。
- **不显示：** 修改客户资料、群发资料或 AI 意向标签。

<div style="border:1px solid #d6d3d1;border-radius:12px;padding:16px;background:#fff">
  <strong>浏览客户</strong><p style="margin:5px 0;color:#57534e">晴海 Residence 家庭户型对比 · 建筑外观 3D</p>
  <div style="text-align:right;font-size:12px;color:#78716c">数据更新于 2026/7/30 10:30</div><table style="width:100%;margin-top:12px;border-collapse:collapse"><tr style="background:#f5f5f4"><th style="text-align:left;padding:8px">客户</th><th style="text-align:left;padding:8px">负责人</th><th style="text-align:left;padding:8px">浏览次数</th></tr><tr><td style="padding:9px;border-bottom:1px solid #eee">刘女士</td><td style="padding:9px;border-bottom:1px solid #eee">张伟</td><td style="padding:9px;border-bottom:1px solid #eee">1</td></tr><tr><td style="padding:9px">周先生</td><td style="padding:9px">陈静</td><td style="padding:9px">1</td></tr></table>
</div>

## 9. 现场讲解

### 16｜讲解记录

- **系统来源：** 现有“讲解记录”。
- **固定显示：** 页面、状态、关联客户、讲解人、开始时间、时长、打开内容、打开次数和前台展示时长。展开后显示同一条记录的完整明细。
- **只读操作：** 状态筛选、客户筛选、时间范围、分页、展开记录。
- **不显示：** 开始、继续、结束、关联客户、修改客户、标记无效等操作。
- **说明：** 讲解结束摘要、客户关联修改预览和无效确认都留在对话，不单独做结果界面。

<div style="border:1px solid #d6d3d1;border-radius:12px;padding:16px;background:#fff">
  <strong>讲解记录</strong>
  <div style="display:flex;gap:8px;margin:12px 0"><span style="border:1px solid #ddd;padding:7px 11px;border-radius:7px">状态：全部</span><span style="border:1px solid #ddd;padding:7px 11px;border-radius:7px">最近30天</span></div>
  <div style="border:1px solid #e7e5e4;border-radius:9px;padding:12px;margin-bottom:9px"><div style="display:flex;justify-content:space-between"><strong>晴海 Residence 3LDK 家庭推荐</strong><span>正常结束</span></div><p style="margin:7px 0">客户：李娜　·　讲解人：张伟　·　2026-07-19 14:05　·　18分钟</p><small>A 型户型图：2次 / 8分20秒　　样板间：1次 / 6分10秒</small></div>
  <div style="border:1px solid #e7e5e4;border-radius:9px;padding:12px"><div style="display:flex;justify-content:space-between"><strong>晴海 Residence 到访预约</strong><span>未正常结束</span></div><p style="margin:7px 0">客户：陈女士　·　2026-07-29 16:30　·　6分钟</p><small>项目概览：1次 / 4分15秒</small></div>
</div>

## 10. 项目成员与权限

### 17｜项目成员

- **系统来源：** 现有“成员管理”。
- **固定显示：** 显示名称、邮箱、角色和状态。
- **只读操作：** 按姓名或邮箱搜索、查看成员详情。
- **不显示：** 邀请成员、修改角色、启用或停用成员。

<div style="border:1px solid #d6d3d1;border-radius:12px;padding:16px;background:#fff">
  <strong>成员管理</strong>
  <div style="display:flex;gap:8px;margin:12px 0"><span style="border:1px solid #ddd;padding:7px 11px;border-radius:7px;color:#78716c">例：张伟或邮箱</span></div>
  <table style="width:100%;border-collapse:collapse"><tr style="background:#f5f5f4"><th style="text-align:left;padding:8px">显示名称</th><th style="text-align:left;padding:8px">邮箱</th><th style="text-align:left;padding:8px">角色</th><th style="text-align:left;padding:8px">状态</th></tr><tr><td style="padding:9px;border-bottom:1px solid #eee">张伟</td><td style="padding:9px;border-bottom:1px solid #eee">zhang.wei@example.com</td><td style="padding:9px;border-bottom:1px solid #eee">销售经理　销售人员</td><td style="padding:9px;border-bottom:1px solid #eee">启用</td></tr><tr><td style="padding:9px">佐藤美咲</td><td style="padding:9px">sato@example.com</td><td style="padding:9px">销售经理　销售人员</td><td style="padding:9px">启用</td></tr></table>
</div>

### 18｜角色权限

- **系统来源：** 现有“角色管理”。
- **固定显示：** 角色名称、角色类型、说明、成员数和功能权限。选中角色后在同一界面显示权限明细。
- **只读操作：** 搜索、选择角色、展开权限分组。
- **不显示：** 新建角色、编辑权限、复制角色或删除角色。

<div style="border:1px solid #d6d3d1;border-radius:12px;padding:16px;background:#fff">
  <strong>角色管理</strong>
  <div style="display:grid;grid-template-columns:200px 1fr;gap:14px;margin-top:12px"><div style="border-right:1px solid #eee;padding-right:12px"><div style="background:#f5f5f4;padding:9px;border-radius:7px"><strong>销售人员</strong><br><small>默认角色 · 3 人使用</small></div><div style="padding:9px">销售经理<br><small>默认角色 · 1 人使用</small></div><div style="padding:9px">营销企划<br><small>默认角色 · 2 人使用</small></div></div><div><h3 style="margin-top:0">销售人员</h3><p>维护客户并分享页面。</p><table style="width:100%;border-collapse:collapse"><tr><td style="padding:8px;border-bottom:1px solid #eee">客户管理</td><td style="padding:8px;border-bottom:1px solid #eee">查看客户、创建客户、编辑客户、修改客户状态</td></tr><tr><td style="padding:8px;border-bottom:1px solid #eee">素材管理</td><td style="padding:8px;border-bottom:1px solid #eee">查看素材</td></tr><tr><td style="padding:8px">营销统计</td><td style="padding:8px">查看营销统计</td></tr></table></div></div>
</div>

### 19｜操作日志

- **系统来源：** 现有“操作日志”。
- **固定显示：** 所属功能、对象类型、对象名称或编号、操作内容、修改前内容、修改后内容、操作人或系统来源、操作时间。
- **只读操作：** 时间范围、操作人筛选、功能筛选、对象类型筛选、搜索、分页、展开详情。
- **不显示：** 撤销、重做、删除日志或直接修改业务对象。

<div style="border:1px solid #d6d3d1;border-radius:12px;padding:16px;background:#fff">
  <strong>操作日志</strong>
  <div style="display:flex;gap:8px;margin:12px 0;flex-wrap:wrap"><span style="border:1px solid #ddd;padding:7px 11px;border-radius:7px">最近30天</span><span style="border:1px solid #ddd;padding:7px 11px;border-radius:7px">功能：全部</span><span style="border:1px solid #ddd;padding:7px 11px;border-radius:7px">对象：全部</span><span style="border:1px solid #ddd;padding:7px 11px;border-radius:7px;color:#78716c">搜索对象名称</span></div>
  <table style="width:100%;border-collapse:collapse"><tr style="background:#f5f5f4"><th style="text-align:left;padding:8px">所属功能</th><th style="text-align:left;padding:8px">对象</th><th style="text-align:left;padding:8px">操作内容</th><th style="text-align:left;padding:8px">修改前</th><th style="text-align:left;padding:8px">修改后</th><th style="text-align:left;padding:8px">操作人</th><th style="text-align:left;padding:8px">时间</th></tr><tr><td style="padding:9px;border-bottom:1px solid #eee">页面库</td><td style="padding:9px;border-bottom:1px solid #eee">固定链接 · 晴海 Residence 到访预约</td><td style="padding:9px;border-bottom:1px solid #eee">修改固定链接状态</td><td style="padding:9px;border-bottom:1px solid #eee">启用</td><td style="padding:9px;border-bottom:1px solid #eee">停用</td><td style="padding:9px;border-bottom:1px solid #eee">张伟</td><td style="padding:9px;border-bottom:1px solid #eee">2026-07-27 16:42</td></tr><tr><td style="padding:9px">客户管理</td><td style="padding:9px">客户 · C-2026-001 李娜</td><td style="padding:9px">修改客户状态</td><td style="padding:9px">初次咨询</td><td style="padding:9px">重点跟进</td><td style="padding:9px">张伟</td><td style="padding:9px">2026-07-27 14:06</td></tr></table>
  <div style="text-align:right;margin-top:12px">‹　1　2　3　›</div>
</div>

## 11. 给设计师的检查表

设计每个右侧结果界面时，逐项检查：

- 这个界面在当前 VISTA Link 中是否已经存在？
- 字段是否来自该现有界面，而不是从对话中临时挑选？
- 是否出现了用户原话、AI 判断或 AI 建议？如果有，移回对话。
- 是否出现了会新增、修改、删除或发布数据的按钮？如果有，移除。
- 搜索、筛选、排序、分页和展开是否只改变查看状态？
- 操作完成后是否刷新原界面，而不是新增成功卡片？
- 列表、详情、空状态、加载状态和错误状态是否沿用原系统样式？
- 是否把示意中的表格误当成固定版式？列表可以根据阅读需要改成卡片、分组列表或其他形式。
