TASK UI SPEC

任务系统说明页

当前说明页覆盖的已确认运行态包括:内容任务 / 爬取数据、内容任务 / 更新配置、内容任务 / 详情页、计划任务 / 计划批次、计划任务 / 步骤结果弹层、转文任务、音色任务 / 系统音色、音色任务 / 用户音色、切片任务、视频组管理任务 / 任务列表、视频组管理任务 / 更新配置、垃圾管理 / 失败任务清理、向量任务、画像任务。整页说明均以当前运行页真实效果为准,不沿用旧说明页历史内容。

说明页入口:/api/task-p0-preview.html?_v=20260408_task_preview_vector_item_stack_p0_15
效果页入口:/Preview/task-p0-preview.html?_v=20260412_preview_shell_01
说明页标题版本:v20260408_task_preview_vector_item_stack_p0_15
统一资产:../yx-ui-standard.css?v=20260411_modal_radius_3level_p0_44
统一行为:../yx-ui-standard.behavior.js?v=20260407_multiselect_behavior_p0_01
当前事实来源:
- http://127.0.0.1:9100/api/task-p0-runtime.html?service=content&tab=crawl
- http://127.0.0.1:9100/api/task-p0-runtime.html?service=content&tab=config
- http://127.0.0.1:9100/api/task-p0-runtime.html?service=content&tab=detail&detail=crawl_1
- http://127.0.0.1:9100/api/task-p0-runtime.html?service=plan
- http://127.0.0.1:9100/api/task-p0-runtime.html?service=plan&view=account
- http://127.0.0.1:9100/api/task-p0-runtime.html?service=plan&tab=task&view=item
- http://127.0.0.1:9100/api/task-p0-runtime.html?service=transcribe
- http://127.0.0.1:9100/api/task-p0-runtime.html?service=voice&tab=system
- http://127.0.0.1:9100/api/task-p0-runtime.html?service=voice&tab=user
- http://127.0.0.1:9100/api/task-p0-runtime.html?service=slice
- http://127.0.0.1:9100/api/task-p0-runtime.html?service=group&tab=tasks
- http://127.0.0.1:9100/api/task-p0-runtime.html?service=group&tab=schedule
- http://127.0.0.1:9100/api/task-p0-runtime.html?service=garbage&tab=failed_jobs
- http://127.0.0.1:9100/api/task-p0-runtime.html?service=vector
- http://127.0.0.1:9100/api/task-p0-runtime.html?service=profile

目录

内容任务 / 爬取数据

1. 页面信息

内容
当前运行页http://127.0.0.1:9100/api/task-p0-runtime.html?service=content&tab=crawl
一级 / 二级导航内容任务 / 爬取数据
页面类型标准任务列表页
页面结构顶部二级导航 + 列表工具栏 + 横向滚动任务表 + 标准分页 + 操作列详情入口
筛选控件搜索框、队列状态筛选、爬取状态筛选、重置按钮
列表关键字段#、账号名、渠道、数据入库、队列状态、排队序号、爬取 TaskID、爬取状态、内容数、待派发、音频状态统计、创建时间、更新时间、操作

2. 完整样式视图

本段只复刻当前运行页可见的列表态与导航态,直接调用统一 UI 标准类,不额外造业务皮肤。

内容任务 / 爬取数据主视图

对应当前运行态的顶部导航、工具栏、任务列表、分页。

# 账号名 渠道 数据入库 队列状态 排队序号 爬取 TaskID 爬取状态 内容数 待派发 音频状态统计 创建时间 更新时间 操作
1 示例账号A 抖音 已入库 执行中 3 cr202604030001 处理中 86 21 2026.04.03 19:12:22 2026.04.03 19:18:05 详情
2 示例账号B 抖音 待入库 排队中 8 cr202604030002 等待 42 35 2026.04.03 18:42:10 2026.04.03 18:57:48 详情
共 428 条

3. 控件清单

搜索框

调用说明

来源:.yx-search.yx-toolbar__search--standard.yx-search__icon.yx-search__clear

用途:绑定内容任务搜索;当前占位词固定为“搜索编号 / 账号 / TaskID / 关键字”。

注意:与运行页同款搜索骨架,不新增任务系统私有搜索样式。

状态双筛选

调用说明

来源:两个同款 .yx-select,不区分私有皮肤。

用途:分别承接队列状态与爬取状态筛选;当前运行态都是自动查询模式。

注意:选项文案以运行页中文状态为准,不沿用旧说明页英文状态。

任务列表

#账号名爬取状态操作
1示例账号A处理中详情

调用说明

来源:.yx-list-shell.yx-table-wrap--overflow-x.yx-table.yx-table--task.yx-table__action

用途:承接爬取数据主列表;操作列为标准链接态,不单独造按钮皮肤。

注意:横向滚动与操作列样式保持运行页同款。

标准分页

共 428 条

调用说明

来源:.yx-pagination.yx-pagination--standard.yx-select--compact

用途:承接内容任务列表分页;页大小、总数、翻页按钮、页码块都与运行页一致。

注意:这是计划任务等列表共用的标准分页,不在别的支线重复拆皮肤。

4. 弹窗清单 / 详情链路说明

说明
入口列表操作列使用标准 .yx-action-link“详情”进入二级详情态。
当前承接方式与运行页一致,详情承接在同一任务系统运行文件内的详情 pane,不是独立弹窗。
详情骨架详情标题、基础字段、执行阶段表、结果概览统计卡、时间字段。
当前记录范围当前只记录链路说明,不引入运行页不存在的弹窗结构。

5. 调用说明

合同
来源资产../yx-ui-standard.css?v=20260411_modal_radius_3level_p0_44 + ../yx-ui-standard.behavior.js?v=20260407_multiselect_behavior_p0_01
关键 DOM.yx-main-nav--topbar.yx-list-toolbar.yx-search.yx-select.yx-table.yx-table--task.yx-pagination
状态表达数据入库 / 队列状态 / 爬取状态全部使用标准 .yx-status,文案与运行页当前中文状态一致。
详情入口操作列保持标准 .yx-action-link;说明页不另造 modal 说明。
红线结论本支线无新增私有控件样式,全部复用统一 UI 标准类。

内容任务 / 更新配置

1. 页面信息

内容
当前运行页http://127.0.0.1:9100/api/task-p0-runtime.html?service=content&tab=config
一级 / 二级导航内容任务 / 更新配置
页面类型标准配置页
页面结构顶部二级导航 + 顶栏保存动作 + 配置表单 + 最近执行概览
关键控件启用开关、抓取数量数字步进器、调度模式下拉、周几 + 时分调度、保存态、主次按钮、统计卡
当前范围不记录额外弹窗;只记录当前运行页内已经存在的配置页骨架与标准控件调用。

2. 完整样式视图

内容任务 / 更新配置主视图

对应当前运行态的顶部导航、右上保存动作、配置表单和执行概览。

待保存

内容任务更新配置

配置项仅做样式展示:启用开关、抓取数量、周几 + 时分调度。

启用开关
调度模式
周几 + 时分调度

最近执行概览

展示最近一次任务调度结果(静态样式)。

最近执行时间03:302026.04.04
最近提交任务数128内容任务 / 爬取数据
最近成功率98%成功 126 / 失败 2

3. 控件清单

顶栏保存动作

待保存

调用说明

来源:.yx-console-stage__topbar-actions.yx-settings-state.yx-btn

用途:承接配置页右上保存动作;当前运行页就是这组主次按钮语言。

注意:不新增任务系统专属按钮排版。

启用开关

调用说明

来源:.yx-switch-card + .yx-switch

用途:配置页开关型字段的标准承载方式。

注意:说明页只记录标准接入,不扩展新的开关外观。

抓取数量数字步进器

调用说明

来源:.yx-number.yx-number__input.yx-number__stepper.yx-number__btn

用途:数量类配置的标准输入方式。

注意:箭头 DOM 与标准页一致,不替换为私有图标。

周几 + 时分调度

调用说明

来源:.yx-select + .yx-input[type="time"]

用途:配置页的调度组合控件;运行页当前为二联结构,不额外包私有卡片。

注意:时间控件必须使用统一 UI 标准时间输入,不自造图标槽位。

最近执行概览统计卡

