PowerPointDemo

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

---

老大要求。

1. 陀螺 旋转 点击展示不同的点
2. 二维图展示 市场最低基线（质量投入），每个点平滑动画加载。预防成本、质量成本、最优成本。
3. 动画展示 （体系规范和运营支撑要平衡，如果一个长一个短，会出问题，跌倒动画）
4. 质量管理部的核心 并不是体系规范，而是 过程改进、资产沉淀（数字化、配置库、技术核心）、度量分析
   1. 管理自动化。
   2. 成本有效控制。
5. 展示每个点都做出了正确的响应。陀螺加速。扁平化（要减少中间的感知，体系规范等）

陀螺旋转

各个点的展示

陀螺实现的倒转 一次把事情做对。

加速扁平化

IT 支撑（各种工具化个工具。例：配置库）

1. 先根据图拆分为几个大场景，然后把大场景拆分为若干个小场景。
2. 每个场景找到合适的背景图和文案。
3. 设计整体的转场动画。和页面切换。

场景一 公司架构

分层

1. 度量决策层
2. 体系规范 - 运营支撑 - 专业交付 - 质量控制
3. 项目

用 echarts 漏斗图。

拆分 1 各个层是做什么的。

1. 度量决策
2. 中间层
3. 项目

宏观讲解下质量管理在项目开发中的作用

列举各个行业 质量管控在企业成本中的占比。最后有为什么会占比这么高。

场景 3 讲解质量在层级之间的作用

体系规范 - 运营支撑 踢皮球。

场景 4 如何优化，未来的目标

图一有“度量决策”“体系规范”“运营支撑”“专业交付”“质量管控”“项目实现”“市场（客户）”“旋转”“数据”“平台”按钮可以点击跳转；

点图 1 的“质量管控”可以跳转到图 2；

点击图 1 的度量决策”“体系规范”“运营支撑”“专业交付”“市场（客户）”，旁边的图 3 相应的版块亮起来；

点“项目实现”旁边出现图 3-2，图 3-2 需要有一个“持续交付”按钮，跳转到图 4；

图 1 旁边还要“数据”和“平台”两个按钮，点击相对应的跳转到“IT 构建路径”和“IT 系统架构图”

https://echarts.apache.org/examples/zh/editor.html?c=funnel

3D 漏斗图 https://blog.csdn.net/m0_57454052/article/details/124431015

鼠标悬浮 3D https://www.youtube.com/watch?v=CChOgyY6mD4&ab_channel=OnlineTutorials