作品 02 · 案例研究Work 02 · Case study

Gate 是阶段评审关口。PM Gate 把项目状态、交付物和评审放在同一处。A gate is a stage review. PM Gate brings project status, files and reviews together.

≈ 1 分钟速览 · ≈ 7 分钟上手 · 数据全部虚构,刷新即重置≈ 1 min skim · ≈ 7 min hands-on · all data fictional, resets on refresh

为什么是黄的 · AX10-B2Why yellow · AX10-B2
进行中6健康0关注5阻塞1待评审0逾期交付格16
AX10-B2点 G3 看原因Electric Oil PumpHalcyon Motors · Daniel Wu
进行中⚠ 1 逾期
ZR305Coolant Pump ModuleNordfjell · Sophie Zhang
进行中⚠ 2 逾期
M-Line Gen2Thermal Management ValveAurora EV · Daniel Wu
进行中⚠ 4 逾期
Active6Healthy0Watch5Blocked1To review0Overdue cells16
AX10-B2Tap G3 to see whyElectric Oil PumpHalcyon Motors · Daniel Wu
Active⚠ 1 overdue
ZR305Coolant Pump ModuleNordfjell · Sophie Zhang
Active⚠ 2 overdue
M-Line Gen2Thermal Management ValveAurora EV · Daniel Wu
Active⚠ 4 overdue
试试点那颗黄点。Try itClick the yellow dot.

这颗点不是谁涂上去的。它是算出来的。Nobody painted this dot. It was computed.

一颗黄点,背后是什么What is behind a yellow dot?

日期、评审结论和文件分散在不同地方。PM Gate 把它们连起来,让状态有据可查。

Dates, review verdicts and files live in different places. PM Gate connects them so each status can be traced to its cause.

同一颗黄点 · AX10-B2 · G3The same yellow dot · AX10-B2 · G3
汇报页 · 项目状态AX10-B2

汇报页上的黄:只有一个颜色

PM GateAX10-B2 · G3 工装样件

PM Gate 的黄:点开就是来龙去脉

Status slideAX10-B2

Yellow on a slide: just a colour

PM GateAX10-B2 · G3 Off-tool

Yellow in PM Gate: click it for the whole story

试试两颗点各点一下。Try itClick both dots.

整个产品,装在一扇窗里The whole product, in one window

六个页面、两种角色,共用一份项目数据。可以查看评审、交付物和计划,也可切换到部门视角。

Six pages and two roles share one set of project data. Explore reviews, deliverables and plans, or switch to the department view.

整个产品 · 六个页面 · 两种身份The whole product · six pages · two seats
PM Gate

项目仪表盘

健康项目0占 0%
关注项目5占 83%
阻塞项目1占 17% · 需立即处理
待评审0占 0%
逾期项目6共 16 个逾期交付格

前四块按每个项目「当前 Gate 的显示评级」分档:通过算健康,有条件算关注,未通过算阻塞,还没评审算待评审;四块相加 = 当前筛选下的 6 个项目。「逾期项目」是横切统计:有逾期交付格的项目数,会和前四块重叠,不参与相加。卡片墙列出有完整档案的虚构项目;业务数据看板另含只有汇总字段的演示行。

Aurora EV (1)

投放风险投放 2026-12

Corvina (1)

投放风险投放 2027-12

Halcyon Motors (2)

投放风险投放 2028-04
投放风险投放 2027-09手动

Nordfjell (1)

投放风险投放 2028-09

Solis Vanta (1)

投放风险无风险
PM Gate

Programs

Healthy00% of these
Watch583% of these
Blocked117% of these · act now
To review00% of these
Overdue616 overdue cells

The first four tiles sort each program by the rating its current gate shows: Passed counts as healthy, Conditional as watch, Not passed as blocked, not reviewed yet as to review. Together they add up to the 6 programs in the current filter. Overdue cuts across them: programs with at least one overdue file cell, so it overlaps the other four and is not added in. The wall lists the fictional programs with full records; the business data board also has summary-only demo rows.

Aurora EV (1)

Launch riskLaunch 2026-12

Corvina (1)

Launch riskLaunch 2027-12

Halcyon Motors (2)

Launch riskLaunch 2028-04
Launch riskLaunch 2027-09Manual

Nordfjell (1)

Launch riskLaunch 2028-09

Solis Vanta (1)

Launch riskNo risk
试试切换页面,或用「换椅子」查看部门视角。Try itExplore the pages, or switch seats for the department view.

查看业务规则Explore the business rules

决策 ①Decision 1

健康变,当前 Gate 跟着变Health changes. The current gate follows.

当前 Gate 的颜色由七项健康与评审结论实时计算,卡片、彩条和看板共用这条规则。保留评审结论,也能反映今天的风险。

