5.8 KiB
5.8 KiB
项目管理列表重新分析确认与刷新设计文档
背景
项目管理列表页已经接入“重新分析”真实调用链路:
- 前端通过
POST /ccdi/project/tags/rebuild提交项目级重打标 - 成功后提示“已开始重新分析”
- 随后调用
getList()刷新列表与状态统计
当前缺口主要有两个:
- 用户点击“重新分析”后会立即发起请求,缺少二次确认
- 需要明确本轮仍然沿用成功后的全列表刷新策略,不做局部行补丁更新
本次需求是在现有真实调用能力之上补齐交互确认,并保持最短路径实现。
目标
- 为项目列表中的“重新分析”按钮增加确认弹窗
- 用户确认后才触发
rebuildProjectTags - 调用成功后继续刷新项目列表与顶部状态统计
- 保持现有失败提示、按钮提交态和状态驱动展示逻辑
范围
In Scope
ruoyi-ui/src/views/ccdiProject/index.vue中“重新分析”交互链路补充确认弹窗- 沿用现有
reAnalyzeLoadingMap防重复点击 - 成功后沿用
getList()刷新列表和状态统计 - 取消确认、调用成功、调用失败三类前端行为收口
- 补充对应前端验证与实施文档
Out of Scope
- 不新增后端接口
- 不新增轮询、进度提示、消息推送
- 不做局部列表行更新或乐观更新
- 不调整“重新分析”按钮显示条件
- 不变更后端重打标、风险人数计算或状态流转逻辑
现状分析
前端现状
ruoyi-ui/src/views/ccdiProject/index.vue 中的 handleReAnalyze(row) 当前流程为:
- 判断当前项目是否处于重新分析提交中
- 设置按钮 loading
- 调用
rebuildProjectTags({ projectId }) - 成功提示“已开始重新分析”
- 调用
getList()刷新列表 - 失败时弹出错误提示
当前缺少用户确认步骤,因此点击即执行。
后端现状
后端现有 /ccdi/project/tags/rebuild 能力已满足本轮需求:
- 支持按
projectId提交项目级重打标 - 会按既有流程更新项目状态
- 完成后由现有链路刷新结果与风险人数
因此本轮仍然只做前端交互补充,不引入后端源码改造。
方案选择
推荐方案
在列表页现有 handleReAnalyze(row) 中补充确认弹窗,确认后继续执行当前请求和刷新逻辑。
执行顺序:
- 用户点击“重新分析”
- 前端弹出确认框
- 用户点击“确定”后再进入接口调用
- 调用成功后提示“已开始重新分析”
- 继续调用
getList()刷新列表与统计
采用该方案的原因:
- 改动最小,符合最短路径要求
- 保持
ProjectTable.vue只负责事件透传,不下沉业务交互逻辑 - 与当前页面级操作风格一致,便于复用现有 loading 和刷新逻辑
不采用的方案
方案一:在 ProjectTable.vue 内直接处理确认弹窗
不采用原因:
- 表格组件职责变重
- 确认逻辑与接口逻辑分散在父子组件之间
- 不利于后续维护同类页面级操作
方案二:抽象通用确认执行器
不采用原因:
- 对当前需求属于过度设计
- 只为单个按钮增加抽象,收益低于额外复杂度
详细设计
1. 交互设计
点击“重新分析”后,前端先弹出确认框,文案为:
确认对项目“{项目名称}”重新分析吗?重新分析将重新计算项目标签。
交互约束:
- 点击“确定”才继续发起请求
- 点击“取消”直接结束,不提示失败,不刷新列表
- 弹窗只承担确认职责,不展示额外解释信息
2. 数据流与状态设计
确认后的请求链路保持现有实现:
- 读取
projectId - 设置当前项目按钮 loading
- 调用
rebuildProjectTags({ projectId }) - 成功后提示
已开始重新分析 - 调用
getList()刷新列表和顶部统计 - 在
finally中清理 loading
说明:
getList()已并行请求项目列表和状态统计,继续复用即可保证界面一致性- 不做局部行状态修改,避免列表和顶部统计出现时序不一致
3. 异常与边界设计
取消确认
- 用户主动取消时,不发请求
- 不设置 loading
- 不弹错误提示
接口失败
- 优先展示后端返回的
error.message - 无明确业务文案时,统一提示
重新分析失败,请稍后重试 - 失败时不刷新列表,保持当前数据稳定
防重复提交
- 保持单项目维度的
reAnalyzeLoadingMap - 只有在用户确认后才进入 loading
- 提交结束后恢复按钮状态
4. 测试设计
前端验证聚焦以下场景:
- 点击“重新分析”先出现确认弹窗
- 点击“取消”时不发请求、不刷新列表
- 点击“确定”后发起接口调用
- 请求成功时提示“已开始重新分析”并刷新列表
- 请求失败时提示失败信息,按钮恢复可点击
回归重点:
- 重新分析按钮仍只在既有状态条件下显示
- 成功刷新后项目状态和顶部统计继续由后端返回结果驱动
5. 后端影响说明
本轮后端无需改造。
原因:
- 现有
/ccdi/project/tags/rebuild已满足提交能力 - 现有
getList()刷新结果已经满足页面回显需要 - 本次变更仅增加用户确认,不改变接口语义
6. 风险与约束
- 本轮仍然是“提交后刷新一次”的模式,不展示任务进度
- 如果后端异步处理时间较长,用户看到项目进入处理中状态属于预期
- 方案依赖现有后端重打标链路稳定可用,不额外建设旁路能力
7. 本次设计结论
本次需求采用“列表页现有重新分析链路上补确认弹窗,并在成功后继续全列表刷新”的方案。
该方案满足以下要求:
- 最短路径实现
- 不引入补丁式旁路方案
- 前后端职责边界清晰
- 列表数据与统计刷新保持一致