feat(self-operated): add charts and continuous collection status
This commit is contained in:
@@ -4,11 +4,15 @@
|
||||
|
||||
| 页面 | 操作 | 依据与承载结论 | 布局与验证 |
|
||||
| --- | --- | --- | --- |
|
||||
| 自营业务全部图表 | 统一ECharts | 2026-10-13 用户要求全面替换手写图表：经营总览日趋势、库存七桶与三个榜单、SKU日趋势、采集进度环统一通过AnalyticsChart使用ECharts Canvas；移除SVG路径生成与CSS条形绘图，保留真实数量、未知／零区分及原有下钻边界 | 日期点／分类轴／柱体点击及展开表格键盘操作同资格；未知进度仅空环；坐标、tooltip、缩放及尺寸由组件配置；待人工1920×1080、100%截图确认 |
|
||||
| 库存／销量 | SKU每日出库趋势连线与坐标 | 2026-10-13 用户反馈线未连接、坐标不显示，并明确要求图表组件：保留居中弹框，改用ECharts＋vue-echarts（Canvas），配置日期轴、数量轴、网格、提示框、图例说明和范围缩放；相邻有效日连接，涉及未完整日用虚线，未知或缺失日期断线 | 库存／销量／总览的SKU弹框共用组件；总览主图的连线修复同步回归；不把未知补零；待人工1920×1080、100%截图确认 |
|
||||
| /self-operated/collection | 看板配色 | 2026-10-13 用户追加当前页面与原型首页截图：采用蓝紫主色、浅色圆形装饰数量卡、绿／橙数量强调；流程与仓库结果增加色彩层次，保持原有左右布局及真实状态文字 | 仅本看板作用域内应用；颜色不代替状态或代表未知完成度；待人工1920×1080、100%截图确认 |
|
||||
| /self-operated/collection | 等待提示与刷新稳定性 | 2026-10-13 用户两张运行看板截图：移除环图上方临时插入的等待说明，原因合并到下方估算说明区；未知总量以“—”及目录总页数未返回说明展示；刷新保留已读数据，同任务优先使用账号活动摘要 | 数量说明预留一行，避免已知／未知切换挤动数字；阶段或尝试变化不沿用旧百分比；待人工1920×1080、100%截图确认 |
|
||||
| /self-operated/collection | 单账号运行首屏 | 2026-10-13 最新实际页面及原型截图：首屏改为账号活动优先，环形进度、总量／完成／剩余及阶段预计时间；移除原筛选、配置、历史、详情和恢复表单，只读账号概览；待机保留阶段、最近发布及各仓结果 | 按用户原型排版，使用现有 Admin 白色卡片、主题强调色及统一按钮，无详情弹框；本行覆盖下方旧采集页面承载记录；后续流程不冒充调度顺序，有界待处理摘要不冒充完整队列；待人工1920×1080、100%截图确认 |
|
||||
| 销量／库存 | 默认仓库与重置 | 2026-10-13 用户确认进入页面即按仓库显示：无传入仓库时自动选中接口返回的首个可用仓库并查询；链接带入仓库优先；重置保留当前仓库并重新查询 | 保留切仓与迟到响应隔离；没有可用仓库不发无仓库查询；自动回归覆盖两页首次进入、链接进入、缓存页返回及重置 |
|
||||
| /self-operated/sales | 自定义销量日期 | 2026-10-13 用户截图 `codex-clipboard-fac03bb1-6703-467d-b357-5731ea8cfb32.png`：两个单日框分散换行，未完整选择时残留逆序错误和旧结果。原筛选区改为公共QueryToolbar单一日期范围控件，明确开始／结束日期，支持同日；不新增浮层或改变统计口径 | 日期范围整体换行，校验完整范围后查询；草稿修改不改变已查询列表的分页／趋势条件，提交失败不冒充新范围结果；补充自动回归，待人工1920×1080、100%截图确认 |
|
||||
| /self-operated/overview | 查询、刷新与六项指标 | `docs/自营业务/经营总览图表设计.md`“菜单与页面布局”“指标带”；单仓＋趋势日期QueryToolbar、紧凑指标带，整体固定版本 | 不新增货主控件；未知／过期独立提示；待人工1920×1080截图确认 |
|
||||
| /self-operated/overview | 日趋势、七桶与三个Top10 | 同设计“五张图表”；SVG折线与横条、趋势约2/3宽、分布约1/3宽，三榜并排 | 热销随时间筛选按已采集量排名并提示覆盖不足；可聚焦提示、缺日断线、部分日文字、真实数值比例；待人工截图确认 |
|
||||
| /self-operated/overview | 日趋势、七桶与三个Top10 | 同设计“五张图表”；ECharts折线与横条、趋势约2/3宽、分布约1/3宽，三榜并排 | 热销随时间筛选按已采集量排名并提示覆盖不足；可聚焦提示、缺日断线、部分日文字、真实数值比例；待人工截图确认 |
|
||||
| /self-operated/overview | SKU趋势 | 同设计“图表交互与视觉依据”；1120px居中AppDialog，热销沿所选时段、其它榜沿固定30日，精确货主SKU | 关闭取消请求，不改现有详情承载；待人工截图确认 |
|
||||
| 总览→销量／库存 | 日期／榜单／分桶下钻与返回 | 同设计“精确下钻合同”；目标页验证完整版本、精确筛选及互斥，显示可清除来源摘要，固定本地返回 | 库存时效到期阻止严格下钻；返回恢复趋势范围、版本、滚动；待人工截图确认 |
|
||||
| /self-operated/sales | 仓库、SKU、日期／榜单查询及分页 | 当前截图：货主控件分散筛选；本轮冻结为单一紧凑筛选区，仓库明确提示必须选择，SKU为主 | 复用 AdminPage、QueryToolbar、DataTable、高密度样式；日期／榜单切换和分页保持版本；待人工截图确认 |
|
||||
@@ -58,7 +62,26 @@
|
||||
| --- | --- | --- | --- |
|
||||
| /self-operated/collection | 查询与完整任务号定位 | 原 QueryToolbar 增加采集内容与完整任务号；按仓库直接读取受权限约束的任务详情，同步 `warehouseCode,taskNo`，不靠翻历史列表定位 | 不跨权限搜索；不存在、权限拒绝、首次读取失败沿服务端错误呈现；待人工1920×1080、100%截图确认 |
|
||||
| /self-operated/collection | 当前关注与活动切换 | 筛选区下先展示关注任务及完整编号；默认只选服务端 `activeTasks`，手动选择和历史任务持续保留，提供返回当前活动；账号其他活动单列，不借作本任务来源 | 已确认 `progressSourceTaskNo` 才消费对应共享上游；来源数量不跨仓累加；待人工截图确认 |
|
||||
| /self-operated/collection | 环图、阶段和结果 | 当前阶段SVG环图与总量／完成／剩余共用区域；未知、零量、异常或变化分母撤去比例。出库五阶段、库存四阶段各自展示，阶段完成只依据同身份结束证据；本次发布与当前可用报表独立 | 不用步骤序号或数量100%推定发布，不把来源单数当SKU销量；待人工截图确认 |
|
||||
| /self-operated/collection | 环图、阶段和结果 | 当前阶段ECharts环图与总量／完成／剩余共用区域；未知、零量、异常或变化分母撤去比例。出库五阶段、库存四阶段各自展示，阶段完成只依据同身份结束证据；本次发布与当前可用报表独立 | 不用步骤序号或数量100%推定发布，不把来源单数当SKU销量；待人工截图确认 |
|
||||
| /self-operated/collection | 阶段速度与预计时间 | 仅显示服务端当前阶段估算，向上取整为分钟；同时展示读取、推进、心跳时钟，阶段耗时不使用尝试总耗时替代 | ETA过期、读取失败、隐藏、计数不一致撤销估算；不可估算原因明确说明；不推算全任务ETA；待人工截图确认 |
|
||||
| /self-operated/collection | 历史与详情 | 历史压缩为操作、任务／范围、数据时间段、阶段进度、最近进展、执行／发布六列，默认10行。沿用1200px居中AppDialog及全屏，标题只出现一次完整任务号 | 无本仓尝试只显示摘要；执行记录和诊断默认折叠，尝试分页按需请求，轮询不重置分页；待人工截图确认 |
|
||||
| /self-operated/collection | 刷新与恢复 | 一个运行轮询器，活动／等待10秒、闲置60秒，隐藏和离页停止，恢复立即读；旧响应取消与身份校验。配置仍为独立只读弹框；恢复表单仅独立sync权限且allowedActions允许、无阻断时出现 | 状态更新失败保留观测数量、不判采集失败；恢复沿原RETRY及幂等确认，仅提示已排队；自动测试与人工视觉分别记录 |
|
||||
|
||||
## Top10 展示与完整明细（2026-10-13 用户截图）
|
||||
|
||||
用户最新截图要求图表底部操作移至卡片右上角并使用 link 按钮。出库趋势、库存分布和三榜统一标题栏；明细、分组说明、待评估原因及查看全部均使用文字链接，移除底部操作区及重复辅助说明。弹框宽度、根部挂载、刷新关闭与原下钻权限保持，长标题下操作区允许自然换行且右对齐；待人工1920×1080、100%截图确认。
|
||||
|
||||
| 页面／操作 | 截图与当前实现 | 本轮结论 | 验证 |
|
||||
| --- | --- | --- | --- |
|
||||
| 经营总览／两个库存榜单空榜原因 | 用户截图显示符合条件0、待评估2711／2741；用户要求修改后自行截图 | 在两个库存榜单内提供“采集覆盖与待评估原因”，沿用1040px居中ChartDetailsDialog；显示当前查询的仓库、覆盖区间、库存时间／状态及全仓库存分布原因计数，明确非两榜各自排除明细、只含首个命中原因；保持计算与下钻条件 | 不新增请求，不混入轮询版本；保留未知和历史提示，刷新关闭旧弹框；待人工1920×1080、100%截图确认 |
|
||||
|
||||
| 页面／操作 | 截图与当前实现 | 本轮结论 | 验证 |
|
||||
| --- | --- | --- | --- |
|
||||
| 经营总览／排行榜 | 用户截图中长悬浮说明越界，标签拥挤；现为 ECharts 横条 | 保留 ECharts，压缩悬浮摘要、限制宽度并换行；名次独立强调、保留统一数值轴 | 待人工1920×1080、100%截图确认 |
|
||||
| 经营总览／查看完整名称、数值与明细 | 当前为卡片内 details 展开；用户要求弹框 | 使用1040px居中 AppDialog，完整名称、数值、说明换行展示；下钻先关闭弹框，刷新数据关闭旧明细 | 自动交互回归；待人工截图确认 |
|
||||
| 查看Top100／查看全部 | 当前跳转对应列表 | 保留原列表入口与筛选上下文，完整明细弹框仅展示当前图中的数据 | 原下钻合同不变 |
|
||||
|
||||
| 经营总览／每日数值、库存分组原因、SKU趋势覆盖证据 | 用户要求移除图表后方的内嵌展开 | 改为根部挂载的居中 AppDialog：数值／证据1040px，分组说明760px；保留未知、覆盖原因和原日期下钻资格 | 定向测试通过；待人工截图确认 |
|
||||
| 图表完整明细遮罩与定位 | 用户截图显示被卡片裁剪 | 所有新增图表弹框 append-to-body；不受卡片 transform 和滚动区域限制 | 待人工1920×1080、100%截图确认 |
|
||||
|
||||
| 热销Top10／完整明细字段去重 | 用户截图中SKU、货主、出库量重复 | 热销专用1280px弹框表格，身份与各指标独立列，统计区间与覆盖提醒移至表头上方；其他榜单字段保留 | 同SKU不同货主、零／未知值、下钻回归；待人工截图确认 |
|
||||
|
||||
Reference in New Issue
Block a user