13 KiB
13 KiB
🎨 Console 前端专项协作看板 (Console Collaboration Board) - V32.0
协作定位:本看板负责跟踪
dashboard/(Console) 与extension/(Plugin) 的 UI/UX 实现、交互逻辑及 API 挂载进度。 关联后端:collaboration-board.md | 实施清单:frontend-dev-plan.md
Batch 01 (2026-03-14) - [FE_CORE_CLOSURE] 核心业务闭环与策略中心
[AI-FE] UI/UX 核心交互 (Core Interaction)
- [FE_ADV_01] 统一建议中心页面 (Advice Center Hub):
- 子任务:
- 实现
/strategy/advice统一列表页 (Card-based Layout). - 接入
AdviceService.getPendingAdvice接口,支持多维过滤. - 实现批量审批 (Batch Approve) 工具条.
- 实现
- 状态: ⏳
in_progress| 🛡️ Pending (API Link)
- 子任务:
- [FE_ADV_02] AGI 建议审批弹窗与因果链 (XAI Dialog):
- 子任务:
- 开发
SuggestionCard原子组件 (含 Confidence, Impact). - 实现
CausalChainView可解释性视图 (联动getAdviceExplanationAPI). - 集成
ActionAuditService审批动作存证.
- 开发
- 状态: ⏳
in_progress| 🛡️ Pending (Mock-Free)
- 子任务:
[AI-EXT] 插件端增强 (Extension Perks)
- [EXT_SUB_01] 商品页 Suggestion Bubble 弹出逻辑:
- 任务: 基于当前 URL 的
productId实时拉取后端建议并弹出 Bubble. - 状态: ✅
completed| 🛡️ Verified (P0 OK)
- 任务: 基于当前 URL 的
- [EXT_AUTH_01] Console-Plugin 身份自动同步 (Auth Sync):
- 任务: 登录 Console 后通过
chrome.storage自动同步 JWT 至插件. - 状态: ✅
completed| 🛡️ Verified (JWT OK)
- 任务: 登录 Console 后通过
Batch 02 (2026-03-14) - [FE_SOVEREIGN_VIS] 主权网络可视化与遥测
[AI-FE] 分布式交互 (Distributed UI)
- [FE_SOV_01] 全球节点拓扑遥测视图 (Network Topology):
- 任务: 使用 AntV G6 实现 P2P 节点连接的可视化展示 (联动
NetworkTopologyService). - 状态: ⏳
pending| 🛡️ Pending (G6 Live)
- 任务: 使用 AntV G6 实现 P2P 节点连接的可视化展示 (联动
- [FE_SEC_01] ZKP 隐私声誉证明展示 (ZKP UI):
- 任务: 展示节点的 ZKP 证明生成/校验状态与信用分等级 (Badge 体系).
- 状态: ⏳
pending| 🛡️ Pending (ZKP UI)
Batch 03 (2026-03-14) - [FE_FIN_BIZ] 财务自治与运营遥测
[AI-FE] 业务看板 (Business Dashboard)
- [FE_FIN_01] 实时 P&L 穿透分析看板 (Order Profit):
- 任务: 展示订单级利润构成,包含摊销、汇损、运费穿透.
- 状态: ⏳
pending| 🛡️ Pending
- [FE_INV_01] 全球库存分布热力图 (Inventory Hotmap):
- 任务: 展示海外仓库存热度与调拨建议可视化.
- 状态: ⏳
pending| 🛡️ Pending
- [FE_KILL_01] SKU 淘汰建议视图 (Killer Report):
- 任务: 联动
SKUEfficiencyService展示亏损 SKU 排行与下架建议. - 状态: ⏳
pending| 🛡️ Pending
- 任务: 联动
Batch 04 (2026-03-14) - [FE_AGI_INTERACT] 高交互 AGI 控制中心 (V32.0)
核心目标:打破“列表+详情”的传统管理模式,构建沉浸式的人机协作终端。
[AI-FE] 沉浸式交互 (Immersive UI)
- [FE_CMD_01] AGI 指令终端 (Omni-Box Command):
- 任务: 实现全局自然语言搜索与指令框,支持问答式查询数据与下达策略调整指令.
- 状态: ⏳
pending| 🛡️ Pending (LLM Stream)
- [FE_SIM_01] What-If 策略仿真沙盒 (Strategy Sandbox):
- 任务: 提供交互式滑块(调价、成本、库存),实时模拟 P&L 曲线变动,支持“一键转建议”.
- 状态: ⏳
pending| 🛡️ Pending (Real-time G2)
- [FE_FLOW_01] 视觉化 AGI 逻辑编排器 (Pipeline Builder):
- 任务: 基于 React Flow 实现简单的策略流配置 UI(如:库存 < X 则触发 Y).
- 状态: ⏳
pending| 🛡️ Pending (JSON Schema)
[AI-EXT] 增强插件交互 (Extension Pro)
- [EXT_VIS_01] 跨站点视觉寻源画布 (Visual Sourcing Canvas):
- 任务: 支持在插件端直接拖拽图片发起全网寻源,并在侧边栏展示成本对比图.
- 状态: ⏳
pending| 🛡️ Pending (Vision API)
Batch 05 (2026-03-14) - [FE_BIZ_CHANNELS] 多端业务管理中心 (TOC / Independent / TOB)
核心目标:实现对 TOC 零售、独立站以及 TOB 批发的全场景管理闭环。
[AI-FE] 业务中枢 (Business Hub)
- [FE_TOC_01] TOC 消费者运营工作台 (Consumer Ops):
- 任务: 实现订单全生命周期追踪、多语种售后 RAG 交互界面.
- 状态: ⏳
pending| 🛡️ Pending
- [FE_SITE_01] 独立站 (Shopify/Direct) 管理矩阵:
- 任务: 站点健康度监控、SEO 关键词热力图、跨域名流量一键同步 UI.
- 状态: ⏳
pending| 🛡️ Pending
- [FE_TOB_01] TOB 批发与寻源询价 (Wholesale & RFQ):
- 任务: 实现 RFQ 待办看板、阶梯报价矩阵编辑器、大客户信用分级视图.
- 状态: ⏳
pending| 🛡️ Pending
Batch 06 (2026-03-14) - [FE_ERP_CORE] ERP 执行中枢 (SKU / Sourcing / WMS / Logistics)
核心目标:补全 ERP 核心执行模块,实现从“商品建模”到“物流交付”的全链路物理闭环。
[AI-FE] 供应链执行 (Supply Chain Execution)
- [FE_ERP_SKU] 全球 SKU 主数据管理中心 (SKU Master):
- 任务: 实现多维属性编辑器、平台级 SKU 映射矩阵、多媒体资产管理 (DAM).
- 状态: ⏳
pending| 🛡️ Pending
- [FE_ERP_SOURCING] 采购与寻源生命周期 (Procurement):
- 任务: 实现从 AGI 建议一键转采购单 (PO)、到货质检 (QC) 入口、入库单同步.
- 状态: ⏳
pending| 🛡️ Pending
- [FE_ERP_WMS] AGI 驱动的智能仓储 (WMS Ops):
- 任务: 实现可视化库位管理图、拣货波次进度条、拣货路径预览交互.
- 状态: ⏳
pending| 🛡️ Pending
- [FE_ERP_LOG] 跨境物流与面单中心 (Logistics Hub):
- 任务: 实现多渠道运费实时比价列表、打单发货工作台、包裹轨迹实时地图.
- 状态: ⏳
pending| 🛡️ Pending
Batch 07 (2026-03-14) - [FE_ERP_WORKBENCH] ERP 高交互工作台 (OMS / CS / Finance)
核心目标:提供生产级订单处理、售后协作与财务对账视图,实现“一站式”ERP 闭环体验。
[AI-FE] 业务生产力 (Business Productivity)
- [FE_OMS_01] 统一订单工作台 (OMS Workbench):
- 任务: 实现多渠道筛选、批量审核/发货工具条、异常标记与 AGI 改派建议联动.
- 状态: ⏳
pending| 🛡️ Pending
- [FE_CS_01] 售后与客服协同中心 (CS Dashboard):
- 任务: 实现售后工单详情、AGI 生成的回复建议/协商方案预览、一键退款审批.
- 状态: ⏳
pending| 🛡️ Pending
- [FE_FIN_01] 财务对账与收支日历 (Finance Calendar):
- 任务: 实现财务对账差异下钻视图、收支时间轴日历、现金流 AGI 预测图表.
- 状态: ⏳
pending| 🛡️ Pending
Batch 08 (2026-03-14) - [FE_GOV_INBOX] 治理与任务中枢 (Inbox & Approval)
[AI-FE] 协同交互 (Collaboration UI)
- [FE_INBOX_01] 统一任务收件箱 (Global Inbox UI):
- 任务: 实现全局待办列表,支持按来源模块、优先级、截止时间过滤 (联动
UnifiedTaskService). - 状态: ⏳
pending| 🛡️ Pending
- 任务: 实现全局待办列表,支持按来源模块、优先级、截止时间过滤 (联动
- [FE_APPROVE_01] 通用审批中心 UI (Approval Center):
- 任务: 开发统一审批详情组件,展示变更前后对比、AGI 建议与影响评估.
- 状态: ⏳
pending| 🛡️ Pending
Batch 09 (2026-03-14) - [FE_REP_BI] 数据分析与 AGI 报表 (BI Center)
[AI-FE] 决策支持 (Decision Support)
- [FE_REP_01] 报表中心工作台 (Report Hub):
- 任务: 分组展示销售、库存、供应链、财务报表,支持维度切换与导出.
- 状态: ⏳
pending| 🛡️ Pending
- [FE_BI_01] 自助分析与 AGI 报表生成 (Natural Language BI):
- 任务: 提供「维度-指标」拖拽界面,支持 AGI 语义解析生成可视化图表.
- 状态: ⏳
pending| 🛡️ Pending
Batch 10 (2026-03-14) - [FE_CRM_360] 客户主权资产看板 (CRM)
[AI-FE] 资产管理 (Asset UI)
- [FE_CRM_01] 客户 360 档案与商机看板 (CRM UI):
- 任务: 实现 TOC/TOB 统一档案,展示订单历史、客诉、信用评分与商机漏斗.
- 状态: ⏳
pending| 🛡️ Pending
Batch 11 (2026-03-14) - [FE_GOV_CONFIG] 配置中心与 A/B 实验平台
[AI-FE] 策略治理 (Policy UI)
- [FE_CONF_01] 统一配置中心页面 (Config Manager):
- 任务: 实现 Feature Flag、风控阈值、策略参数的颗粒度管理 UI.
- 状态: ⏳
pending| 🛡️ Pending
- [FE_EXP_01] A/B 实验与策略分桶平台 (Experiment Hub):
- 任务: 展示实验目标、分组策略、KPI 对比分析图表.
- 状态: ⏳
pending| 🛡️ Pending
Batch 12 (2026-03-14) - [FE_SB_SIM] What-If 策略仿真与沙盒控制
[AI-FE] 策略仿真 (Simulation UI)
- [FE_SB_01] 沙盒模式切换与模拟看板 (Sandbox Dashboard):
- 任务: 实现全局沙盒模式开关,展示在模拟环境下的策略执行 KPI 预测结果.
- 状态: ⏳
pending| 🛡️ Pending
Batch 13 (2026-03-14) - [FE_ALRT_OBS] 告警与可观测性中心
[AI-FE] 运维遥测 (Ops UI)
- [FE_ALRT_01] 统一告警与观察中心 (Alert Hub UI):
- 任务: 聚合节点异常、任务失败、库存超阈告警,展示 AGI 自愈记录.
- 状态: ⏳
pending| 🛡️ Pending
Batch 14 (2026-03-14) - [FE_AI_CREATIVE] 多模态 AGI 创作工作台
[AI-FE] 内容生产 (Content UI)
- [FE_CRE_01] AI 创作工作台与任务列表 (Creative Workbench):
- 任务: 提供商品图生成、视频翻译、TTS 语音合成的任务下发与素材库 UI.
- 状态: ⏳
pending| 🛡️ Pending
📊 全栈前端落地执行矩阵 (Frontend Execution Matrix)
| 任务 ID | 模块属性 | 核心描述 | 关键 UI 组件 | 状态 | 负责人 | 生产校验 |
|---|---|---|---|---|---|---|
FE_ADV_01 |
核心/策略 | 统一建议中心页面 (Advice Hub) | AdviceList, FilterBar |
⏳ in_progress |
AI-FE | 🛡️ Pending |
FE_ADV_02 |
核心/UI | AGI 建议审批与因果链 (XAI) | CausalChainChart |
⏳ in_progress |
AI-FE | 🛡️ Pending |
EXT_SUB_01 |
插件/业务 | 商品页 Suggestion Bubble | SuggestionBubble |
✅ completed |
AI-EXT | 🛡️ Verified |
EXT_AUTH_01 |
插件/架构 | Console-Plugin 身份同步 | AuthBridge |
✅ completed |
AI-EXT | 🛡️ Verified |
FE_SOV_01 |
架构/遥测 | 全球节点拓扑遥测视图 (G6) | NetworkTopologyGraph |
⏳ in_progress |
AI-FE | 🛡️ Pending |
FE_SEC_01 |
安全/UI | ZKP 隐私声誉证明展示 | ReputationBadge |
⏳ in_progress |
AI-FE | 🛡️ Pending |
FE_FIN_01 |
业务/财务 | 实时 P&L 穿透分析看板 | ProfitBreakdownChart |
⏳ in_progress |
AI-FE | 🛡️ Pending |
FE_INV_01 |
业务/库存 | 全球库存分布热力图 | InventoryWorldMap |
⏳ in_progress |
AI-FE | 🛡️ Pending |
FE_HEAL_01 |
内核/运维 | AGI 自愈异常上报看板 | AnomalyRCAView |
⏳ pending |
AI-FE | 🛡️ Pending |
EXT_HEAL_01 |
插件/内核 | 插件端页面结构自愈上报 | AnomalyReporter |
⏳ pending |
AI-EXT | 🛡️ Pending |
🛡️ 前端质量红线 (Frontend Red Lines)
- Zero-Mock Policy:严禁 Mock 数据。所有展示必须基于 AdviceService.ts 或相关生产接口。
- Causal Chain Enforcement:任何 AI 建议展示必须具备 UX_XAI_01 定义的因果链入口。
- Traceability:所有操作必须注入
x-trace-id,并支持从 UI 一键跳转至 AuditLog。 - FSM Consistency:UI 交互状态必须严格遵循后端定义的状态机(PENDING -> APPROVED -> EXECUTED)。
看板维护者:AI-FE | 当前版本:V32.0
关联规格:task-specifications.md