The current gate’s colour is derived from seven health checks and the review verdict. Cards, the gate bar and the dashboard share the rule, keeping the verdict while reflecting today’s risk.

图 1 · 健康 → Gate · AX10-B2Fig. 1 · Health → gate · AX10-B2

跨职能健康点一下切换:绿 → 黄 → 红 → 不适用

Gate 评级

由跨职能健康推得(进度、供应链)

仪表盘卡片

AX10-B2Electric Oil Pump

Cross-functional healthClick to cycle: G → Y → R → N/A

Gate ratings

Derived from cross-functional health (Timing, Supply chain)

Dashboard card

AX10-B2Electric Oil Pump
试试点「质量」,看 G3 与卡片变色。Try itClick Quality; watch G3 and the card change.

决策 ②Decision 2

改评级,先留原因Change a rating, record why.

修改已有评级需要填写原因,并滑动确认。修改人、时间和前后状态一起留在记录里。

Changing an existing rating requires a reason and a slide to confirm. The record keeps who changed it, when, and the before-and-after states.

图 2 · 改评级 → 原因 → 变更链 · AX10-B2Fig. 2 · Rating → reason → change chain · AX10-B2
Gate 评级右键格子,或点 ✎

由跨职能健康推得(进度、供应链)

颜色变更总览悬浮或聚焦箭头看原因

G0报价
原始未评审
通过首次设定 · Daniel Wu
G1立项
原始未评审
有条件首次设定 · Daniel Wu
G2投资
原始未评审
未通过首次设定 · Daniel Wu
通过Daniel Wu · 55 天前
G3工装样件
原始未评审
G4量产准备
原始未评审
G5量产移交
原始未评审

对照小实验

「再点一次确认」
滑动确认

快速双击左边的按钮试试

Gate ratingsRight-click a cell, or tap ✎

Derived from cross-functional health (Timing, Supply chain)

Colour change overviewHover or focus an arrow for the reason

G0Quote
OriginalNot reviewed
PassedFirst setting · Daniel Wu
G1Approval
OriginalNot reviewed
ConditionalFirst setting · Daniel Wu
G2Investment
OriginalNot reviewed
Not passedFirst setting · Daniel Wu
PassedDaniel Wu · 55 d ago
G3Off-tool
OriginalNot reviewed
G4Launch
OriginalNot reviewed
G5Handover
OriginalNot reviewed

Side-by-side test

“Click again to confirm”
Slide to confirm

Try double-clicking the left button quickly

试试点 G2 的「改评级」,写原因并滑动确认。Try itChange G2’s rating, add a reason, then slide to confirm.

决策 ③Decision 3

两种角色,一份交付状态Two roles, one delivery status.

项目经理与部门负责人共用一份数据。上传和反馈同步到矩阵,逾期与交齐按统一规则判定。

The PM and department leads share one set of data. Uploads and feedback update the matrix, with shared rules for overdue and complete.

图 3 · 文件矩阵 · 九态 · AX10-B2Fig. 3 · File matrix · nine states · AX10-B2
文件提交矩阵AX10-B2现在:Daniel Wu · 项目管理
部门G0报价G1立项G2投资G3工装样件G4量产准备G5量产移交
项目管理
1/1
2/2
1/1
1/1
0/1
0/1
销售
2/2
0/1
1/1
0/1
0/0
0/1
工程
1/1
1/1
1/1
1/3
0/1
0/1
供应链
1/1
1/1
1/1
0/2
0/1
0/1
制造
—
1/1
1/1
1/2
0/1
0/1
质量
1/1
1/1
1/1
0/1
0/2
0/1
未到12今日到期1逾期1不到一半1过半1交齐17已通过 · 不再催1待定条目1不需提交1
派给我 · ◆ 关键AX10-B2 · G3 工装样件
  • 供应商 PPAP 资料◆ 关键
    期限 10.05已逾期 5 天
    ⏸ 已反馈,暂停催办,等项目经理处理
    反馈原文

    期限赶不上 · 供应商 PPAP 资料下周才能齐,申请顺延一周。

  • 供应商产能评估◆ 关键
    期限 10.12还剩 2 天 5 小时

只列派给你的条目。你交一份,项目经理那一格立刻变。

往期已交 · 4 份
  • 长周期物料清单.pdfG2 投资 · v1 · 66 天前
  • 模具订单.pdfG2 投资 · v1 · 66 天前
  • 供应商定点清单.pdfG1 立项 · v1 · 141 天前
  • 关键物料询价.pdfG0 报价 · v1 · 216 天前