最近执行时间03:302026.04.04
最近提交任务数128内容任务 / 爬取数据
最近成功率98%成功 126 / 失败 2

调用说明

来源:.yx-stat-chip 系列标准统计卡。

用途:承接最近执行概览,不另造配置页私有摘要组件。

注意:颜色和卡片语言以标准语义卡为准。

4. 弹窗清单 / 详情链路说明

说明
独立弹窗当前运行页无独立弹窗;当前支线仅记录同页配置结构。
详情链路当前支线属于同页配置态,不存在二级详情链路。
交互承接保存态、立即执行一次、保存配置均在顶栏动作区承接。

5. 调用说明

合同
来源资产../yx-ui-standard.css?v=20260411_modal_radius_3level_p0_44 + ../yx-ui-standard.behavior.js?v=20260407_multiselect_behavior_p0_01
关键 DOM.yx-main-nav--topbar.yx-console-stage__topbar-actions.yx-settings-state.yx-switch-card.yx-number.yx-select.yx-input[type="time"].yx-stat-chip
保存区口径右上动作区采用标准主次按钮,不新增配置页私有按钮条。
调度控件口径周几使用标准下拉,时分使用标准时间输入;二者保持与运行页同层级组合。
红线结论本支线无新增私有控件样式,全部使用统一 UI 标准控件。

内容任务 / 详情页

1. 页面信息

内容
页面来源 URLhttp://127.0.0.1:9100/api/task-p0-runtime.html?service=content&tab=detail&detail=crawl_1
一级 / 二级导航归属内容任务 / 详情页
页面类型详情页
topbar 状态使用统一二级详情页 topbar 返回上一层,back 按钮返回内容任务 / 爬取数据列表。
关键字段范围任务标题、内容任务ID(运行页字段名为“内容编号”)、账号、来源、TaskID、队列序号(统计卡口径)、状态、各阶段表、统计卡、创建时间、更新时间、备注。
当前可见结构二级详情页 topbar、详情标题与说明、基础信息只读表单区、阶段表、统计卡区、补充字段区。

2. 完整样式视图

按运行页 detail=crawl_1 当前真实结构录入:仅展示详情页本身;当前运行页无编辑按钮、保存按钮、弹窗或额外操作列。

内容任务详情页

从内容任务 / 爬取数据列表的“详情”进入,当前页由统一详情 topbar + 只读详情主体组成。

内容任务详情 / 示例账号A

查看当前内容任务的执行链路、派发概览和时间字段。

执行阶段

按当前运行页演示内容任务从排队到派发的关键链路。

阶段TaskID状态说明
数据入库--已入库内容记录已写入主队列
队列调度--执行中当前排队序号为 3
爬取执行cr202604030001处理中爬取任务仍在补充内容
派发统计--待派发 21音频待转写 12 / 已转文案 8 / 失败 1

结果概览

展示当前内容任务的内容数、待派发和音频状态统计。

内容数86已入库内容
待派发21待进入下一步
已转文案8文案结果汇总
待转音频12等待音频转写
失败数1需人工复核
排队序号3当前执行优先级

时间字段

当前内容任务的创建时间与更新时间。

3. 控件清单

二级详情页 topbar

调用说明

来源:.yx-task-detail-topbar.yx-task-detail-topbar__back.yx-task-detail-topbar__title

用途:承接详情页返回动作与当前详情标题。

注意:与计划任务详情层共用同一套返回型 topbar 语言,不退回普通标题栏。

只读输入框

调用说明

来源:.yx-field + .yx-input[readonly]

用途:承接内容任务ID、账号、来源、TaskID、状态等详情字段。

注意:当前页全部为只读字段,无编辑态或提交动作。

阶段表

阶段TaskID状态说明
爬取执行cr202604030001处理中爬取任务仍在补充内容

调用说明

来源:.yx-table.yx-table--standard + .yx-status

用途:记录内容任务从数据入库到派发统计的阶段链路。

注意:当前页阶段信息是只读表,不变成时间线或卡片流。

统计卡

内容数86已入库内容
待派发21待进入下一步
已转文案8文案结果汇总

调用说明

来源:.yx-stat-chip 系列标准统计卡。

用途:承接内容数、待派发、已转文案、待转音频、失败数、排队序号等结果概览。

注意:统计卡只展示运行页当前摘要,不扩成新型运营卡片。

只读备注区

调用说明

来源:.yx-field + .yx-input[readonly]

用途:承接补充说明字段,当前运行页以只读单行备注展示。

注意:当前运行页以单行只读备注展示,不存在 textarea 或备注编辑入口。

4. 弹窗清单 / 详情链路说明

说明
进入方式本页本身由内容任务 / 爬取数据列表操作列“详情”进入。
弹窗状态当前页无弹窗。
二次下钻当前页无二次下钻弹窗。
返回链路返回动作来自顶部 .yx-task-detail-topbar__back,返回上一层爬取数据列表。

5. 调用说明

合同
来源资产../yx-ui-standard.css?v=20260411_modal_radius_3level_p0_44 + ../yx-ui-standard.behavior.js?v=20260407_multiselect_behavior_p0_01
详情页壳层来源.yx-panel.yx-settings-stage,详情页正文延续统一设置页/详情页骨架。
topbar 来源.yx-task-detail-topbar.yx-task-detail-topbar__back.yx-task-detail-topbar__title
只读字段来源.yx-field + .yx-input[readonly],不新增详情页私有字段容器。
阶段表来源.yx-table.yx-table--standard + .yx-status,承接阶段 / TaskID / 状态 / 说明四列。
统计卡来源.yx-stat-chip,承接内容数、待派发、音频状态统计与排队序号。
链路关系本支线是内容任务 / 爬取数据 列表“详情”入口的详情承接页;当前详情页无弹窗链路。
红线结论本支线无新增私有控件样式,也没有新增说明页专属 yx-task-* 类。

计划任务 / 计划批次

1. 页面信息

内容
当前运行页http://127.0.0.1:9100/api/task-p0-runtime.html?service=plan
详情链路来源账号视图条目视图
一级 / 二级导航计划任务 / 计划批次
页面类型复合链路说明支线
当前覆盖范围批次视图、账号视图、条目视图、二级详情页 topbar
重复控件策略搜索框、重置按钮、分页沿用前文已录入的标准控件,本支线只补充真正新增或关键的链路控件。

2. 完整样式视图

本支线完整视图按 4 块记录:批次视图、账号视图、条目视图、二级详情页 topbar。

批次视图

计划任务主入口,顶部是单一二级 tab,主体为批次搜索 + 列表 + 分页。

#批次号客户名称计划周期账号数条目总数创建时间操作
1pb2026040400012026.04.05-2026.04.1163642026.04.04 09:20:11
2pb2026040400022026.04.05-2026.04.1142082026.04.04 08:51:33
共 76 条

账号视图

进入批次详情后,顶部三项只读字段 + 账号列表。

#账号ID账号名渠道计划条目数创作状态最后更新时间操作
1acc_9053312抖音36进行中2026.04.04 10:02:35
2acc_9053313抖音28待执行2026.04.04 09:58:08
共 6 条

条目视图

账号下钻后的计划条目列表,六个步骤状态均为可点击标签。

#计划日期内容模板匹配词改写词创作状态封面生成切片匹配镜头生成背景音乐视频混剪创作标题错误信息
12026.04.05模板A春季上新清新风格春日新品上架预告--
22026.04.05模板B场景推荐温暖居家居家氛围搭配建议封面生成超时
共 64 条

二级详情页 topbar

账号视图和条目视图共用的返回 topbar,当前是 back 按钮 + 标题。

3. 控件清单

批次列表样式

#批次号计划周期操作
1pb2026040400012026.04.05-2026.04.11

调用说明

来源:.yx-list-shell.yx-table-wrap.yx-table.yx-table--standard

用途:承接计划批次主列表;计划周期使用标准 .yx-datetime-range

注意:当前页按不可横向滚动标准表格合同接入,不使用私有批次子类,列宽直接由页面 colgroup 明确。

账号列表样式

#账号ID计划条目数操作
1acc_905331236

调用说明

来源:批量只读字段 + .yx-list-shell.yx-table-wrap.yx-table.yx-table--standard 账号列表。

用途:承接批次下钻后的账号层。

