Files
ccdi/docs/plans/frontend/2026-05-06-project-analysis-person-detail-style-alignment-frontend-implementation.md

1.1 KiB

2026-05-06 项目分析个人详情页样式对齐前端实施计划

目标

  • 将项目分析个人详情页样式对齐到用户提供的参考图。
  • 本次只调整前端样式表现,不改接口、字段、交互逻辑和业务内容。

范围

  • ruoyi-ui/src/views/ccdiProject/components/detail/ProjectAnalysisDialog.vue
  • ruoyi-ui/src/views/ccdiProject/components/detail/ProjectAnalysisSidebar.vue
  • ruoyi-ui/src/views/ccdiProject/components/detail/ProjectAnalysisAbnormalTab.vue

实施要点

  • 调整详情弹窗头部、左右分栏比例、页签尺寸和间距。
  • 调整左侧人物档案与命中模型摘要区块的标题、信息行、风险徽标和标签样式。
  • 调整右侧异常明细内容区的区块标题、表格头部、单元格留白、异常对象摘要卡片和快照块样式。
  • 保持现有数据绑定、页签切换、证据库按钮和分页逻辑不变。

验证

  • 在真实业务页面打开项目总览详情弹窗,检查个人详情页视觉是否与参考图一致。
  • 确认异常明细、对象摘要、加入证据库按钮和分页仍可正常显示。