File matrixAX10-B2Now: Daniel Wu · Program Mgmt
DepartmentG0QuoteG1ApprovalG2InvestmentG3Off-toolG4LaunchG5Handover
Program Mgmt
1/1
2/2
1/1
1/1
0/1
0/1
Sales
2/2
0/1
1/1
0/1
0/0
0/1
Engineering
1/1
1/1
1/1
1/3
0/1
0/1
Supply Chain
1/1
1/1
1/1
0/2
0/1
0/1
Manufacturing
—
1/1
1/1
1/2
0/1
0/1
Quality
1/1
1/1
1/1
0/1
0/2
0/1
Not yet12Due today1Overdue1Under half1Over half1Complete17Passed · no reminders1To define1Not required1
Assigned to me · ◆ criticalAX10-B2 · G3 Off-tool
  • Supplier PPAP documents◆ critical
    Due Oct 55 days overdue
    ⏸ Feedback sent — reminders paused until the PM reads it
    What you wrote

    Can't make the date · Supplier PPAP documents won't be complete until next week; asking for a one-week extension.

  • Supplier capacity assessment◆ critical
    Due Oct 122 d 5 h left

Only what is assigned to you. Deliver one and the PM’s cell changes at once.

Delivered at earlier gates · 4
  • Long-lead parts list.pdfG2 Investment · v1 · 66 d ago
  • Tooling purchase order.pdfG2 Investment · v1 · 66 d ago
  • Supplier nomination list.pdfG1 Approval · v1 · 141 d ago
  • Key material RFQ.pdfG0 Quote · v1 · 216 d ago
试试拖动「今天」,或切到 Leo 上传文件。Try itDrag Today, or switch to Leo and upload a file.

决策 ④Decision 4

改一个日期,计划自动重排Move one date. The plan follows.

计划保存「锚点+偏移」。关键日期改变,相关任务自动重排;拖动任务只调整偏移,之后仍跟随锚点。

The plan stores an anchor plus an offset. Moving a milestone date updates dependent tasks; dragging a task changes its offset, so it still follows the anchor.

图 4 · 锚点甘特 · AX10-B2Fig. 4 · Anchored plan · AX10-B2
开发计划AX10-B2每个日期 = 锚点 + 偏移天数
里程碑
OTS
PPAP
SOP
设计与样件
A 样件制作已完成
工装模具开发
DV 设计验证试验
软件
软件 B 版(全功能)
产线
设备与工装安装调试
试生产与爬坡
批准
PV 验证与 PPAP 提交
客户批准
缺数据源0
Development planAX10-B2Every date = anchor + offset in days
Milestones
OTS
PPAP
SOP
Design & samples
A-sample buildDone
Tooling development
DV design verification
Software
Software B (full)
Production line
Equipment install & debug
Trial runs and ramp-up
Approval
PV & PPAP submission
Customer approval
Missing source0
试试把 OTS 旗往右拖一个月。Try itDrag the OTS flag a month to the right.

汇流Convergence

一次改动,视图同步One change, shared views.

前面的改动会同步到这块看板。项目状态、逾期数和图表都从同一份数据计算。

Your changes above reach this dashboard. Project status, overdue counts and charts are all derived from the same data.

图 5 · 汇流看板 · 全部项目Fig. 5 · One-source dashboard · All programs
进行中
暂停
已完成
逾期交付格
进行中 18,暂停 2,已完成 3,逾期交付格 16
项目状态外圈是状态;内圈只细分进行中的项目,按当前评级
停在哪道 Gate每柱是当前停在这道 Gate 的项目,按当前评级堆叠
通过有条件未通过未评审

还没动过?回到决策 ① 改一项健康,再回来看。
数据表 · 23 行
项目客户PM级别状态当前 Gate当前评级SOP 年
HV Junction Box P2Solis VantaSophie ZhangL3进行中G0 报价有条件2028
Fan ShroudCorvinaKevin ParkL2进行中G0 报价未评审2029
Coolant ManifoldTessaroSophie ZhangL3进行中G0 报价未评审未定
ZR305NordfjellSophie ZhangL3进行中G1 立项未通过2028
Pump ControllerHalcyon MotorsDaniel WuL2进行中G1 立项通过2028
DC Link BusbarSolis VantaSophie ZhangL2进行中G1 立项有条件2028
Gear DamperKestrel MobilityKevin ParkL2进行中G1 立项未评审2029
Wren HybridCorvinaKevin ParkL2进行中G2 投资有条件2027
Gear Set PackBrightwaterDaniel WuL3暂停G2 投资有条件2028
Oil Cooler KitAurora EVSophie ZhangL3进行中G2 投资有条件2028
Pump Housing LHelvorKevin ParkL3暂停G2 投资有条件未定
Thermal PlateLumen DriveGrace LinL1进行中G2 投资通过2028
Inverter LidTessaroGrace LinL2进行中G2 投资未通过2028
AX10-B2Halcyon MotorsDaniel WuL2进行中G3 工装样件有条件2028
Inverter BusbarHalcyon MotorsGrace LinL2进行中G3 工装样件有条件2027
E-Drive CoverNordfjellGrace LinL1进行中G3 工装样件未通过2027
Rotor ShaftBrightwaterDaniel WuL2进行中G3 工装样件通过2027
M-Line Gen2Aurora EVDaniel WuL2进行中G4 量产准备有条件2026
Valve Body SAurora EVKevin ParkL3进行中G4 量产准备通过2027
Filter Housing MiniKestrel MobilityDaniel WuL3进行中G4 量产准备有条件2026
Motor Housing S3HelvorKevin ParkL3已完成全部通过通过2026
Sensor BracketCorvinaDaniel WuL3已完成全部通过通过2025
Seal CarrierLumen DriveSophie ZhangL3已完成全部通过通过2025
Active
On hold
Closed
Overdue file cells
Active 18, on hold 2, closed 3, overdue file cells 16
Program statusOuter ring: status. Inner ring: active programs only, by current rating
Where programs sitEach bar: programs at that gate now, stacked by current rating
PassedConditionalNot passedNot reviewed