注意:账号视图与批次视图同属不可横向滚动标准表格,不再保留私有批次子类。

条目列表样式

#计划日期创作状态封面生成
12026.04.05

调用说明

来源:.yx-table.yx-table--task + 可点击状态标签 .yx-status

用途:承接计划条目层;步骤状态直接占列,不另加私有操作按钮。

注意:当前条目列表只负责承接步骤状态按钮;步骤结果弹层单独见本页“计划任务 / 步骤结果弹层”支线。

二级详情页 topbar

调用说明

来源:.yx-task-detail-topbar.yx-task-detail-topbar__back.yx-task-detail-topbar__title

用途:账号 / 条目层共用的返回型 topbar。

注意:这是本支线新增记录重点,不能退回旧的普通标题栏写法。

4. 弹窗清单 / 详情链路说明

层级说明
批次视图操作列“详情”进入账号视图。
账号视图操作列“查看条目”进入条目视图。
条目视图顶部使用统一的二级详情页 topbar 返回上一层;步骤状态按钮会触发本页另录的“计划任务 / 步骤结果弹层”。
链路结论计划任务 / 计划批次 是复合链路,不是单页孤立列表。

5. 调用说明

合同
来源资产../yx-ui-standard.css?v=20260411_modal_radius_3level_p0_44 + ../yx-ui-standard.behavior.js?v=20260407_multiselect_behavior_p0_01
关键 DOM.yx-main-nav--topbar.yx-task-detail-topbar.yx-table.yx-table--standard.yx-table--task.yx-action-link.yx-field > .yx-input[readonly]
复用规则搜索框、重置、分页与内容任务 / 爬取数据同款;本支线不重复定义这些控件的样式语言。
链路规则本支线必须覆盖批次视图、账号视图、条目视图、二级详情页 topbar,缺一项都不算完成录入。
红线结论本支线无新增私有控件样式,全部复用统一 UI 标准类与说明页壳层。

计划任务 / 步骤结果弹层

1. 页面信息

内容
页面来源 URLhttp://127.0.0.1:9100/api/task-p0-runtime.html?service=plan&tab=task&view=item
所属一级 / 二级归属计划任务 / 步骤结果弹层
页面类型详情弹层
触发方式点击条目视图中各步骤状态按钮触发;按钮文案直接来自当前步骤状态。
关键字段范围弹层标题、当前步骤名称、当前状态、条目摘要信息、步骤结果区、错误摘要、处理建议。
模板关系同一套弹层模板承接创作状态、封面生成、切片匹配、镜头生成、背景音乐、视频混剪等不同步骤;标题与结果区会随步骤变化。

2. 完整样式视图

按运行页条目视图中的步骤状态按钮触发后真实展示录入:只保留弹层外壳、标题区、摘要信息区、步骤结果区、错误信息区、处理建议区;当前运行页无事件时间线、资源播放器、复制按钮或二级操作。

步骤结果弹层(失败态样例)

示例取自条目视图中“封面生成 = 失败”的状态按钮;用于展示同一套弹层模板如何承接不同步骤结果。

3. 控件清单

标准弹层外壳

调用说明

来源:.yx-modal.yx-modal--lg.yx-modal__header.yx-modal__close

用途:承接计划任务步骤结果详情弹层,不是独立页面骨架。

注意:当前弹层仅包含标准关闭动作,无额外操作按钮。

标题区

计划步骤结果 / 封面生成 / 2026.04.05 / 模板B

调用说明

来源:.yx-modal__title-wrap + .yx-modal__title

用途:按步骤名称 + 计划日期 + 内容模板动态拼接标题。

注意:标题随步骤变化;当前不额外补副标题。

摘要信息区

计划日期
2026.04.05
当前步骤状态
封面生成
失败

调用说明

来源:.yx-modal-summary-grid.yx-modal-summary-item.yx-status

用途:承接条目摘要、当前步骤名称与当前状态。

注意:摘要项是统一网格,不改造成时间线或资源区。

步骤结果代码 / 文本区

  • 封面任务IDcover_task_202604050047
  • 失败阶段封面图合成
结果:封面生成服务响应超时,未返回 final_cover。
trace:cover_renderer_timeout / worker-03 / retryable=1

调用说明

来源:.yx-detail-list + .yx-modal-code.yx-modal-code--plain

用途:先展示步骤关键摘要,再展示当前步骤结果文本 / 代码块。

注意:当前运行页无事件时间线、资源播放器、复制按钮或自造步骤导航。

错误摘要区

错误与说明

封面生成超时,等待任务系统重试。

调用说明

来源:.yx-modal-section + .yx-modal-code

用途:仅在当前步骤存在错误时承接错误摘要与说明。

注意:这里是错误区,不拆出二级操作按钮。

处理建议区

处理建议

先重试封面生成;封面成功回写后再继续切片、镜头、BGM 与混剪,不要直接跳过上游失败步骤。

调用说明

来源:.yx-modal-section + .yx-modal-code

用途:承接当前步骤的处理建议或人工排查口径。

注意:建议区与错误区并列,不变成新的帮助卡片。

4. 弹窗清单 / 详情链路说明

说明
弹层状态有弹层。
触发入口条目视图各步骤状态按钮(data-plan-item-step-trigger)直接触发同一套步骤结果弹层模板。
模板复用同一套弹层模板承接不同步骤;标题、摘要区与结果区会随当前步骤变化。
标题与按钮关系按钮状态文案来自步骤状态;弹层标题会跟随当前步骤名称、计划日期与内容模板变化。
边界说明本支线只记录当前运行页真实弹层,不把它写成独立页面,也不移植别的任务页弹窗结构。

5. 调用说明

合同
来源资产../yx-ui-standard.css?v=20260411_modal_radius_3level_p0_44 + ../yx-ui-standard.behavior.js?v=20260407_multiselect_behavior_p0_01
触发按钮来源条目视图中的 .yx-status 按钮,点击后调用同一套步骤结果弹层。
弹层骨架来源.yx-modal.yx-modal--lg.yx-modal__header.yx-modal__body
摘要区来源.yx-modal-summary-grid,用于展示计划日期、内容模板、匹配词、改写词、创作标题与当前步骤状态。
步骤结果区来源.yx-form-stack + .yx-detail-list + .yx-modal-code,统一承接步骤摘要与结果文本。
错误与建议区来源.yx-modal-section + .yx-modal-code,错误区与处理建议区按需显示。
与计划任务 / 计划批次的衔接关系本支线承接计划任务 / 计划批次 的条目视图步骤状态按钮详情;条目表负责触发,弹层负责展示具体步骤结果。
红线结论本支线无新增私有控件样式,也没有新增说明页专属 yx-task-* 类。

转文任务

1. 页面信息

内容
页面来源 URLhttp://127.0.0.1:9100/api/task-p0-runtime.html?service=transcribe
一级 / 二级导航转文任务 / 转文任务
页面类型标准列表页
topbar 状态本页无 topbar
关键字段范围内容ID、aweme_id、账号、视频转音频 TaskID / 状态、音频转文案 TaskID / 状态、最后更新时间
当前可见结构搜索框、转音频状态筛选、转文案状态筛选、重置按钮、转文任务列表、标准分页

2. 完整样式视图

按运行页当前真实可见结构记录,本页无 topbar,不额外补任何详情入口或弹窗承载。

转文任务主视图

对应运行页当前可见的工具区、列表和分页。

本页无 topbar,运行页直接显示工具区、列表与分页。

# 内容ID aweme_id 账号 视频转音频 TaskID 转音频状态 音频转文案 TaskID 转文案状态 创建时间 最后更新时间
1 content_202604050001 7483921055511203841 家居研究所 audio_202604050001 已完成 text_202604050001 执行中 2026.04.05 21:36:12 2026.04.05 21:42:18
2 content_202604050002 7483921262302964738 美食实验室 audio_202604050002 执行中 -- 待处理 2026.04.05 21:22:44 2026.04.05 21:31:07
3 content_202604050003 7483921884469249057 穿搭档案馆 audio_202604050003 失败 text_202604050003 待处理 2026.04.05 20:47:31 2026.04.05 20:58:44
共 164 条

3. 控件清单

搜索框

调用说明

来源:.yx-search.yx-toolbar__search--standard.yx-search__icon.yx-search__clear

