Dashboard 设计方案 V8

中建股份
集中采购管理考核
穿透分析平台 V3

基于16家局级单位真实考核数据,构建三页穿透分析架构。
单位画像 → 组织穿透 → 指标穿透,实现从单体诊断到全局洞察的全景式分析。

React 18TypeScriptECharts 5Tailwind CSSAI 分析助手
中建股份集中采购管理考核穿透分析平台
考核单位
17
平均总分
87.4
最高得分
92.1
最低得分
78.3
17家单位总得分排名
Data Architecture

数据架构解析

基于评分标准模板与模拟评分结果,梳理出四层数据穿透结构

五级组织穿透架构

L1
集团总部(股份)
1个 · 全局视角
根节点
L2
局级单位(16家)
9工程局 + 7专业公司
16 家
L3
三级单位
各局下属子单位
~80 家
L4
区域公司
三级单位下属区域
~200 家
L5
项目
最末端执行单元
~1200 个

四大考核模块分值分布

主观分 vs 客观分
主观分55分
客观分45分
被考核单位构成
9
工程局(J)
8
专业公司(ZY)
Permission Control

权限控制设计

五级权限体系,按组织架构层级自动过滤数据范围,确保数据安全与权限隔离

G
集团用户
全量视图
16家单位
单位画像: 全部
组织穿透: 5级
指标穿透: 全部
B
局级用户
局级视图
本局+下属
单位画像: 默认本局
组织穿透: 本局 subtree
指标穿透: 本局指标
L3
三级用户
三级视图
本单位+下属
单位画像: 默认本单位
组织穿透: 本单位 subtree
指标穿透: 本单位指标
R
区域用户
区域视图
本区域+项目
单位画像: 默认本区域
组织穿透: 本区域 subtree
指标穿透: 本区域指标
P
项目用户
项目视图
仅本项目
单位画像: 仅本项目
组织穿透: 同级对比
指标穿透: 本项目指标

权限过滤逻辑

用户角色
集团/局级/三级/区域/项目
数据范围过滤
按userNodeId截断subtree
可见数据
仅显示权限范围内单位
前端渲染
排名/热力图/雷达均过滤
1
Tier 1 · Unit Profile

单位画像 · 深度诊断

Dashboard V3 首页。聚焦单个单位的全维度考核分析,7维度雷达图定位能力短板,瀑布图追踪扣分链路,自动识别得分率最低的3项指标并给出诊断建议。

中建股份集中采购管理考核穿透分析平台 / 单位画像
单位画像
组织穿透
指标穿透
选择单位:
B
B局 | 工程局
总得分
92.1
排名
1/17
得分率
83.7%
与均值差
+4.7
建设指标 优秀管理指标 优秀发展指标 达标
7维度细分雷达 — 蓝=该单位,灰=平均值
扣分瀑布图 — 从满分到实际得分的扣分链路
短板诊断(自动识别得分率最低的3项)
1.5
海外平台使用
目标60%上线率,实际仅覆盖部分区域
得分率 37.5%
2.3
信用评价应用
反向评价仅小范围开展,未全面应用
得分率 76.7%
8.9
创新应用课题
互评得分偏低,创新成果展示不足
得分率 74.2%
全指标明细对比
指标满分得分得分率vs均值
供应链委员会设置66100%+0.4
制度落实44100%0
人员配置与培训55100%+0.5
平台互联互通22100%+0.2
采购数据报送22100%+0.4
信用评价应用32.583%0
创新应用课题129.176%-1.1
平台采购额55100%0
集中采购率55100%0
7维度雷达图

blue=当前单位, gray=17局均值。7个维度:组织架构、制度建设、人员配置、平台建设、采购管理、分供管理、绿色建材。

扣分瀑布图

从满分110分逐级扣减,直观展示每个模块的失分情况。红色表示扣分,蓝色表示得分,一目了然。

短板自动诊断

系统自动计算得分率最低的3个维度,标红警示并给出具体原因说明,辅助管理层快速定位问题。