Nothing changed yet? Flip a health check in Decision 1 and come back.
Data table · 23 rows
ProgramCustomerPMLevelStatusCurrent gateCurrent ratingSOP year
HV Junction Box P2Solis VantaSophie ZhangL3ActiveG0 QuoteConditional2028
Fan ShroudCorvinaKevin ParkL2ActiveG0 QuoteNot reviewed2029
Coolant ManifoldTessaroSophie ZhangL3ActiveG0 QuoteNot reviewedTBD
ZR305NordfjellSophie ZhangL3ActiveG1 ApprovalNot passed2028
Pump ControllerHalcyon MotorsDaniel WuL2ActiveG1 ApprovalPassed2028
DC Link BusbarSolis VantaSophie ZhangL2ActiveG1 ApprovalConditional2028
Gear DamperKestrel MobilityKevin ParkL2ActiveG1 ApprovalNot reviewed2029
Wren HybridCorvinaKevin ParkL2ActiveG2 InvestmentConditional2027
Gear Set PackBrightwaterDaniel WuL3On holdG2 InvestmentConditional2028
Oil Cooler KitAurora EVSophie ZhangL3ActiveG2 InvestmentConditional2028
Pump Housing LHelvorKevin ParkL3On holdG2 InvestmentConditionalTBD
Thermal PlateLumen DriveGrace LinL1ActiveG2 InvestmentPassed2028
Inverter LidTessaroGrace LinL2ActiveG2 InvestmentNot passed2028
AX10-B2Halcyon MotorsDaniel WuL2ActiveG3 Off-toolConditional2028
Inverter BusbarHalcyon MotorsGrace LinL2ActiveG3 Off-toolConditional2027
E-Drive CoverNordfjellGrace LinL1ActiveG3 Off-toolNot passed2027
Rotor ShaftBrightwaterDaniel WuL2ActiveG3 Off-toolPassed2027
M-Line Gen2Aurora EVDaniel WuL2ActiveG4 LaunchConditional2026
Valve Body SAurora EVKevin ParkL3ActiveG4 LaunchPassed2027
Filter Housing MiniKestrel MobilityDaniel WuL3ActiveG4 LaunchConditional2026
Motor Housing S3HelvorKevin ParkL3ClosedAll passedPassed2026
Sensor BracketCorvinaDaniel WuL3ClosedAll passedPassed2025
Seal CarrierLumen DriveSophie ZhangL3ClosedAll passedPassed2025
试试点状态筛选,再点圆环查看项目。Try itFilter by status; click a ring segment to see its projects.

你的改动Your changes

演示数据预置Preset in the demo data

    你You 0

      试着改一处,这里会留下记录。Try changing something above. Its record will appear here.

      ← 回到主站← Back to xilaiwang.com

      这些改动只在你的浏览器里,刷新就没了。These changes live only in your browser and vanish on refresh.

      技术与演示说明Technical and demo notes

      1. PM Gate:Next.js 14 · React 18 · TypeScript · Prisma · Tailwind · SSE · SVG 图表。PM Gate: Next.js 14 · React 18 · TypeScript · Prisma · Tailwind · SSE · SVG charts.
      2. 展示页:原生 ES 模块,构建时预渲染,零第三方请求;无 JavaScript 也可查看界面。Showcase: native ES modules, pre-rendered at build time, with no third-party requests. The interface is readable without JavaScript.
      3. 人名、客户、项目与日期均为虚构。操作仅在浏览器中生效,刷新即重置;演示规则与排期模板有简化。Names, customers, projects and dates are fictional. Changes stay in your browser and reset on refresh; demo rules and schedule templates are simplified.
      4. 源自我在一家汽车零部件制造企业实习期间的 PM 流程数字化实践。Built during my internship work on digitising PM processes at an automotive parts manufacturer.