# Design v1 · 内容监控 2.0 二期（v7.6.1） > 阶段：Design v1 > 上游：`input_v1.md`、`spec_v1.md`、`design_options_v0.md` > 基准页面：项目列表 + 内容监控工作台（单项目 / 已选多项目 / 全部可见项目三种范围状态） > Demo：`06_Prototypes/monitor_761_layout_demos/index.html` --- ## 1. 设计结论 本期 design 以 **两个主要实体页面** 为基准继续推进： - **项目列表**：内容监控一级页面，负责项目入口、轻量近期速览，以及进入不同项目范围的工作台。 - **内容监控工作台**：统一承载单项目、已选多项目、全部可见项目三种项目范围状态；Dashboard、内容列表、详情抽屉和配置能力复用同一套结构。 已归档： - **B 列表运营型**：不作为主布局，保留其中“运营关注队列”的思路，后续可拆为列表辅助组件。 - **C 看板分析型**：不整体采用，保留其中“贡献分析”的表达方式；`数据可信度` 暂不作为当前 Dashboard 独立模块落地，后续与 `近期动向提醒` 统一讨论。 最终主层级是项目列表进入统一工作台，工作台由项目范围决定当前上下文： ```text 内容监控项目列表 └─ 内容监控工作台 ├─ 标题区项目范围 │ ├─ scope = 单项目 │ ├─ scope = 已选多项目 │ └─ scope = 全部可见项目 ├─ Dashboard 近期快照 ├─ 监控内容列表 └─ 任务详情抽屉 ``` 自动追踪新增结果的系统通知本期未实现；工作台只保留自动追踪来源和规则名解释，以及通过列表筛选查看自动追踪新增内容。 --- ## 2. 设计原则 ### 2.1 贴近线上视觉和工程结构 本期不是全新视觉体系，仍沿用 `kol-next` 内容监控现有结构： - 白色项目信息头。 - 项目级筛选在信息头下方。 - 页面主体浅灰背景。 - 内容主容器白底，20px 圆角。 - 指标卡 12px 圆角。 - 表格、平台 Tab、筛选控件尽量复用现有 Element UI / 项目组件形态。 ### 2.2 项目详情是主工作台 项目详情页不再只是列表容器，而是“看状态 -> 找变化 -> 下钻内容 -> 看单条解释”的工作台。 第一屏要先回答： - 最近 7 天项目表现如何？ - 哪些内容值得看？ - 谁贡献了变化？ - 哪些数据不完整，需要谨慎解释？ ### 2.3 工作台以项目范围为核心上下文 跨项目视图不是另一个一级主 Tab，也不另起一套总表页面。本期收敛为同一个内容监控工作台：单项目和多项目不是两套页面，而是同一页面下的不同项目范围状态。 工作台需要支持： - `scope = 单项目`：从项目卡片进入，项目身份最强，列表默认不展示 `所属项目` 列。 - `scope = 已选多项目`：从项目列表多选进入，范围身份最强，列表默认展示 `所属项目` 列。 - `scope = 全部可见项目`：承接原“总监控列表”老用户心智，作为全部项目范围进入同一工作台。 项目范围是工作台的上层上下文，整合在标题区展示；Dashboard、趋势、贡献分析、内容列表、表头配置和详情抽屉都跟随该范围重算或重载。 ### 2.4 数据可信度融入结果解释 评论、短链、预算/成本不做能力扩展，但必须在结果解释中可见。 重点不是告诉用户“这里没有数据”，而是告诉用户： - 是无评论、样本不足、未抓取，还是权限/平台限制。 - 是未绑定短链、已绑定无点击，还是同步失败。 - 是成本未填写，还是填写后因观看为 0 导致不可计算。 --- ## 3. 一级页面 · 项目列表 ### 3.1 页面定位 项目列表是内容监控默认入口，职责是帮助用户快速判断哪些项目值得进入。 页面不做成跨项目大 dashboard，只增加轻量近期速览。 ### 3.2 页面结构 ```text 页面标题 / 操作区 ├─ 创建项目 项目近期概览 ├─ 概览口径筛选 │ ├─ 日期范围：最近 7 天 / 最近 30 天 / 自定义 │ ├─ 项目范围：全部可见项目 / 自定义项目范围 │ └─ 平台范围：全部平台 / 单平台 ├─ 查看全部项目内容 └─ 轻量总览指标 ├─ 观看增量 ├─ Engagement 增量 ├─ 互动率 ├─ 活跃内容 ├─ 自动追踪新增内容数 └─ 短链点击数 项目列表 ├─ 卡片列表筛选 │ ├─ 卡片状态 │ ├─ 平台 │ └─ 项目名称搜索 ├─ 多选项目 / 取消多选 ├─ 多选批量操作栏（仅多选态出现） ├─ 项目卡片 │ ├─ 项目基础信息 │ ├─ 累计数据 │ ├─ 最近 7 天速览 │ └─ 状态 / 平台 └─ 分页 ``` 层级规则： - 全局大 header 不放 `导出`、`添加监控` 等业务按钮。 - 页面标题区只保留当前页面的主要动作：`创建项目`。 - `项目近期概览` 有自己的统计口径筛选，控制上方数据块和 `查看全部项目内容` 的默认范围。 - `项目列表` 的卡片筛选只决定卡片显示，不改变上方概览数据。 - 项目列表分页属于卡片列表层级，不影响上方概览数据。 - 项目列表页中的所有筛选控件都使用真实下拉控件，不使用静态 chip。Demo 需要能展开看到候选项，保持与内容监控工作台一二级筛选的控件形态一致。 项目近期概览筛选项： | 筛选项 | 原型下拉选项 | | --- | --- | | 日期范围 | 最近 7 天、最近 30 天、本月、自定义 | | 项目范围 | 全部可见项目、运行中项目、已归档项目、自定义项目范围 | | 平台范围 | 全部平台、YouTube、TikTok、Instagram、X | 项目近期概览默认数据块： | 数据块 | 页面展示 | 计算口径 | | --- | --- | --- | | 观看增量 | 主数字 + 与上一等长周期对比 | 当前概览项目范围和平台范围内，所选日期范围的观看量区间增量合计 | | Engagement 增量 | 主数字 + 与上一等长周期对比 | 点赞增量、评论增量、分享增量合计；暂不包含未确认互动字段 | | 互动率 | 主数字 + 与上一等长周期对比 | `Engagement 增量 / 观看增量`；观看增量为 0 或不可用时展示 `--` | | 活跃内容 | 主数字 + 可选副文案 | 所选日期范围内观看、点赞、评论、分享任一指标有正向变化的内容数 | | 自动追踪新增 | 主数字 + `最近 x 天` 或所选日期范围提示 | 自动追踪规则在所选日期范围内新增的监控任务数 | | 短链点击 | 主数字 + 未绑定内容数副文案 | 所选日期范围内 Nox 短链点击数；若后端暂只支持累计点击，需在 tooltip 中标注累计口径 | 说明： - `项目近期概览` 的日期范围是顶部概览自己的统计周期，不等同于项目卡片固定最近 7 天速览。 - 上方数据块不受下方项目卡片筛选、分页和多选状态影响。 - `需关注内容` 不作为当前默认数据块固定出现，可作为空间允许时的提醒项，或进入待处理提示/项目卡片辅助信息。 - 后续任何数据块增删、重命名或公式调整，必须同步更新 `spec_v1.md` 的 `4.3 项目列表顶部轻量总览` 与 `prd_v1.md` 的 Story 1。 项目卡片列表筛选项： | 筛选项 | 原型下拉选项 | | --- | --- | | 卡片状态 | 运行中、已归档、全部状态 | | 创建人 | 全部、Yuki Chen、Kuangji、Sophia、Alex | | 平台 | 全部、YouTube、TikTok、Instagram、X | ### 3.3 项目卡片新增信息 项目卡片保留现有信息： - 项目名称。 - 创建人。 - 协作者数量。 - 创建日期。 - 预算消耗。 - 内容数。 - 总观看量。 - 平台。 - 状态。 新增近期速览： | 字段 | 展示方式 | 交互 | | --- | --- | --- | | 最近 7 天观看量 | 数字 + 轻量趋势标识 | 点击进入项目详情，并默认使用最近 7 天观察区间 | | 最近 7 天互动率 | 百分比 | tooltip 解释公式 | | 需关注内容数 | 数字 + 弱提醒色 | 点击进入项目详情，并筛选需关注内容 | | 自动追踪新增内容数 | 辅助信息 | 点击进入项目详情，并应用 `近期新增=自动追踪入库` 的列表内处理筛选 | 若卡片空间不足，默认展示前三项；自动追踪新增放入 hover 或展开区。 ### 3.4 项目列表到工作台的入口 项目列表保留为一级实体页面，并承接两类工作台入口： 1. **进入单项目范围** - 点击项目卡片主体。 - 进入内容监控工作台，并设置 `scope = 单项目`。 - 默认继承项目状态、平台、创建人等上下文，不带入其他项目。 - 不额外提供 `查看详情` 按钮，避免和卡片整体点击重复。 2. **进入全部项目范围** - 默认入口放在 `项目近期概览` 区右侧。 - 文案建议：`查看全部项目内容`。 - 点击进入内容监控工作台，并设置 `scope = 全部可见项目` 或继承概览区的项目范围。 3. **多选后进入已选多项目范围** - 用户点击 `多选项目` 后进入多选态。 - 多选态才展示勾选框、`取消多选` 和批量操作栏。 - 批量操作栏文案建议：`查看已选项目内容`。 - 至少选中 1 个项目时按钮可点击；选中 0 个项目时按钮禁用。 - 用户退出多选态后，批量操作栏和勾选框隐藏。 - 点击进入内容监控工作台，并设置 `scope = 已选多项目`，带入所选项目 ID。 不再使用“项目 / 监控列表”平级 Tab 作为主入口表达。 ### 3.5 项目列表状态 | 场景 | 处理 | | --- | --- | | 项目运行中 | 默认展示在项目列表；允许进入工作台、添加监控和自动追踪新增 | | 项目已归档 | 默认从运行中视图弱化，可通过 `已归档` 筛选查看；卡片展示 `已归档` 标签和“不再自动新增”说明 | | 项目无内容 | 近期速览展示空态，不展示 0 值误导 | | 最近 7 天无变化 | 展示“暂无新增变化” | | 需关注内容数为 0 | 展示 `0` 或不强调 | | 近期指标加载失败 | 保留项目基础信息，近期速览显示加载失败 | | 用户无跨项目权限 | 隐藏或置灰跨项目入口，并说明权限限制 | 项目归档不是删除，也不是强制结束项目内所有监控任务。归档只表示该项目从日常运营流退出，历史数据继续可查。 归档确认流程： 1. 用户在运行中项目卡片或工作台当前范围卡片点击 `归档项目`。 2. 弹出确认层，标题为确认归档语气，并在标题下方以轻量标签展示被归档项目名称；项目列表触发时展示对应卡片项目名，工作台触发时展示当前单项目名称。 3. 确认层说明影响：项目从默认项目列表退出、添加监控与自动追踪新增暂停、已存在任务继续更新到原监控结束时间。 4. 用户取消、点击遮罩或关闭弹层时，不改变项目状态。 5. 用户确认后，项目状态变为 `已归档`。 6. 若需要停止采集，用户必须另行使用单任务或批量 `修改监控时长 / 结束监控`，归档动作本身不隐式停止任务。 已归档项目仍可进入内容监控工作台。工作台顶部显示 `已归档` 标签，`添加监控` 禁用，自动追踪不再向该项目新增监控任务；数据看板、原始数据、监控内容列表、单内容抽屉和导出能力继续保留。 --- ## 4. 项目详情 · 工作台布局 ### 4.1 页面结构 ```text 项目信息头 ├─ 项目名称 / 描述 ├─ 创建人 / 协作者 / 创建日期 ├─ 返回项目列表 / 跨项目查看 └─ 添加监控 项目级筛选 ├─ 状态 ├─ 地区 ├─ 视频标签 / 额外标签1 / 额外标签2 ├─ 创建人 ├─ 监控时长 ├─ 观看量 ├─ 视频类型（跨平台内容形态，多选） ├─ 来源 / 自动追踪规则 └─ 发布日期 内容主容器 ├─ 滚动定位锚点 ├─ 平台 Tab + 搜索 ├─ Dashboard 近期快照 ├─ Dashboard 分析模块 ├─ 原始数据 ├─ 内容列表 └─ 分页 ``` ### 4.2 顶部筛选分层 顶部筛选器必须贴近线上 `/video-monitor/monitor` 真实环境。按线上结构分为两层： | 类型 | 控件位置 | 说明 | | --- | --- | --- | | 内容集合筛选 | 标题区下方 `content-filter-wrap` | 监控状态、地区、视频标签、额外标签1、额外标签2、创建人、监控时长、观看量、视频类型、来源/自动追踪规则、发布日期 | | 平台与内容搜索 | 内容主容器顶部 `filter-header` | 平台 Tab、频道名/标题/链接搜索 | 从数据影响关系看，本页分为四层： | 层级 | UI 表达 | 影响范围 | | --- | --- | --- | | 项目范围 | 标题区当前范围卡片 | 整个工作台 | | 一级筛选 · 内容集合 | 标题区下方筛选组 | Dashboard、原始数据、内容列表、详情抽屉 | | 一级筛选 · 平台与搜索 | 内容主容器顶部平台 Tab、频道名/标题/链接搜索 | Dashboard、原始数据、内容列表、详情抽屉 | | 统计口径 | 数据看板标题区 `数据观察周期` | 数据看板内的区间增量、趋势、榜单和贡献分析 | | 二级筛选 · 列表内处理筛选 | 监控内容区块内筛选，包含数据问题、短链状态、预算状态、评论状态、近期新增 | 只影响下方内容列表 | `平台 Tab` 仍是一级筛选，因为它改变当前被分析的内容集合。频道名/标题/链接搜索保持一级筛选，沿用线上真实环境的主查询语义；用户输入搜索后，Dashboard、原始数据和列表应按同一内容集合刷新。列表排序不放在二级筛选栏内，而由表头排序控制承接。 筛选控件形态： - 一级和二级筛选都使用真实下拉控件，不使用只展示当前值的静态 chip。用户在原型中应能打开控件看到完整候选项。 - 一级筛选保持单行横向滚动；二级筛选允许换行，以保证列表处理项在不同宽度下仍可完整操作。 - 下拉项默认展示 `全部` 或等价全集值；具体业务枚举以后端返回为准，但第一版必须至少覆盖下表选项。 | 一级筛选项 | 原型下拉选项 | | --- | --- | | 监控状态 | 全部、监控中、已完成、已删除、其他状态 | | 地区 | 全部地区、美国、日本、韩国、中国台湾、巴西、英国、其他 | | 视频标签 | 全部标签、无标签、Launch、Review、Paid、Organic | | 额外标签1 | 全部、无标签、产品线 A、产品线 B、Campaign、Creator Tier | | 额外标签2 | 全部、无标签、Q2、Test、High Priority | | 创建人 | 全部、Yuki Chen、Kuangji、Sophia、Alex | | 监控时长 | 全部、60 天、120 天、180 天、240 天、360 天 | | 观看量 | 全部观看量、< 1 万、1 万 - 10 万、10 万 - 50 万、50 万以上、自定义 | | 视频类型 | 多选：youtube长视频、youtube短视频、tt视频、tt图片、ins posts、ins reels、x图文、x视频；无选中时显示 `全部类型`，多个选项之间取并集 | | 来源/自动追踪规则 | 全部来源、手动添加、自动追踪全部、自动追踪 Rule A/B/C 等具体规则 | | 发布日期 | 全部日期、最近 7 天、最近 30 天、本月、自定义 | | 二级筛选项 | 原型下拉选项 | | --- | --- | | 数据问题 | 全部、需关注、低增长/停滞、数据不可解释、配置缺失 | | 短链状态 | 全部、已绑定、未绑定、已绑定无点击 | | 预算状态 | 全部、已填写、未填写、不可计算 | | 评论状态 | 全部、正常、暂无评论、样本过少、未同步/处理中 | | 近期新增 | 全部、最近 1 小时、今日新增、最近 7 天、自动追踪新增 | 一级筛选需要随滚动吸顶，但不能改变控件所属区块：顶部内容集合筛选仍属于标题区下方的 `content-filter-wrap`；平台 Tab 和频道名/标题/链接搜索仍属于内容主容器顶部的 `filter-header`。内容集合筛选在低分辨率下不折行，改为单行横向滚动，保证 sticky 高度稳定；平台/搜索行的 sticky top 按内容集合筛选的固定高度预留，避免两层互相覆盖。页内锚点不再 sticky，锚点跳转统一预留两层一级筛选高度，避免滚动定位后标题被遮住。 `数据观察时间区间` 不进入一级筛选吸顶组，避免造成吸顶高度动态变化，也避免被误解为 `发布日期` 同类内容集合筛选。它保留在 `数据看板` 标题区右侧，作为 Dashboard 统计口径控件。该控件默认收起，只展示控件名、当前周期和展开箭头；点击后在原位下拉展开快捷项（近 7 天、近 30 天、项目全周期、自定义）和口径说明，点击外部收起。 顶部日期控件的产品命名统一为 `发布日期`。线上历史文案或技术 key 可能出现“建立日期”/`orderUpdateTime` 之类表达，但前端请求字段为 `publishStartTime/publishEndTime`，因此 761 设计中不再使用“建立日期”命名，避免被理解为监控任务创建日期。 数据观察周期与发布日期需要做最小联动，避免生成完全无效的 Dashboard： - 当存在发布日期起点时，数据观察周期的结束日期不能早于发布日期起点。 - 观察周期下拉层展示当前发布日期起点和约束说明。 - 结束日期早于发布日期起点的快捷项/自定义日期置灰，不可选择。 - 若用户修改发布日期后导致当前观察周期无效，数据看板标题区显示强提示，并给出 `调整为发布日起 7 天`、`调整为与发布日期一致`、`重新选择观察周期` 三个修正动作。 - 如果观察周期只与发布日期部分重合，不禁用；仅在观察周期控件附近或 Dashboard 摘要上方轻提示“部分内容仅覆盖部分观察周期”。 线上来源控件是级联结构：手动录入、自动追踪，以及自动追踪下的具体规则。Demo 用 `来源` chip 承接该入口，不拆出独立规则筛选。 ### 4.3 Dashboard 第一屏模块顺序 Dashboard 定位从“丰富图表区”收敛为“内容变化与数据可信度诊断区”。模块优先级按 `A > C > B`： - A：哪些内容、来源、平台、达人/频道值得关注。 - C：哪些数据不完整、不可信或需要补配置。 - B：项目整体是否达标本期不做核心表达。 当前 Demo 暂定模块顺序： ```text 1. 观察区间概览 2. 内容变化榜 + 关键指标趋势 3. 达人 / 频道贡献 ``` 当前 Demo 已按上述顺序重排 Dashboard。原始数据块保留为可配置数据底座，但不属于解释性看板内部；页面顺序为 `数据看板 -> 原始数据 -> 监控内容`。 `效率指标观察` 与 `数据可信度` 暂从 Demo Dashboard 禁用，不作为当前布局评审对象。两类信息后续需要与 `近期动向提醒` 一起重新讨论承载方式，避免形成零散、粗糙的提醒卡片堆叠。 `近期自动追踪新增` 不再作为 Dashboard 独立大卡片列表展示。它与短链缺失、预算未填写、评论不足一样，本质是“需要查看/处理的一批内容”，因此收敛为 `观察区间概览 / 待处理提示` 内的 `自动追踪新增` 卡片。点击该卡片定位到监控内容列表，并写入 `近期新增=自动追踪入库` 的列表内处理筛选；来源和规则名作为列表解释字段展示，不作为二级筛选的主条件。 Dashboard 与内容列表共用项目范围和内容集合筛选，但 `数据观察周期` 是 Dashboard 内部统计口径，不影响监控内容列表。看板集合型点击不再默认打开临时视图，也不把观察区间增量转译为表格列或列表排序；只有处理提示类入口转译为 `列表内处理筛选`： - 观察区间概览分为 `现状快照` 与 `待处理提示`。现状快照只读展示；待处理提示可点击，并转译为列表内处理筛选。 - 内容变化榜：保留在数据看板内分析；点击单条内容打开 `单内容监控` 抽屉，不定位到列表。 - 效率指标：当前 Demo 已禁用独立模块；若后续恢复，只允许作为可计算性/缺口解释，不重复展示原始数据数值。 - 数据可信度状态：当前 Demo 已禁用独立模块；评论、短链、预算等待处理入口先收敛到 `观察区间概览 / 待处理提示`。 - 达人/频道贡献：点击频道行打开频道聚合抽屉；如用户要进一步按该频道重算 Dashboard，应使用平台 Tab、频道/标题/链接搜索，或后续独立的创作者/频道筛选。 - 仅新增的列表条件展示为轻提示或标签；不重复展示全局筛选摘要，因为一级筛选、平台和数据观察周期已在页面内保持可见。清空列表筛选不影响 Dashboard、原始数据和贡献分析。 - 点击榜单中的单个内容行仍打开 `单内容监控` 抽屉。 临时明细抽屉降级为例外机制，仅用于列表难以表达的复杂公式说明或后续独立分析视图；761 Demo 主路径不再依赖集合型临时详情抽屉。 - 单行结果若本身已经对应明确处理动作，可以在行末展示轻量按钮，如 `绑定短链`、`补充预算`。 理由： - 先用可观测增量告诉用户近期是否有变化。 - 再用榜单告诉用户具体要看哪些内容。 - 然后解释哪些效率指标可算、哪些数据不可信。 - 最后把贡献拆解作为辅助判断，不把它包装成归因结论。 由于 Dashboard 高度会影响内容列表可见性，内容主容器顶部增加轻量分段锚点： - 锚点项：`数据看板`、`原始数据`、`监控内容`。 - 点击 `监控内容` 平滑滚动到内容列表。 - 点击 `原始数据` 平滑滚动到原始数据块。 - 点击 `数据看板` 回到 Dashboard 起点。 - 锚点不作为新的主导航，不占用左侧菜单；视觉上使用小胶囊样式，避免压过业务操作。锚点不吸顶，避免与一级筛选和平台筛选堆叠。 - 内容监控工作台在所有项目范围状态下共用同一套锚点。 区块标题统一： - `数据看板`、`原始数据` 与 `监控内容` 是工作台内的同级内容区块，标题统一使用左侧标题 + 说明文案、右侧工具区的样式。 - 工作台一级区块标题参考线上 `品牌监控` 大区块标题样式：标题左侧使用较小橙色圆点作为区块识别符；圆点只作用于标题行，不让第二行说明文案产生额外缩进。 - 一级区块标题需要显著高于内部卡片标题；小标题下方紧跟说明文案时，不使用橙色短线，避免与说明文字产生视觉冲突；只有标题下方直接进入内容时才可保留短线。 - `监控内容` 不再使用 Tab 标题样式；列表视图切换等轻量工具保留在标题右侧。 - 只有在区块内确实存在多个并列视图时才恢复 Tab 样式。 ### 4.4 近期状态摘要 Dashboard 近期状态摘要改名为 `观察区间概览`，用于快速理解当前内容集合在数据观察周期内的近期状态，不使用“诊断”这类偏重、偏异常判断的词。所有指标按当前 `数据观察时间区间` 计算，默认值为最近 7 天，但 UI 文案不能写死为“最近 7 天”；当前观察区间由 `数据看板` 标题区右侧的可折叠 `数据观察周期` 控件展示，例如 `2026-05-03 -- 2026-05-11`。 `观察区间概览` 分为两组： - `现状快照`：观看增量、Engagement 增量、互动率、活跃内容。只读展示，保留 tooltip 解释口径，不作为下钻入口。 - `待处理提示`：需关注内容、自动追踪新增、短链待处理、预算未填写、评论数据不足。可点击，点击后定位到 `监控内容` 列表并应用对应的列表内处理筛选；不改变 Dashboard、原始数据和贡献分析统计口径。 视觉上，`现状快照` 使用稳定、轻量的数据卡；`待处理提示` 使用更紧凑的行动卡，弱橙色边框与 hover 强化可点击性。两组放在同一个摘要区内，但通过标题和卡片样式区分“理解现状”和“进入处理”。 | 卡片 | 内容 | | --- | --- | | 观看增量 | 当前观察区间观看增量 | | Engagement 增量 | 当前观察区间点赞、评论、分享增量之和 | | 活跃内容 | 当前观察区间有观看或互动变化的内容数 | | 需关注内容 | 低增长/停滞、数据不可解释、配置缺失内容合计 | 口径说明改为贴近 `数据观察` 控件的小 tooltip 或小弹层，不占据 Dashboard 主区域。若后续要支持“按发布时间统计 / 按数据观察区间统计”等可切换口径，需要作为独立 spec topic 重新定义控件形态，不沿用大提示块。 ### 4.4.1 原始数据块 原始数据块延续线上“可配置数据总览”的心智，从 Dashboard 中拆出为独立区块，放在 `数据看板` 与 `监控内容` 之间。它更接近内容列表的数据底座，继承当前项目范围、内容集合筛选和数据观察时间区间，但不承担解释性看板的发现任务。 配置入口命名为 `配置数据块`，只控制原始数据块展示项，不放在页面顶部。 可配置数据池以线上字段为准，至少覆盖： - 观看量。 - 点赞数。 - 评论数。 - 分享数。 - Engagement 总量 / 互动率。 - Nox 短链点击数。 - 预算消耗。 - CPM / CPV / CTR。 预算、CPM、CPV、CTR 等依赖用户手动填写预算或配置短链的数据，默认以未填写、不可计算或未配置状态展示，不和平台采集指标混成同一种“采集数据”。 线上 `自定义数据` 在原始数据区域中更接近配置入口，与本期 `配置数据块` 按钮等价；761 不在原始数据平铺区内再展示 `自定义数据` 指标卡，也不在配置抽屉的展示项列表中保留该项，避免出现两个配置入口。 原始数据块展示方式保持线上一致：平铺数据卡片，不在区块内再分组。指标分类仍作为 spec 中判断“能否做趋势、榜单、时间区间计算”的规则，不直接呈现在该区块 UI 中。 每个需要解释的数据项在卡片右上角展示 `?` icon，hover 后以气泡展示口径说明。卡片正文只保留指标名和数值，不再使用第三行说明文字。数据卡片需要为说明 icon 预留右上角安全区；若卡片本身存在右侧数值列（如效率指标、可信度状态），说明 icon 需作为独立布局位处理，不能与数值或状态文本重合。 配置抽屉需保留线上必选项逻辑。第一版必选项为：观看量、点赞数、评论数、分享数、互动率；必选项显示 `必选`，不可隐藏，不参与拖拽排序。 原始数据块暂不展示绿色/红色对比值。`与上一周期对比`、固定基线对比、自定义观察区间下是否可比，都需要在 spec 中收口后再进入视觉方案。 交互： - 点击 `配置数据块`：右侧抽屉打开配置列表，用户可显示/隐藏原始数据项，保存为账号级配置。 ### 4.5 内容级变化榜 内容级变化榜放在 Dashboard 第二行左侧。 榜单指标可切换： - 观看增量。 - Engagement 增量。 - 点赞增量。 - 评论增量。 - 分享增量。 - ER / 互动率。 榜单行内需要把 Engagement 的子项分列展示：点赞、评论、分享分别展示；Engagement 作为综合值，ER 作为综合效率值。这样用户可以知道一条内容是靠点赞、评论还是分享拉动。 每条展示： - 排名。 - 内容标题。 - 来源：手动 / 自动追踪规则名。 - 观看增量。 - 点赞增量。 - 评论增量。 - 分享增量。 - Engagement 增量。 - ER / 互动率。 - 状态标签。 交互： - 点击单个内容行：打开 `单内容监控` 抽屉。 - 点击榜单指标：只切换 Dashboard 内榜单排序，不同步应用为列表排序。 - 第一版不提供榜单模块级 `应用到列表` 动作，避免把数据观察周期误解为列表口径。 - 点击规则名：作为来源解释展示；若需要按规则重算全页数据，应使用一级筛选中的来源/自动追踪规则。 ### 4.6 监控内容趋势 趋势图放在 Dashboard 第二行右侧，与内容级变化榜并列。趋势图不再只理解为“监控内容趋势”，而是 `关键指标趋势`，但第一版默认仍以可观测增长指标为主。 默认指标： - 观看量。 - 点赞数。 - 评论数。 - Engagement 总量。 - Nox 短链点击数，前提是当前项目存在短链数据。 Should： - 分享数。 - 收藏量。 - CTR，前提是短链点击和观看量都有同一观察区间数据。 暂不默认进入趋势： - 预算消耗、CPM、CPV、CPC、ROI、ROAS 等成本/效率指标，除非后端或数据录入能确认分子分母同一时间口径。 - 安装数、销量、销售额、自定义点击等手动/外部回填指标，除非存在录入时间或历史快照。 交互： - 切换指标后趋势图刷新。 - 拖拽或选择时间范围后，同步数据观察区间。 - 点击趋势点可以在列表中筛选对应日期范围，但第一版可不做强联动。 ### 4.6.1 效率指标观察（暂不落地） 效率指标不是本期 Dashboard 的核心变化入口。当前 Demo 和 PRD 暂不落地独立 `效率指标观察` 模块；CPM、CPV、CTR 等具体数值统一在原始数据块查看，可计算性/缺口先通过 tooltip、待处理提示和列表字段解释。 若后续恢复该模块，为避免与 `原始数据` 中的 CPM/CPV/CTR 数值重复，Dashboard 里的效率指标观察只承担可计算性和缺口诊断，不重复展示具体结果值；具体数值仍统一在原始数据块中查看。 布局建议：放在趋势图和数据可信度之间，作为横向轻量卡组或小表格。 默认展示： | 指标 | 展示方式 | | --- | --- | | 可计算效率指标 | 展示当前观察区间内可计算的效率指标数量和范围，例如 `3 项 / CTR、CPV、CPM` | | 短链覆盖缺口 | 展示未绑定短链内容数量，说明会影响 CTR | | 预算填写缺口 | 展示预算未填写内容数量，说明会影响 CPV/CPM | | 自定义口径待确认 | 展示自定义 CPC/CTR 等依赖外部回填或时间口径确认的指标数量 | 交互： - 点击可计算性卡片：打开效率指标计算明细，解释哪些内容参与计算、哪些内容被排除。 - 点击缺口卡片：打开数据可信度说明或对应处理明细，提示需要填写预算、绑定短链或确认口径。 - 底部确认动作可将缺口内容应用为列表筛选；卡片本身不直接改写列表。 - 不把效率指标写成“增长趋势”，统一称为“效率观察”或“区间计算值”。 ### 4.7 达人/频道贡献 展示为可切换指标的贡献表，而不是固定单一贡献进度条。 默认聚合范围： ```text 当前项目 + 当前筛选集合 + 当前数据观察区间 ``` 交互： - 模块内提供指标切换：`观看增量`、`Engagement`、`短链点击`、`内容数`。 - 默认选中 `观看增量`；切换指标后，贡献占比、排序和右侧数值列按当前指标重算。 - 指标切换只影响该模块自身，不改变全局筛选、内容列表筛选或列表排序。 - 点击达人/频道行：打开该达人/频道在当前项目范围内的相关内容聚合抽屉；抽屉内可再选择“应用为列表筛选”。 - hover 展示聚合说明：不跨平台合并，不引用历史均值。 - 空值聚合展示为 `未知创作者/频道`，不强行合并。 ### 4.8 平台贡献 平台贡献不进入当前 Dashboard 主展示。平台维度先由上方平台 Tab 和列表筛选承接，避免增加一个解释价值不强的独立数据块。 ### 4.9 标签贡献分析 标签贡献分析放在达人/频道贡献之后，用于承接“按标签看观察期增量”和“按标签看当前累计值”两个场景。它不替代一级筛选里的标签下拉，也不把标签点击直接写入列表筛选。 布局： - 标题区：`标签贡献分析` + 说明文案；模块内不放独立导出按钮，统一使用数据看板标题区的总导出入口。 - 第一行工具：左侧为模式切换 `观察期增量 / 当前累计值`，右侧为指标切换 `观看 / Engagement / 点赞 / 评论 / 分享 / 短链点击 / 内容数`。 - 说明条：提示多标签重复归属，同一内容可能计入多个标签。 - 主体：左侧横向条形榜单，右侧 donut 占比图和图例。 - 底部：标签明细表。`观察期增量` 模式展示标签内容数、观察期活跃内容和各项增量；`当前累计值` 模式展示标签内容总数和各项当前累计值。 交互： - 默认 `观察期增量 + 观看`。 - 点击 `当前累计值` 后，条形榜、donut 和明细表整体切换为最新累计数据。 - 点击指标切换项后，仅重算本模块排序、占比和数值，不改变 Dashboard 其他模块、全局筛选或监控内容列表。 - 指标切换项同时控制图表排序和底部全量表格排序；当前排序列在表头中以 `↓` 或轻量高亮标记。 - `内容数` 在 `观察期增量` 下按观察期活跃内容排序，在 `当前累计值` 下按标签内容总数排序。 - 页面图表可以展示 TOP 20 + 其它；导出必须包含全部标签明细。 - 一级筛选 `视频标签` 下拉中，标签名后展示未经过当前筛选缩小的监控内容数量，例如 `Launch（42）`。 ### 4.10 Dashboard / 表格导出入口 工作台沿用既有 XLSX 数据导出体系，并在本期适配三类导出入口： | 入口位置 | 文案 | 设计说明 | | --- | --- | --- | | 当前范围卡片内 | `全量导出 XLSX` | 与 `归档项目`、`添加监控` 同属当前范围操作，不放在全局大 header | | 数据看板标题区 | `导出看板 XLSX` | 导出当前筛选视图下的看板数据，包含标签贡献全部明细；Dashboard 内部子模块不重复放导出按钮 | | 监控内容标题区 | `导出当前视图 XLSX` | 导出当前筛选视图下的监控任务表格 + 原始数据 | 导出成功后使用轻提示反馈，不打开额外确认弹窗；权限不足、超过配额或大文件异步导出等状态沿用线上体系。 ### 4.11 数据可信度（暂不落地） 数据可信度不作为当前 Dashboard 独立模块落地。评论、短链、预算/成本、缺少基线点等可信度问题，先分别通过 `观察区间概览 / 待处理提示`、原始数据 tooltip、内容列表事实字段和单内容抽屉空态解释承接。 若后续恢复独立模块，可作为 Dashboard 第三行的轻量模块，不做成大报告。 展示： - 评论数据不足内容数。 - 未绑定短链内容数。 - 预算/成本未填写内容数。 - 缺少基线点内容数。 交互： - 点击任一状态，内容列表筛选对应状态。 - 状态说明以 tooltip/小弹层承载，不占用大面积文案。 ### 4.10 内容列表 Dashboard 已承载趋势和分析能力，内容列表区只保留 `监控内容`，不再提供第二个 `趋势` Tab，避免同一页面出现两套趋势入口。 内容列表标题与 `数据看板` 标题保持一致，不再表现为单独的 Tab 选中态。内容数量作为标题旁的弱徽标展示，视图切换保留在标题右侧。 列表必须继承当前 Dashboard 筛选上下文： - 平台。 - 来源。 - 自动追踪规则。 - 标签。 - 发布时间。 在继承全局筛选之外，内容列表区允许提供 `列表内处理筛选`，用于只影响下方表格，不影响 Dashboard、原始数据和贡献分析。 列表内处理筛选设计要求： - 放在 `监控内容` 区块标题与表格之间。 - 顶部说明清楚“只影响下方监控内容列表”。 - 支持数据问题、短链状态、预算状态、评论状态、近期新增等处理型筛选。 - 不放入状态、来源、规则名、标签、创建人、频道名/标题/链接搜索等内容集合筛选；这些维度保持在一级筛选中。 - 不重复展示全局筛选/统计口径摘要；这些控件已经在页面内保持可见。 - 只有从 Dashboard 或用户操作新增的列表条件，才在筛选区内以轻提示或标签展示。 - `清空列表筛选` 只清空二级筛选，不清空项目范围、平台、发布日期等全局条件；数据观察周期不属于列表筛选。 新增/强化字段： - 当前总观看量。 - 近期观看量趋势：在表格中以轻量 inline graph 展示近期走势，只帮助扫描，不触发筛选或排序。 - Engagement / 互动率。 - 来源与自动追踪规则名，作为列表解释字段展示。 - 新增时间：承接 `近期新增` 筛选，展示监控任务创建/入库时间。 - 监控进度。 - 评论数：沿用线上评论数字段，并在同列辅助展示样本不足/未同步等状态。 - Nox 短链点击数：沿用线上短链点击字段，并在同列辅助展示未绑定/无点击等状态；未绑定时显示 `绑定` 快捷入口。 - 预算消耗：沿用线上预算字段，并在同列辅助展示未填写/不可计算等状态；未填写时显示 `填写` 快捷入口。预算是用户手动填写数据，默认未填写。 - 低增长/停滞不新增单独列表列，也不放入二级筛选；该类判断留在 Dashboard 的内容变化榜/观察区间概览内表达。 表头配置抽屉使用线上字段池，不只展示当前默认表头。字段池至少包括： | 字段 | 默认展示 | 设计说明 | | --- | --- | --- | | 内容 | 是，必选 | 固定置顶，不能隐藏，不能拖动排序 | | 所属项目 | 多项目/全部项目默认展示 | 单项目范围可不展示 | | 观看量 | 是 | 当前总观看量 | | 近期观看量趋势 | 是 | 行内 sparkline，用于快速扫视走势，不作为筛选或排序口径 | | 点赞数 | 是 | 当前点赞数 | | 评论数 | 是 | 可在同列辅助展示评论状态 | | 分享数 | 是 | 当前分享数 | | 收藏 | 否 | 任务字段池保留 | | 点击数 | 否 | 任务字段池保留 | | 互动率 | 是 | 当前互动率 | | 进度 | 是 | 监控进度 | | 预估视频价值 | 否 | 任务字段池保留 | | 预算消耗 | 是 | 用户手动填写数据，可展示未填写 | | CPM | 否 | 成本效率字段 | | CPV | 否 | 成本效率字段 | | 状态 | 否 | 任务字段池保留；默认不展示混合状态列 | | 地区 | 否 | 任务字段池保留 | | 内容类型 | 否 | 任务字段池保留 | | 视频标签 | 否 | 任务字段池保留 | | 额外标签1 | 否 | 任务字段池保留 | | 额外标签2 | 否 | 任务字段池保留 | | 备注 | 否 | 任务字段池保留 | | 任务负责人 | 否 | 任务字段池待确认；线上项目层级无负责人概念，未确认前不作为默认字段 | | 创建人 | 否 | 任务字段池保留 | | 监控时长 | 否 | 任务字段池保留 | | 发布日期 | 否 | 内容发布时间 | | 来源 | 是 | 手动添加/自动追踪规则 | | 新增时间 | 是 | 761 新增承接近期新增筛选 | | Nox短链点击数 | 是 | 承接短链状态 | 与线上版本的区别： - 线上列表中的 `状态` 更像混合总状态，可能同时承载监控生命周期、数据缺失、配置缺失、评论不足等含义。 - 761 不默认新增 `监控状态` 或 `处理状态` 两个总状态列，避免形成新的模糊状态体系。 - 监控中、已完成、已删除、其他状态沿用线上状态枚举；进行中进度由 `监控进度` 承接。 - 短链缺失、预算未填写、评论数据不足、近期新增分别由 `Nox 短链点击数`、`预算消耗`、`评论数`、`新增时间` 承接；低增长/停滞留在 Dashboard 内部表达，不进入列表字段。 - 二级筛选命中后，列表通过对应事实字段解释命中原因，而不是通过一个聚合状态标签解释。 - `绑定` / `填写` 是列表内轻量快捷入口，点击后打开 `单内容监控` 抽屉并定位到对应字段；不在表格单元格内直接编辑，避免破坏批量浏览效率。 交互： - 点击行：打开任务详情抽屉。 - 点击来源规则：打开对应任务详情或作为解释字段展示，不直接写入二级筛选。 - 点击标签/状态/创建人等一级筛选维度：若需要按该维度重算全页数据，应引导用户使用一级筛选。 - 排序由表头承接，不放在列表内筛选行；排序不改变筛选上下文。 - 点击表头末尾齿轮图标：右侧抽屉打开账号级表头配置。 表头配置抽屉： - 抽屉从右侧展开，不打断当前列表上下文。 - 字段纵向列表展示。 - 每一项包含拖动排序 handle、字段名和显示/隐藏开关。 - `内容` 列永远固定在第一项，不能隐藏，不能拖动排序；抽屉中以固定态展示。 - 保存后作为账号级配置；已选多项目和全部可见项目范围额外支持 `所属项目` 字段。 - 列表样例需要覆盖 `监控中`、`已完成`、`已删除`、`其他状态`、`评论不足`、`短链缺失`、`预算未填` 等状态，避免只展示理想数据。 --- ## 5. 任务详情抽屉 ### 5.1 定位 任务详情抽屉是单条监控任务的完整详情承载，不升级为独立页面，但信息密度需要接近线上详情抽屉。 任务详情抽屉不使用 `展示重点 / 快速处理` 的临时明细结构。临时明细只用于 dashboard 榜单、频道聚合、短链缺口等集合型下钻；单条内容行始终打开完整任务详情抽屉。 ### 5.2 信息结构 ```text 内容身份 ├─ 封面 / 时长 / 平台 ├─ 标题 / 描述 ├─ 创作者 / handle / 发布时间 └─ 原内容链接 监控配置 ├─ 所属项目 ├─ 任务负责人（如线上存在且后端确认） ├─ 监控时长 ├─ 合作视频/贴文链接 ├─ 视频标签 / 额外标签1 / 额外标签2 ├─ Nox 短链 ├─ 视频备注 └─ 来源 / 自动追踪规则名 数据总览 ├─ 观看 / 点赞 / 评论 / 分享 / 互动率 └─ CPV / 自定义数据等线上已有字段 视频/贴文数据趋势 ├─ 日期范围选择 ├─ 图表 / 列表切换 ├─ 导出数据 ├─ 指标快照 ├─ 指标图例 └─ 折线趋势 Nox 短链点击数据分布 ├─ 地理位置分布 └─ 设备分布 评论情感分析 └─ 情感分布 / 空态原因 评论高频词 └─ 高频词 / 空态原因 ``` 字段级编辑动作跟随字段出现，例如项目、任务负责人（如线上存在且后端确认）、监控时长、标签、短链和备注；不要在抽屉顶部集中堆叠编辑按钮。短链、评论情感、高频词模块即使暂无数据也保留模块位置，用空态解释当前不可用，而不是直接隐藏。 监控配置区增加 `预算/成本` 字段。该字段是用户手动填写数据，默认展示 `未填写`，编辑入口跟随字段出现。它不属于平台采集指标，也不默认受数据观察周期影响。 抽屉中的 `数据总览` 默认继承项目工作台的原始数据块配置，不在抽屉内单独维护一套配置。项目配置改变后，抽屉中原始指标展示同步变化；内容身份、监控配置、趋势、短链和评论分析等结构性模块不受原始指标配置隐藏。 `视频/贴文数据趋势` 标题区右侧增加 `导出数据` 按钮，位于图表/列表切换与日期范围选择之前。导出只针对当前单条监控任务、当前趋势日期范围和当前选中指标，不改变工作台筛选，也不等同于监控列表的批量导出。若无可导出趋势数据，按钮置灰并在 hover/tooltip 中说明原因。 抽屉可加入与项目 Dashboard 对应的单条图表，但只能解释该内容自身： - 单条内容数据趋势：观看、点赞、评论、分享、Engagement、Nox 短链点击。 - Engagement 构成：点赞、评论、分享占比。 - 效率指标状态：CTR/CPV/CPM 是否可计算，以及短链/预算缺口。 - 评论情感和高频词：沿用线上模块，保留空态。 不在单内容抽屉内加入项目级榜单、跨内容排名、平台贡献或频道聚合。 ### 5.3 评论状态 评论区域不承诺新增抓取能力，只补原因解释。 状态建议： - 有可分析数据。 - 暂无评论。 - 样本过少。 - 未抓取/未同步。 - 平台或权限限制。 - 处理中。 - 获取失败。 如果后端暂时没有原因码，第一版统一显示： ```text 暂无可分析评论数据 ``` 并补一句轻量解释： ```text 可能由于评论样本不足、平台限制或数据尚未同步。 ``` ### 5.4 短链状态 状态建议： - 未绑定短链。 - 已绑定无点击。 - 有点击数据。 - 同步中。 - 获取失败。 - 统计范围待确认。 CTR 不作为默认强展示，直到确认分母与统计起点。 ### 5.5 预算/成本状态 预算、预计花费、预算消耗、成本均为用户手动填写，默认未填写。 展示策略： - 未填写：展示 `未填写`，CPM/CPV 为 `--`。 - 已填写：展示填写值和计算结果。 - 观看量为 0：展示成本已填写但效率指标不可计算。 - 币种/单位缺失：提示谨慎解释。 公式说明放在 tooltip： ```text CPM = 成本 / 观看量 * 1000 CPV = 成本 / 观看量 ``` --- ## 6. 项目范围与跨项目视图 ### 6.1 定位 跨项目内容排查不再对应一套独立工作台页面，而是统一工作台中的项目范围状态。 它保留两个使用路径： - 从项目列表工具区进入：默认全部项目。 - 从项目列表多选进入：默认筛选已选项目。 ### 6.2 页面结构 ```text 内容监控工作台标题区 ├─ 当前项目范围：单项目 / 已选 N 个项目 / 全部可见项目 ├─ 项目名 / 范围名后的编辑范围 icon ├─ 当前范围内容数 / 覆盖平台 / 需关注内容数 └─ 添加监控（按权限保留） 项目级筛选 └─ 状态 / 地区 / 视频标签 / 额外标签1 / 额外标签2 / 创建人 / 监控时长 / 观看量 / 视频类型 / 来源 / 发布日期 内容主容器 ├─ 平台 Tab + 搜索 ├─ 数据看板标题区 + 数据观察周期 ├─ Dashboard 近期快照 ├─ Dashboard 分析模块 ├─ 内容列表 └─ 分页 ``` 除项目范围控制和多项目状态下的 `所属项目` 字段外，其余模块顺序保持一致。 页面顶部控制区规则： - `项目范围` 不再作为内容主容器中的独立卡片，改为工作台标题区的一部分。 - 标题区主信息为 `当前范围`，只保留橙色范围底色块；不再额外展示 `内容监控工作台` 大标题。 - `编辑范围` 不占正式按钮位，改为项目名 / 范围名后的轻量 icon，点击后打开项目范围抽屉。 - `添加监控` 合入当前范围卡片右侧摘要区，作为范围上下文内的主要动作；不再独立漂在范围底色外。标题区不再放 `返回项目列表` 按钮，返回可由左侧导航、浏览器返回或面包屑承接。 - 当当前范围是单个已归档项目时，标题区显示 `已归档` 生命周期标签和归档说明；`添加监控` 禁用，显示归档项目不能新增监控的原因。多项目 / 全部项目范围内若包含已归档项目，归档项目参与历史数据查看，但不能成为新增监控或自动追踪新增的目标。 - 项目级筛选组紧贴标题区下方，与范围信息共同构成页面顶部控制区；不要在范围信息和筛选组之间插入内容区卡片。 ### 6.3 URL 参数与项目范围控制交互 内容监控工作台 URL 通过 `projects` 参数表达项目范围： ```text /video-monitor/workbench?projects= ``` | 参数形态 | 页面状态 | | --- | --- | | `projects=<单个项目ID>` | 单项目范围 | | `projects=<项目ID1>,<项目ID2>` | 已选多项目范围 | | `projects=all` | 全部可见项目范围 | `all` 是全部可见项目的保留标记，不能与项目 ID 混用。项目范围抽屉应用后同步更新该参数；其他筛选项继续使用独立查询参数，不塞进 `projects`。 自动追踪通知 deep link 本期不落地。若后续进入版本，可在 `projects` 之外追加任务定位参数，并复用单内容监控详情抽屉承接通知点击。 项目范围控制是统一工作台的核心上层控件。它默认整合在标题区，点击 `编辑范围` 后打开右侧抽屉。 控制区默认展示： - 当前范围摘要：`单项目` / `全部可见项目` / `已选 N 个项目`。 - 当前范围下的内容数量、覆盖平台数、需关注内容数。 - 编辑入口使用项目名 / 范围名后的轻量编辑 icon，不使用正式按钮样式。 编辑范围抽屉展示： - 顶部 `全部可见项目` 独立选项。 - `已选中项目` 暂存区，作为当前已选项目的事实源。 - 与项目列表页项目列表筛选等价的筛选项：卡片状态、创建人、平台、项目名称搜索。 - 项目多选列表，至少展示项目名称、平台、内容数、是否已选。 - `取消`、`应用项目范围` 操作。 范围判断规则： - 选择 `全部可见项目` 时，清空具体项目勾选。 - 勾选任一具体项目时，自动取消 `全部可见项目`。 - 勾选 1 个具体项目时，应用后进入 `scope = 单项目`。 - 勾选 2 个及以上具体项目时，应用后进入 `scope = 已选多项目`。 - 清空具体项目后，自动回到 `全部可见项目`，避免出现空范围。 - 已选中项目暂存区不受下方筛选条件影响；下方项目卡片列表只是当前筛选结果，不能作为已选事实源。 状态规则： | 状态 | 表现 | | --- | --- | | 从项目卡片进入 | 默认 `scope = 单项目`，范围控制条展示项目名 | | 从全部项目入口进入 | 默认 `scope = 全部可见项目`，项目列表可不全量展开，但可搜索 | | 从多选项目入口进入 | 默认 `scope = 已选多项目`，展开后已选项目置顶 | | 切换为全部可见项目 | Dashboard 和列表按全部可见项目聚合 | | 改变项目范围但未应用 | 编辑抽屉显示待应用状态，不立即刷新页面数据 | | 应用项目范围 | Dashboard、贡献分析、内容列表和分页同步刷新 | | 项目过多 | 支持搜索，不在页面内一次性铺开全部项目 | ### 6.4 入口交互 #### 默认全部项目入口 - 用户在项目列表的 `项目近期概览` 区点击 `查看全部项目内容`。 - 进入内容监控工作台。 - 项目范围默认继承概览区的项目范围；默认显示 `全部可见项目`。 - 页面顶部提示：`当前查看全部可见项目的监控内容`。 #### 多选项目入口 - 用户点击 `多选项目` 后进入多选态。 - 多选态展示勾选框、`取消多选` 和批量操作栏。 - 选中 0 个项目时，`查看已选项目内容` 禁用且不可跳转。 - 选中至少 1 个项目时，`查看已选项目内容` 可点击。 - 点击后进入内容监控工作台。 - 标题区项目范围显示 `已选 N 个项目`，并可打开抽屉查看项目名。 - 点击 `取消多选` 后退出多选态，隐藏勾选框和批量操作栏。 - 用户可清空项目筛选回到全部项目。 ### 6.5 与单项目范围的一致性 不同项目范围状态必须保持一致： - Dashboard 模块顺序一致。 - Dashboard 指标口径一致。 - Dashboard 点击联动一致。 - 字段名称一致。 - 排序口径一致。 - 状态标签一致。 - 详情抽屉一致。 - 数据观察区间口径一致。 允许新增： - 标题区 `项目范围` 信息。 - 内容列表 `所属项目` 列。 - Dashboard 中的 `当前项目范围` 提示。 ### 6.6 旧入口迁移 如果当前线上仍保留 `项目 / 监控列表` Tab： - 本期设计建议移除平级 Tab 表达。 - 若技术或迁移风险较高，可保留弱入口，但视觉上不与项目列表并列。 - 旧链接访问 `/video-monitor/monitor-list` 时仍能进入内容监控工作台，并设置 `scope = 全部可见项目`。 - 页面标题和面包屑统一为 `内容监控工作台`，范围控制条展示 `全部可见项目`。 - 页面主体使用统一工作台结构，不再展示旧“总监控列表”式布局。 --- ## 7. 归档方案 ### 7.1 B 列表运营型 B 不进入主设计。 可保留的能力： - 运营关注队列。 - 批量操作强化。 - 任务详情抽屉右侧预览思路。 归档原因： - Dashboard 独立感不足。 - 容易让 761 退化为列表优化，而不是项目工作台升级。 ### 7.2 C 看板分析型 C 不整体采用。 可保留的能力： - 贡献分析模块。 - 数据可信度模块。 - 内容变化矩阵的轻量表达。 归档原因： - 页面过重。 - 后端聚合依赖较高。 - 与内容监控高频操作工具定位有冲突。 --- ## 8. 待设计/研发确认点 | 编号 | 问题 | 建议处理 | | --- | --- | --- | | D1 | 数据观察时间区间是否可联动 Dashboard 与任务详情趋势 | PRD 前与后端确认 | | D2 | 项目列表近期速览是否能由列表接口直接返回 | 若不能，先降级为进入详情后展示 | | D3 | 达人/频道贡献是否后端全量聚合 | 不允许只按当前页前端聚合 | | D4 | 评论状态原因码是否存在 | 不存在时统一空态，不伪造原因 | | D5 | 短链点击统计起点 | 未确认前 CTR 不强展示 | | D6 | 预算/成本字段单位和币种 | 未确认前 tooltip 提示谨慎解释 | | D7 | 跨项目视图旧链接和旧 Tab 如何兼容 | 设计和研发共同确认迁移策略 | | D8 | 多项目范围聚合指标是否支持按项目范围全量聚合 | 若不支持，PRD 中需给降级方案 | --- ## 9. Demo 索引 主线 Demo： - 项目列表：`06_Prototypes/monitor_761_layout_demos/project-list.html` - 内容监控工作台（单项目范围入口）：`06_Prototypes/monitor_761_layout_demos/option-a-project-workbench.html` - 内容监控工作台（跨项目范围入口兼容页）：`06_Prototypes/monitor_761_layout_demos/option-d-ia-transition.html` 归档 Demo： - B 列表运营型：`06_Prototypes/monitor_761_layout_demos/option-b-list-ops.html` - C 看板分析型：`06_Prototypes/monitor_761_layout_demos/option-c-dashboard-board.html`