真实调用:搜索内容ID / aweme_id / 账号 / TaskID。

注意:与内容任务 / 爬取数据同属标准搜索语言,但占位词与字段命中口径不同。

双状态筛选

调用说明

来源:两个标准 .yx-select 筛选控件。

真实调用:分别绑定转音频状态、转文案状态。

注意:本页只记录双状态筛选组合,不拆成新的私有筛选块。

转文任务列表

#内容ID视频转音频 TaskID转文案状态
1content_202604050001audio_202604050001执行中

调用说明

来源:.yx-list-shell.yx-table-wrap--overflow-x.yx-table.yx-table--task.yx-status

真实调用:承接转文任务总表,字段与内容任务 / 爬取数据不同,但仍属于同一标准列表语言。

注意:当前运行页没有操作列和详情入口,当前支线只记录列表与分页。

标准分页

共 164 条

调用说明

来源:.yx-pagination.yx-pagination--standard.yx-select--compact

真实调用:当前运行页分页只承接每页数量、总数、页码、上下页。

注意:与内容任务 / 爬取数据同属标准分页语言,但总数字段不同。

4. 弹窗清单 / 详情链路说明

说明
弹窗本页无弹窗。
详情下钻链路本页无详情下钻链路。
说明口径当前运行页只呈现工具区、列表与分页,不额外承接详情或弹窗。

5. 调用说明

合同
页面壳层来源.yx-panel.yx-console-block,当前运行页本页无 topbar,直接承接在内容区。
工具区来源.yx-list-toolbar + .yx-search + 两个 .yx-select + .yx-btn--secondary
列表来源.yx-list-shell.yx-table-wrap--overflow-x.yx-table.yx-table--task.yx-col-id.yx-col-status
分页来源.yx-pagination.yx-pagination--standard.yx-select--compact
状态展示来源.yx-status;转音频状态与转文案状态共用同一标准状态语义。
复用规则与内容任务 / 爬取数据同属标准列表语言,但字段内容不同;当前运行页无操作列和详情链路。

音色任务 / 系统音色

1. 页面信息