总得分
77.4
满分110分
排名
1/17
局级单位中
得分率
70%
总得分/满分
与均值差
+3.6
高于17局均值
2
Tier 2 · Organization Drill-down

组织穿透 · 异常驱动

左侧组织架构树导航 + 右侧分析面板。以异常指标为起点,层层穿透定位拖后腿的单位。包含能力雷达图、三级单位排名、模块得分热力图、异常预警和指标明细对比表。

中建股份 / 局级考核 / B局(J5) / B局一公司 / 华南区域
● 数据已更新
单位画像
组织穿透
指标穿透
组织架构(五级穿透)
中建集团
中建三局(J3)88
B局(J5)92
B局一公司96
华南区域103
万科云城项目106
前海金融中心103
华东区域
华北区域
B局二公司90
B局三公司88
B局东北 ⚠78
中建八局(J8)
中建九局(J9)低分
B局一公司 | 三级单位 | 隶属B局(J5)
总得分 95.5局内排名 1/7得分率 86.8%↑ 高于局均值 +3.4
建设指标(35分)
34.0
↑ 局内第1
管理指标(52分)
49.5
↑ 局内第1
发展指标(13分)
12.0
↑ 局内第2
加分项(10分)
8.0
↑ 局内第1
能力雷达图 蓝=一公司 灰=B局均值
局内三级单位排名 点击柱形穿透
异常预警局内三级单位
78
B局东北公司 — 总得分异常偏低
与局均值(90.8)差距14.1分
42
B局东北 — 管理指标偏低
集中采购率仅28%(目标32%)
指标明细对比 — 与局均值差异
指标一公司得分局均值差异二公司三公司东北
供应链委员会设置6.0/65.8+0.26.05.54.0
集中采购率5.0/54.6+0.45.04.53.0
创新应用课题10.5/128.8+1.79.08.07.0

A 能力雷达图(多下属单位对比)

显示当前节点 vs 下属各单位的四大模块雷达线,每条线一个颜色(16色区分),tooltip悬浮显示详细数值。如B局页面显示B局一、B局二、B局三各自的雷达线。

B 下属单位排名

按总得分排序的柱状图,显示每个下属单位的得分。点击柱形可穿透到该单位的组织穿透页面。项目层级无下属时隐藏此图。

C 模块得分热力图

下属各单位 × 四大模块的得分热力分布。颜色从红(低分)到深蓝(高分),直观显示管理不均衡的核心模块。得分率clamp到100%。

D 异常预警面板

自动识别每个下属单位的异常指标(得分率低于75%),按严重/警告分级显示。包含指标名称、实际得分/满分、严重程度。

总得分
77.4
满分110
得分率
70%
最高得分
B局三公司
77.6分
最低得分
B局二公司
75.1分
3
Tier 3 · Indicator Penetration

指标穿透 · 逐层分析

独立的指标分析页面。左侧树形指标导航 + 右侧动态图表,从一级指标逐级穿透到具体评分项。包含17家单位集中采购率得分对比柱状图和评分明细表。

中建股份集中采购管理考核穿透分析平台 / 指标穿透分析
单位画像
组织穿透
指标穿透
全部指标2 管理指标2.3 集中采购
指标导航
1 建设指标35分
1.1 组织架构
1.2 制度落实
1.3 人员配置
1.4 平台建设
1.5 信用体系
1.6 创新应用
2 管理指标52分
2.1 平台采购额
2.2 成本降低率
2.3 集中采购 12分
2.3.1 集中采购率
2.3.2 区域联采
2.3.3 商城化采购
2.4 分供商履约
2.5 资源库管理
2.6 物资管理
2.7 投诉管理
2.8 生态建设
3 发展指标13分
4 加分项10分

2.3 集中采购 (满分12分:集采率5分 + 联采执行5分 + 商城化2分)

17家单位「集中采购率」得分对比 — 目标值 32%,达到得满分
评分明细表 — 点击行查看单位画像
按得分排序
单位指标要求完成情况达成率得分扣分原因
J50.320.4142129%5-
J60.3350.5432162%5-
J30.320.3538111%5-
ZY90.2650.2657100%5-
J100.270.3006111%5-
树形指标导航
四级树形菜单,快速定位任意评分项
17家单位对比
集中采购率等关键指标横向对比
评分明细表
每家单位的指标要求、完成情况、得分
达成率可视化
完成情况与指标要求的比值自动计算
AI Assistant