内容
页面来源 URLhttp://127.0.0.1:9100/api/task-p0-runtime.html?service=voice&tab=system
一级 / 二级导航音色任务 / 系统音色
页面类型带 topbar 的标准列表页
topbar 状态本页有 topbar,且与用户音色共用同一套二级导航。
关键字段范围编号 / 请求(列表首列仅展示 #,request_id 下沉到详情弹窗基础信息区)、系统音色ID、音色名称、voice_id、欢迎语 TaskID、状态、最后更新、错误摘要、操作。
当前可见结构顶部二级导航、搜索框、欢迎语状态筛选、重置按钮、系统音色列表、标准分页、音色任务详情弹窗。

2. 完整样式视图

按运行页当前真实效果录入:列表页承接标准 topbar、工具区、列表、分页;详情链路统一进入音色任务详情弹窗。

系统音色主视图

对应运行页当前可见的二级导航、工具区、任务表和分页。

# 系统音色ID 音色名称 voice_id 欢迎语TaskID 状态 创建时间 最后更新 错误摘要 操作
1 成功 2026.04.06 17:38:20 2026.04.06 18:12:20
2 处理中 2026.04.06 17:30:20 2026.04.06 18:04:20
3 失败 2026.04.06 17:22:20 2026.04.06 17:56:20
共 24 条

音色任务详情弹窗(系统音色)

通过操作列“详情”进入;此处展示成功态样例,资源区可见最终试听链接、复制按钮和播放控件。

3. 控件清单

二级导航(topbar)

调用说明

来源:.yx-main-nav.yx-main-nav--topbar.yx-main-nav__item

真实调用:系统音色 / 用户音色共用同一套二级导航,当前支线激活“系统音色”。

注意:两个支线共用一套 topbar,但说明页仍按两个独立支线分别录入。

搜索框

调用说明

来源:.yx-search.yx-toolbar__search--standard.yx-search__icon.yx-search__clear

真实调用:按任务ID / 请求ID / 音色名称 / voice_id / 欢迎语TaskID 搜索。

注意:当前列表不直接展示 request_id,但搜索口径保留该字段,并在详情弹窗基础信息区展示。

欢迎语状态筛选

调用说明

来源:标准 .yx-select.yx-toolbar__filter

真实调用:只筛欢迎语状态,不在列表里再拆其他状态维度。

注意:状态视觉统一使用标准 .yx-status 语义。

系统音色列表

#系统音色ID音色名称状态操作
1sys_voice_0001晨光欢迎女声成功

调用说明

来源:.yx-list-shell.yx-table-wrap--overflow-x.yx-table.yx-table--task.yx-status

真实调用:承接系统音色ID、音色名称、voice_id、欢迎语TaskID、状态、时间、错误摘要与操作列。

注意:列表操作列只保留“详情”,不在列表行内直接放试听 / 复制。

操作列动作

调用说明

来源:.yx-action-link

真实调用:所有行统一从操作列点击“详情”进入音色任务详情弹窗。

注意:试听 / 复制不在操作列;资源区的播放与复制能力只在详情弹窗内按真实数据出现。

标准分页

共 24 条

调用说明

来源:.yx-pagination.yx-pagination--standard.yx-select--compact

真实调用:承接每页条数、总条数、上下页和页码。

注意:系统音色与用户音色分页语言完全一致,只是列表数据与筛选条件不同。

4. 弹窗清单 / 详情链路说明

说明
详情弹窗有。系统音色与用户音色共用同一套“音色任务详情弹窗”模板,不重复造第二套弹窗皮肤。
进入方式列表操作列统一点击标准 .yx-action-link“详情”进入。
弹窗标题来源标题格式为“系统音色详情 / 音色名称”,由支线类型 + 当前行音色名称组成。
资源区有。系统音色资源区包含欢迎语文本、原始音频地址、参考音频路径、原始文件名、最终试听地址、音频播放控件,以及 payload_json / result_json 代码块。
步骤区有。按步骤卡片展示名称 / 类型、状态、时间、错误信息、入参 JSON、结果 JSON。
事件区有。按事件块展示事件类型、时间、描述和事件载荷。
试听 / 复制存在,但不在列表操作列。只在详情弹窗资源区按真实数据出现:存在有效最终试听地址的行显示播放控件与复制按钮;处理中 / 失败行只显示 -- 或提示文案,不会伪装成所有行通用能力。

5. 调用说明

合同
页面壳层来源.yx-panel.yx-console-block + .yx-list-stage,页面为带 topbar 的标准列表页。
二级导航来源.yx-main-nav.yx-main-nav--topbar.yx-main-nav__item
工具区来源.yx-list-toolbar + .yx-search + .yx-select + .yx-btn--secondary
列表来源.yx-list-shell.yx-table-wrap--overflow-x.yx-table.yx-table--task.yx-col-link.yx-col-status.yx-action-link
分页来源.yx-pagination.yx-pagination--standard.yx-select--compact
状态展示来源.yx-status;状态词在本页收敛为处理中 / 成功 / 失败 / 等待。
详情弹窗来源.yx-modal.yx-modal--xl.yx-modal-summary-grid.yx-modal-kv-grid.yx-modal-media.yx-detail-grid.yx-modal-code
复用规则与用户音色同属音色任务页语言,但字段、筛选条件和详情摘要项不同;说明页只复用统一 UI 标准类,不新增任务系统私有控件样式。

音色任务 / 用户音色

1. 页面信息

内容
页面来源 URLhttp://127.0.0.1:9100/api/task-p0-runtime.html?service=voice&tab=user
一级 / 二级导航音色任务 / 用户音色
页面类型带 topbar 的标准列表页
topbar 状态本页有 topbar,且与系统音色共用同一套二级导航。
关键字段范围客户ID、音色记录ID、音色名称、来源、voice_id、转码状态、欢迎语状态、主状态、最后更新、操作。
当前可见结构顶部二级导航、搜索框、主状态筛选、来源系统筛选、重置按钮、用户音色列表、标准分页、音色任务详情弹窗。

2. 完整样式视图

按运行页当前真实效果录入:列表页突出来源与三段状态,详情链路继续复用音色任务详情弹窗模板。

用户音色主视图

对应运行页当前可见的二级导航、工具区、任务表和分页。

# 客户ID 音色记录ID 音色名称 来源 voice_id 转码状态 欢迎语状态 主状态 最后更新 操作
1cst_voice_002voice_record_0001管理系统失败失败失败2026.04.06 18:18:42
2cst_voice_003voice_record_0002代理系统成功成功成功2026.04.06 18:11:42
4cst_voice_005voice_record_0004知识库系统成功处理中处理中2026.04.06 17:57:42
共 24 条

音色任务详情弹窗(用户音色)

通过操作列“详情”进入;此处展示成功态样例,失败或处理中行不会显示最终试听音频与复制按钮。

3. 控件清单

二级导航(topbar)

调用说明

来源:.yx-main-nav.yx-main-nav--topbar.yx-main-nav__item

真实调用:系统音色 / 用户音色共用同一套二级导航,当前支线激活“用户音色”。

注意:导航壳层与系统音色一致,不在说明页另造第二套 topbar 皮肤。

搜索框

调用说明

来源:.yx-search.yx-toolbar__search--standard.yx-search__icon.yx-search__clear

真实调用:按任务ID / 请求ID / 客户ID / 音色名称 / voice_id / 服务TaskID 搜索。

注意:用户音色搜索比系统音色多一层客户与服务TaskID 识别字段。

主状态 + 来源系统筛选

调用说明

来源:两个标准 .yx-select.yx-toolbar__filter

真实调用:一个绑定主状态,一个绑定来源系统,用于快速区分处理链路卡点与来源侧别。

注意:用户音色强调三段状态流程,不把来源做成标签皮肤。

用户音色列表

#客户ID音色记录ID来源主状态操作
2cst_voice_003voice_record_0002代理系统成功

调用说明

来源:.yx-list-shell.yx-table-wrap--overflow-x.yx-table.yx-table--task.yx-col-source.yx-status

真实调用:承接客户ID、音色记录ID、音色名称、来源、voice_id、转码状态、欢迎语状态、主状态、最后更新与操作列。

注意:来源字段当前按纯文字列展示,三段状态并列而不混成单一状态块。

操作列动作

调用说明

来源:.yx-action-link

真实调用:所有行统一从操作列点击“详情”进入音色任务详情弹窗。

注意:播放与复制不在列表操作列;存在有效最终试听地址的任务,才会在详情弹窗资源区出现这些动作。

标准分页

共 24 条

调用说明

来源:.yx-pagination.yx-pagination--standard.yx-select--compact

真实调用:承接每页条数、总条数、上下页和页码。

注意:用户音色与系统音色分页语言完全一致,只是筛选项与表字段不同。

4. 弹窗清单 / 详情链路说明

说明
详情弹窗有。用户音色与系统音色共用同一套“音色任务详情弹窗”模板,不重复造第二套弹窗皮肤。
进入方式列表操作列统一点击标准 .yx-action-link“详情”进入。
弹窗标题来源标题格式为“用户音色详情 / 音色名称”,由支线类型 + 当前行音色名称组成。
资源区有。用户音色资源区包含原始音频地址、最终试听地址、原始文件名、目标表、音频播放控件,以及 payload_json / result_json 代码块。
步骤区有。按步骤卡片展示转码处理、欢迎语生成、主链路回写的状态、时间、错误信息、入参 JSON、结果 JSON。
事件区有。按事件块展示任务创建、链路推进、任务完成 / 更新等关键事件和事件载荷。
试听 / 复制存在,但不在列表操作列。只在详情弹窗资源区按真实数据出现:存在有效最终试听地址的行显示音频播放控件与复制按钮;失败 / 处理中行不显示最终试听播放与复制动作,会回落为 -- 或提示文案。

5. 调用说明

合同
页面壳层来源.yx-panel.yx-console-block + .yx-list-stage,页面为带 topbar 的标准列表页。
二级导航来源.yx-main-nav.yx-main-nav--topbar.yx-main-nav__item
工具区来源.yx-list-toolbar + .yx-search + 两个 .yx-select + .yx-btn--secondary
列表来源.yx-list-shell.yx-table-wrap--overflow-x.yx-table.yx-table--task.yx-col-source.yx-col-status.yx-action-link
分页来源.yx-pagination.yx-pagination--standard.yx-select--compact
状态展示来源.yx-status;转码状态、欢迎语状态、主状态三段并列,来源字段保持文字列。
详情弹窗来源.yx-modal.yx-modal--xl.yx-modal-summary-grid.yx-modal-kv-grid.yx-modal-media.yx-detail-grid.yx-modal-code
复用规则与系统音色同属音色任务页语言,但字段、筛选条件和详情摘要项不同;说明页只复用统一 UI 标准类,不新增任务系统私有控件样式。

切片任务

1. 页面信息

说明
页面来源 URLhttp://127.0.0.1:9100/api/task-p0-runtime.html?service=slice
一级 / 二级导航切片任务 / 切片任务
页面类型标准列表页
topbar 状态本页无 topbar。
当前可见结构搜索框、360P压缩状态筛选、1080P压缩状态筛选、视频分析状态筛选、切片状态筛选、重置按钮、切片任务列表、标准分页。
关键字段范围代理ID、客户ID、归属托管账号、创建时间、分组ID、360P压缩TaskID、360压缩状态、1080P压缩TaskID、1080压缩状态、分析TaskID、分析状态、切片TaskID、切片状态、切片数。

2. 完整样式视图

按运行页当前真实效果录入:本页没有 topbar,也没有详情链路,主体就是多状态密集筛选表 + 标准横向滚动列表 + 标准分页。

切片任务主视图

对应运行页当前可见的工具区、切片任务列表与分页。

# 代理ID 客户ID 归属托管账号 创建时间 分组ID 360P压缩TaskID 360压缩状态 1080P压缩TaskID 1080压缩状态 分析TaskID 分析状态 切片TaskID 切片状态 切片数
1 agt_001 cst_001 2026.04.07 18:00:00 -- cmp360_0001 成功 cmp1080_0001 成功 analyze_0001 成功 slice_0001 成功 8
2 agt_002 cst_002 2026.04.07 18:07:13 grp_8602 cmp360_0002 成功 cmp1080_0002 成功 analyze_0002 处理中 -- 等待 0
4 -- -- 2026.04.07 18:21:39 grp_8604 cmp360_0004 成功 cmp1080_0004 失败 -- 等待 -- 等待 0
共 28 条

3. 控件清单

搜索框

调用说明

来源:.yx-search.yx-toolbar__search--standard.yx-search__icon.yx-search__clear

真实调用:统一搜索任务号、请求ID 与四段子任务 TaskID,不拆第二套搜索语言。

注意:切片任务搜索字段最密集,但仍是同一标准搜索控件。

多状态筛选组合

调用说明

来源:四个标准 .yx-select.yx-toolbar__filter + .yx-btn.yx-btn--secondary 重置动作。

真实调用:分别绑定 360P压缩、1080P压缩、视频分析、切片 四段状态,按运行页真实顺序排列。

注意:这是密集筛选组合,不新增任务系统私有筛选控件。

切片任务列表

#代理ID客户ID360P压缩TaskID切片状态切片数
1agt_001cst_001cmp360_0001成功8
2agt_002cst_002cmp360_0002处理中0

调用说明

来源:.yx-list-shell.yx-table-wrap--overflow-x.yx-table.yx-table--task.yx-col-status

真实调用:承接多段 TaskID 与多段状态并列展示,没有操作列,没有详情入口。

注意:状态标签统一沿用任务系统口径:等待灰、处理中蓝、成功绿、失败红。

标准分页

共 28 条

调用说明

来源:.yx-pagination.yx-pagination--standard.yx-select--compact

真实调用:承接页大小、总条数、页码切换与上下页按钮。

注意:切片任务与转文任务共用标准分页语言,只是筛选密度更高。

4. 弹窗清单 / 详情链路说明

说明
弹窗本页无弹窗。
详情下钻链路本页无详情下钻链路。
操作列本页无操作列;列表只承担状态对比与任务追踪。
链路结论切片任务当前是纯列表态说明页,无示例弹窗,也无详情入口。

5. 调用说明

合同
页面壳层来源.yx-panel.yx-console-block + .yx-list-stage,页面为无 topbar 的标准列表页。
工具区来源.yx-list-toolbar + .yx-search + 四个 .yx-select + .yx-btn--secondary
列表来源.yx-list-shell.yx-table-wrap--overflow-x.yx-table.yx-table--task.yx-col-id.yx-col-status.yx-col-time
分页来源.yx-pagination.yx-pagination--standard.yx-select--compact
状态展示来源.yx-status;四段子状态统一使用任务系统状态颜色口径,不新增额外标签皮肤。
复用规则与转文任务同属标准列表语言,但切片任务是多状态密集筛选表;说明页只复用统一 UI 标准类,不新增任务系统私有控件样式。

视频组管理任务 / 任务列表

1. 页面信息

说明
页面来源 URLhttp://127.0.0.1:9100/api/task-p0-runtime.html?service=group&tab=tasks
一级 / 二级导航视频组管理任务 / 任务列表
页面类型带 topbar 的标准列表页
topbar 状态本页有 topbar,且与“更新配置”共用同一套二级导航;当前支线正文覆盖 tab=tasks
当前可见结构顶部二级导航、搜索框、视频组状态筛选、重置按钮、视频组管理任务列表、标准分页。
关键字段范围客户ID、归属托管账号、视频组ID、组名、切片数、汇总TaskID、状态、组说明、同步时间、最后更新时间、错误摘要、操作。

2. 完整样式视图

按运行页当前真实效果录入:正文只复刻 tab=tasks,不把“更新配置”内容混进任务列表正文;二级导航只作为同源导航关系展示。

视频组管理任务主视图

对应运行页当前可见的二级导航、工具区、任务表、分页与操作列规则。

# 客户ID 归属托管账号 视频组ID 组名 切片数 汇总TaskID 状态 组说明 同步时间 最后更新时间 错误摘要 操作
1 cst_group_01 8201 4 待汇总 -- 2026.04.07 11:00:00 --
2 cst_group_02 8202 7 汇总中 -- 2026.04.07 12:09:13 --
4 cst_group_04 8204 13 汇总失败 -- 2026.04.07 14:27:39
共 18 条

3. 控件清单

二级导航(topbar)

调用说明

来源:.yx-main-nav.yx-main-nav--topbar.yx-main-nav__item

真实调用:任务列表 / 更新配置 共用同一套二级导航;当前支线正文仅展示任务列表页,更新配置另见对应支线。

注意:导航只说明结构来源,不把另一个 tab 的正文混进本支线。

搜索框 + 状态筛选

调用说明

来源:.yx-search + .yx-select.yx-toolbar__filter + .yx-btn--secondary

真实调用:搜索视频组ID / 客户ID / 托管账号 / 组名 / 汇总TaskID,辅以单状态筛选。

注意:该支线只有一个状态筛选,不引入额外任务系统专属查询控件。

视频组管理任务列表

#客户ID视频组ID状态错误摘要操作
1cst_group_018201待汇总----
4cst_group_048204汇总失败汇总失败:视频组摘要服务返回空结果...

调用说明

来源:.yx-list-shell.yx-table-wrap--overflow-x.yx-table.yx-table--task.yx-col-status.yx-action-link

真实调用:承接客户ID、归属托管账号、视频组ID、组名、切片数、汇总TaskID、状态、组说明、同步时间、最后更新时间、错误摘要与操作。

注意:本页仍是标准列表语言,只是多了人工触发汇总的操作列规则。

操作列动作

--

调用说明

来源:.yx-action-link

真实调用:只有 item.can_manual_submit = true 时显示“发起汇总”;否则显示 --

注意:阻断原因来自 manual_submit_block_reason;说明页最终业务规则按“切片数不足 10,不显示“发起汇总”入口”记录,当前运行页示例值与已确认规则仍有差异。

标准分页

共 18 条

调用说明

来源:.yx-pagination.yx-pagination--standard.yx-select--compact

真实调用:承接页大小、总条数、页码切换与上下页按钮。

注意:分页语言与其他任务列表一致,不另造视频组分页皮肤。

4. 弹窗清单 / 详情链路说明

说明
独立详情页无。运行页当前没有单独的视频组任务详情页。
确认弹窗无。点击“发起汇总”不会先弹确认框。
进入方式操作列直接点击标准 .yx-action-link“发起汇总”;提交后按钮文本会短暂切到“已提交”,随后恢复。
操作列规则只有 item.can_manual_submit = true 时显示“发起汇总”;否则显示 --,阻断原因来自 manual_submit_block_reason
阈值说明说明页最终业务规则按“切片数不足 10,不显示“发起汇总”入口”记录;当前运行页示例值与已确认规则仍有差异。

5. 调用说明

合同
页面壳层来源.yx-console-stage__topbar + .yx-panel.yx-console-block + .yx-list-stage,页面为带 topbar 的标准列表页。
二级导航来源.yx-main-nav.yx-main-nav--topbar.yx-main-nav__item
工具区来源.yx-list-toolbar + .yx-search + .yx-select + .yx-btn--secondary
列表来源.yx-list-shell.yx-table-wrap--overflow-x.yx-table.yx-table--task.yx-col-link.yx-col-time.yx-col-status.yx-action-link
分页来源.yx-pagination.yx-pagination--standard.yx-select--compact
状态展示来源.yx-status;视频组状态按待汇总、汇总中、已同步、汇总失败、已撤回统一输出。
操作列规则来源renderGroupAction(item);入口显示受 item.can_manual_submitmanual_submit_block_reason 与当前阈值字段共同约束。
复用规则与其他任务列表同属标准列表语言,但本页附带“任务列表 / 更新配置”二级导航体系;说明页只复用统一 UI 标准类,不新增任务系统私有控件样式。

视频组管理任务 / 更新配置

1. 页面信息

说明
页面来源 URLhttp://127.0.0.1:9100/api/task-p0-runtime.html?service=group&tab=schedule
一级 / 二级导航视频组管理任务 / 更新配置
页面类型带 topbar 的标准配置页
topbar 状态与“任务列表”共用同一套二级导航;当前支线正文覆盖 tab=schedule,不混入任务列表表格或操作列。
topbar 右侧动作恢复默认保存配置
关键字段范围启用开关、执行时间、最近执行槽位、最近执行时间、最近处理视频组数。

2. 完整样式视图

按运行页当前真实效果录入:当前支线只复刻 tab=schedule 的二级导航、topbar 右侧动作、配置表单区和最近运行信息,不把任务列表页正文混进来。

视频组管理任务更新配置主视图

对应运行页的二级导航、右侧动作、启用开关、时间输入框与最近运行信息 3 个 KPI。

视频组管理任务更新配置

启用开关
执行时间

最近运行信息

最近执行槽位 03:30 2026.04.07
最近执行时间 03:30:18 2026.04.07
最近处理视频组数 42 本轮自动汇总视频组

3. 控件清单

二级导航(topbar)

调用说明

来源:.yx-main-nav.yx-main-nav--topbar.yx-main-nav__item

真实调用:与“视频组管理任务 / 任务列表”共用同一套二级导航;当前激活项切到 更新配置

注意:本支线只录调度配置正文,不带任务列表表格与操作列。

topbar 右侧动作

调用说明

来源:.yx-console-stage__topbar-actions.yx-btn--secondary.yx-btn--primary

真实调用:恢复默认回填调度配置默认值;保存配置提交当前启用状态与执行时间。

注意:动作直接作用于当前配置表单,不走弹窗链路。

启用开关

启用开关

调用说明

来源:.yx-switch-card.yx-switch

真实调用:承接 enabled,控制视频组管理任务调度是否启用。

注意:开关样式直接复用统一 UI 标准开关卡,不自造配置页专属皮肤。

时间输入框

执行时间

调用说明

来源:.yx-input[type="time"]

真实调用:承接 hour + minute 的合并时间输入。

注意:本页明确使用统一 UI 的时间输入框,不额外造时间选择器。

最近运行信息统计卡

最近执行槽位03:302026.04.07
最近执行时间03:30:182026.04.07
最近处理视频组数42本轮自动汇总视频组

调用说明

来源:.yx-stat-chip.yx-form-grid--three

真实调用:承接 last_slotlast_run_atlast_run_count 三个运行信息字段。

注意:这组卡片属于配置页信息回显,不是任务列表统计栏。

4. 弹窗清单 / 详情链路说明

说明
弹窗本页无弹窗。
详情下钻链路本页无详情下钻链路。
确认弹窗无。当前运行页中的“恢复默认 / 保存配置”均为直接动作,不弹确认框。
交互入口topbar 右侧动作直接作用于当前调度配置表单和最近运行信息回显。

5. 调用说明

合同
页面壳层来源.yx-console-stage__topbar + .yx-panel.yx-settings-stage,页面为带 topbar 的标准配置页。
二级导航来源.yx-main-nav.yx-main-nav--topbar.yx-main-nav__item
topbar 右侧动作来源.yx-console-stage__topbar-actions + .yx-btn
配置表单来源.yx-settings-stage.yx-form-stack.yx-form-grid.yx-field.yx-switch-card.yx-input
统计卡来源.yx-stat-chip.yx-datetime
复用规则与“视频组管理任务 / 任务列表”共用同一套 topbar 导航体系,但正文从列表页语言切换为配置页语言;说明页只复用统一 UI 标准类,不新增任务系统私有控件样式。

垃圾管理 / 失败任务清理

1. 页面信息

说明
页面来源 URLhttp://127.0.0.1:9100/api/task-p0-runtime.html?service=garbage&tab=failed_jobs
一级 / 二级导航垃圾管理 / 失败任务清理
页面类型带 topbar actions 的配置 + 统计 + 执行记录复合页
topbar 状态本页有 topbar,当前只有一个二级 tab 失败任务清理
topbar 右侧动作保存配置Dry-Run正式执行
关键字段范围保留天数、批次上限、允许任务类型、排除任务类型、最近执行统计 7 项、执行记录表、分页。

2. 完整样式视图

按运行页当前真实效果录入:这是单 tab 的配置 + 统计 + 执行记录复合页;当前运行页没有搜索框、没有详情页、也没有确认弹窗,说明页不自行补这些结构。

失败任务清理主视图

对应运行页的单一二级 tab、topbar 右侧动作、配置区、最近执行统计、执行记录表与标准分页。

失败任务清理配置

按保留天数、批次上限与任务类型范围执行失败任务清理。

最近执行统计

展示最近一次 Dry-Run / 正式执行的清理结果。

候选总数820满足归档条件的失败任务总量
本批候选数500本轮进入清理批次的任务数
已归档0本轮已归档失败任务
已删除任务0任务主表删除数
已删除步骤0任务步骤清理数
已删除事件0任务事件清理数
失败数0本轮失败清理任务数

执行记录

保留每次清理执行的批次结果,便于回看范围与失败摘要。

# 执行批次号 执行模式 保留天数 允许任务类型 排除任务类型 候选数 已归档 已删除任务 已删除步骤 已删除事件 已删切片结果 失败数 示例任务号 执行时间 错误摘要
1 cleanup_20260407_001 Dry-Run 15 500 0 0 0 0 0 0 2026.04.07 18:20:00
3 cleanup_20260407_003 正式执行 25 380 377 377 1131 2262 256 3 2026.04.07 16:46:00
共 18 条

3. 控件清单

二级导航(topbar)

调用说明

来源:.yx-main-nav.yx-main-nav--topbar.yx-main-nav__item

真实调用:当前垃圾管理页只有一个二级 tab 失败任务清理

注意:虽然只有一个 tab,仍沿用统一 UI 的 topbar 导航结构。

topbar 右侧动作

调用说明

来源:.yx-console-stage__topbar-actions.yx-btn

真实调用:保存配置写入当前清理参数;Dry-Run 执行演练;正式执行提交真实清理。

注意:当前运行页没有确认弹窗,这三个动作都是直接入口。

数字步进器

调用说明

来源:.yx-number.yx-number__input.yx-number__btn

真实调用:承接 retention_daysbatch_limit,分别受 1~365 与 10~2000 的数值约束。

注意:数字步进器是标准控件,不另造清理页专属数字输入。

多选下拉(允许 / 排除任务类型)

调用说明

来源:.yx-multi-select.yx-multi-select__trigger.yx-multi-select__input

真实调用:分别承接 job_type_allowjob_type_deny,选项覆盖内容任务、计划任务、转文任务、向量任务、画像任务、音色任务、切片任务、视频组管理任务、垃圾管理、BGM任务等标准任务类型。

注意:多选下拉直接复用统一 UI 标准多选控件,不新增垃圾管理私有选择器。

最近执行统计卡

候选总数820满足归档条件的失败任务总量
本批候选数500本轮进入清理批次的任务数
已归档0本轮已归档失败任务
失败数0本轮失败清理任务数

调用说明

来源:.yx-stat-chip.yx-form-grid--four

真实调用:最近执行统计共 7 项,包含候选总数、本批候选数、已归档、已删除任务、已删除步骤、已删除事件、失败数。

注意:这是最近一次 Dry-Run / 正式执行的结果回显区,不是列表筛选区。

执行记录表

#执行批次号执行模式保留天数候选数失败数示例任务号错误摘要
1cleanup_20260407_001Dry-Run155000
3cleanup_20260407_003正式执行253803

调用说明

来源:.yx-list-shell.yx-table-wrap--overflow-x.yx-table.yx-table--task

真实调用:执行记录表承接批次号、执行模式、保留天数、允许 / 排除任务类型、候选数、删除数、失败数、示例任务号、执行时间与错误摘要。

注意:当前页是复合页,记录表属于下半区回看链路,不额外派生详情弹窗。

标准分页

共 18 条

调用说明

来源:.yx-pagination.yx-pagination--standard.yx-select--compact

真实调用:承接执行记录表的每页数量、总条数、页码切换与上下页按钮。

注意:分页只作用于执行记录表,不扩散到上方配置区和统计区。

4. 弹窗清单 / 详情链路说明

说明
弹窗本页无弹窗。
详情下钻链路本页无详情下钻链路。
确认弹窗无。当前运行页中的 Dry-Run / 正式执行 / 保存配置 都不是弹窗入口。
交互入口topbar 右侧动作直接作用于配置区和执行逻辑;执行结果回流到最近执行统计与执行记录表。

5. 调用说明

合同
页面壳层来源.yx-console-stage__topbar + .yx-list-stage + 多个 .yx-panel.yx-console-block,页面为配置 + 统计 + 执行记录复合页。
单一二级 tab 来源.yx-main-nav.yx-main-nav--topbar.yx-main-nav__item
topbar 右侧动作来源.yx-console-stage__topbar-actions + .yx-btn
配置区来源.yx-form-grid.yx-field.yx-number.yx-multi-select
多选下拉来源.yx-multi-select.yx-multi-select__trigger.yx-multi-select__option.yx-multi-select__summary
统计卡来源.yx-stat-chip.yx-form-grid--four
执行记录表来源.yx-list-shell.yx-table-wrap--overflow-x.yx-table.yx-table--task.yx-col-link.yx-col-time
分页来源.yx-pagination.yx-pagination--standard.yx-select--compact
复用规则这是配置 + 记录复合页,不是纯列表页,也不是纯配置页;但整页仍只允许调用统一 UI 标准类,不新增任务系统私有控件样式。

向量任务

1. 页面信息

内容
页面来源 URLhttp://127.0.0.1:9100/api/task-p0-runtime.html?service=vector
一级 / 二级导航向量任务 / 向量任务
页面类型标准列表页
topbar 状态本页无 topbar。
关键字段范围目标类型、目标ID、目标名称、向量任务ID、向量状态、向量Ref、创建时间、最后更新时间、错误摘要、操作。
当前可见结构搜索框、目标类型筛选、状态筛选、重置按钮、向量任务列表、标准分页、向量任务详情弹窗。

2. 完整样式视图

按运行页当前真实效果录入:列表页承接双筛选标准列表语言;详情链路只包含标题、摘要区、对象摘要区与操作列进入方式,当前运行页无步骤区或事件区。

向量任务列表页

无 topbar;操作列统一提供“详情”入口,向量Ref 与错误摘要保持长文本列承载。

# 目标类型 目标ID 目标名称 向量任务ID 向量状态 向量Ref 创建时间 最后更新时间 错误摘要 操作
1 内容 content_202604060201 春季通勤穿搭 3 套公式 vec_content_202604060201 执行中 2026.04.06 16:05:24 2026.04.06 16:18:42
2 关键词 keyword_880417 母婴收纳 -- 待处理 2026.04.06 15:11:22 2026.04.06 15:28:05
3 BGM bgm_30189 City Night Pulse vec_bgm_30189 失败 2026.04.06 14:37:40 2026.04.06 14:58:26
共 8 条

向量任务详情弹窗

通过操作列“详情”进入;当前运行页只展示标题、摘要区和对象摘要区,且无步骤区或事件区。

3. 控件清单

搜索框

调用说明

来源:.yx-search.yx-toolbar__search--standard

真实调用:搜索目标ID、目标名称、向量任务ID、向量Ref。

注意:本页无额外 topbar 或配置区,搜索直接位于列表工具栏首位。

双筛选组合(目标类型 + 状态)

调用说明

来源:两个 .yx-select.yx-toolbar__filter

真实调用:先按目标类型过滤内容 / 关键词 / BGM / BGM分类 / BGM标签,再按状态过滤待处理、执行中、已完成、失败。

注意:本页是双筛选标准列表,不新增向量页私有筛选壳层。

向量任务列表

#目标类型目标ID向量任务ID向量状态向量Ref错误摘要操作
1内容content_202604060201vec_content_202604060201执行中
3BGMbgm_30189vec_bgm_30189失败

调用说明

来源:.yx-list-shell.yx-table-wrap--overflow-x.yx-table.yx-table--task.yx-chip.yx-status

真实调用:承接目标类型、目标ID、目标名称、向量任务ID、状态、向量Ref、时间、错误摘要与操作。

注意:向量Ref 列按 320px 承载,错误摘要列按 360px 承载;超长文本仍留在标准横向滚动列表里。

操作列动作

调用说明

来源:.yx-action-link

真实调用:所有行统一从操作列点击“详情”进入向量任务详情弹窗。

注意:操作列只负责进入详情,不承载额外试听、复制或步骤展开动作。

标准分页

共 8 条

调用说明

来源:.yx-pagination.yx-pagination--standard.yx-select--compact

真实调用:承接页大小、总条数、页码切换与上下页按钮。

注意:分页语言与其他任务列表保持一致,不为向量任务再造专属分页皮肤。

向量任务详情弹窗

调用说明

来源:.yx-modal.yx-modal--xl.yx-modal-summary-grid.yx-modal-section.yx-modal-code

真实调用:标题来自 item.detail.title;摘要区由统一字段 + detail.objectFields[] 组成;对象摘要区由 item.detail.textTitleitem.detail.textSubitem.detail.textBody 组成。

注意:当前运行页没有步骤区或事件区。

4. 弹窗清单 / 详情链路说明

说明
详情弹窗有。运行页当前存在向量任务详情弹窗。
弹窗标题来源弹窗头部标题来自 item.detail.title;容器默认标题为“向量任务详情”。
弹窗摘要区来源摘要区由 renderVectorSummaryItems(item) 统一产出,包含基础字段、detail.objectFields[] 与错误摘要。
对象摘要区来源对象摘要区标题、副标题与正文分别来自 item.detail.textTitleitem.detail.textSubitem.detail.textBody
进入方式操作列点击标准 .yx-action-link“详情”,通过 data-vector-detail="item.key" 打开弹窗。
步骤区 / 事件区无。当前运行页没有步骤区与事件区。

5. 调用说明

合同
页面壳层来源.yx-panel.yx-console-block + .yx-list-stage,页面为无 topbar 的标准列表页。
工具区来源.yx-list-toolbar + .yx-search + .yx-select + .yx-btn--secondary
列表来源.yx-list-shell.yx-table-wrap--overflow-x.yx-table.yx-table--task.yx-chip.yx-col-link.yx-col-time.yx-col-status.yx-action-link
分页来源.yx-pagination.yx-pagination--standard.yx-select--compact
状态展示来源.yx-chip 负责目标类型显示;.yx-status 负责待处理、执行中、已完成、失败等向量状态显示。
详情弹窗来源.yx-modal.yx-modal--xl.yx-modal-summary-grid.yx-modal-section.yx-modal-code
复用规则与其他任务列表同属标准列表语言,但该页额外带“操作列 → 详情弹窗”链路;说明页只复用统一 UI 标准类,不新增任务系统私有控件样式。

画像任务

1. 页面信息

内容
页面来源 URLhttp://127.0.0.1:9100/api/task-p0-runtime.html?service=profile
一级 / 二级导航画像任务 / 画像任务
页面类型标准列表页
topbar 状态本页无 topbar。
关键字段范围客户名称、客户ID、画像主体、归属行业、画像任务ID、画像状态、画像评分、创建时间、最后更新时间、错误摘要。
当前可见结构搜索框、画像状态筛选、重置按钮、画像任务列表、标准分页。

2. 完整样式视图

按运行页当前真实效果录入:本页为纯列表页,无操作列、无弹窗、无详情下钻链路。

画像任务列表页

工具区只包含搜索、单状态筛选和重置;列表重点承接画像主体、行业、任务状态、评分与错误摘要。

# 客户名称 客户ID 画像主体 归属行业 画像任务ID 画像状态 画像评分 创建时间 最后更新时间 错误摘要
1 华东客户A cst_20260404_01 品牌经营画像 零售 / 连锁商超 profile_202604060001 生成成功 86|A 2026.04.06 16:36:11 2026.04.06 16:52:11
2 华南客户B cst_20260404_02 会员增长画像 电商 / 美妆护肤 profile_202604060002 生成中 -- 2026.04.06 16:23:36 2026.04.06 16:48:36
3 华北客户C cst_20260404_03 渠道投放画像 教育 / 职业培训 profile_202604060003 生成失败 -- 2026.04.06 16:19:09 2026.04.06 16:44:09
4 华中客户E cst_20260404_05 新品冷启画像 消费品 / 食品饮料 profile_202604060005 等待 -- 2026.04.06 16:17:28 2026.04.06 16:33:28
共 24 条

3. 控件清单

搜索框

调用说明

来源:.yx-search.yx-toolbar__search--standard

真实调用:搜索任务ID、客户名称、客户ID、画像主体。

注意:本页搜索语义比向量页更聚焦客户与画像主体,不包含详情入口搜索。

状态筛选

调用说明

来源:.yx-select.yx-toolbar__filter

真实调用:按生成中、生成成功、生成失败过滤画像任务;等待态也按统一状态元数据展示。

注意:本页只有单状态筛选,不引入额外分组或来源筛选。

画像任务列表

#客户名称客户ID画像主体画像状态画像评分错误摘要
1华东客户Acst_20260404_01品牌经营画像生成成功86|A
3华北客户Ccst_20260404_03渠道投放画像生成失败--

调用说明

来源:.yx-list-shell.yx-table-wrap--overflow-x.yx-table.yx-table--task.yx-status

真实调用:承接客户名称、客户ID、画像主体、行业、任务ID、状态、评分、时间与错误摘要。

注意:成功态且同时存在 score 与 level 时才显示画像评分,否则统一回落 --

标准分页

共 24 条

调用说明

来源:.yx-pagination.yx-pagination--standard.yx-select--compact

真实调用:承接页大小、总条数、页码切换与上下页按钮。

注意:分页语言与其他任务列表一致;本页没有额外的详情分页或子分页结构。

4. 弹窗清单 / 详情链路说明

说明
弹窗本页无弹窗。
详情下钻链路本页无详情下钻链路。
操作列无。当前运行页不提供操作列按钮。

5. 调用说明

合同
页面壳层来源.yx-panel.yx-console-block + .yx-list-stage,页面为无 topbar 的标准列表页。
工具区来源.yx-list-toolbar + .yx-search + .yx-select + .yx-btn--secondary
列表来源.yx-list-shell.yx-table-wrap--overflow-x.yx-table.yx-table--task.yx-col-time.yx-col-status.yx-col-link
分页来源.yx-pagination.yx-pagination--standard.yx-select--compact
状态展示来源.yx-status;画像状态按生成中、生成成功、生成失败、等待统一输出。
复用规则与其他任务列表同属标准列表语言,但当前无详情下钻链路;说明页只复用统一 UI 标准类,不新增任务系统私有控件样式。