AI 智能分析助手

页面右下角悬浮AI按钮,点击展开智能分析面板。根据当前Tab和选中单位,动态生成分析思路和下步行动建议。

AI · 组织穿透分析
B局 | 5个三级单位
5
下属单位
76.4
均值
2.5
离散度
头部
1B局三公司77.6
尾部
1B局二公司75.1
分析思路
B局的组织穿透分析:下属5个三级单位,得分范围75.1-77.6,离散度2.5分。头部B局三公司表现突出,尾部B局二公司需重点关注。管理指标差异最大,是管理不均衡的核心模块。
下步行动建议
1)管理指标模块管理差异最大,需统一标准、缩小差距;2)尾部B局二公司制定"一企一策"提升方案;3)推广B局三公司的建设指标管理经验,全局对标提升。
Tab 级联动态分析

单位画像Tab分析7维度短板;组织穿透Tab分析下属离散度和排名;指标穿透Tab分析36项指标穿透路径。AI根据当前Tab自动切换分析维度。

智能数据洞察

自动计算头部/尾部单位、均值、离散度、最大差异模块等核心指标,生成自然语言分析文本。

行动建议自动生成

基于分析结果,自动输出3条可执行的行动建议:对标先进、专项提升、补齐短板。

项目层级专属分析

下钻到项目层级时,AI自动切换为项目分析模式:显示项目得分、同级排名、与局均值对比。

Navigation Flow

三页穿透导航流

从单位画像到组织穿透再到指标穿透,每页之间通过交互实现无缝穿透

1
单位画像
单单位深度诊断
7维度雷达图 + 瀑布图 + 短板
切换单位 → 全页刷新
底部穿透 → 组织穿透
点击穿透
2
组织穿透
下属单位对比分析
雷达图 + 排名 + 热力图 + 异常
点击柱形 → 单位画像
树形导航 → 逐级下钻
Tab切换
3
指标穿透
指标维度逐层分析
17家单位对比 + 评分明细
树形导航 → 子指标
表格行 → 单位画像
面包屑导航示例
单位画像组织穿透B局B局三公司

面包屑支持点击返回任意层级,确保用户不会「迷路」

Visual Design

视觉设计规范

主色 Brand
#3b64f5
总览、得分、选中态
单位画像 Amber
#f59e0b
Tab1 激活色
组织穿透 Emerald
#10b981
Tab2 激活色
指标穿透 Slate
#64748b
Tab3 激活色

得分色彩映射规则

100%-90%
优秀
89%-75%
良好
74%-60%
达标
60%以下
预警

三页Tab色序

1
单位画像 Tab
amber-500 为主色,底部border-amber-500
2
组织穿透 Tab
emerald-500 为主色,底部border-emerald-500
3
指标穿透 Tab
slate-400 为主色,底部border-slate-400
AI
AI助手悬浮球
brand-500 渐变,右下角固定定位
Technology

技术实现方案

React 18
UI框架
函数组件 + Hooks,组件化开发
TypeScript
类型安全
严格类型检查,数据接口定义
ECharts 5
图表引擎
雷达图、瀑布图、热力图、柱状图
Tailwind CSS
样式框架
原子化CSS,shadcn/ui组件库

数据流架构

JSON 数据
16家局级真实考核数据
React Context
全局状态管理
三页组件
单位画像/组织穿透/指标穿透
ECharts 渲染
雷达/瀑布/热力/柱状图

Dashboard V3 方案确认

三页穿透分析架构:单位画像(深度诊断) → 组织穿透(异常驱动) → 指标穿透(逐层分析)。
支持五级组织穿透、AI智能分析助手、五级权限控制。
基于16家局级单位真实考核数据,实现全景式洞察。

方案已确认

Dashboard V3 已部署上线 · 如有调整需求请随时告知