# 前端集成蓝图:绿色供应链碳足迹核算与抵扣 (Green Supply Chain) > **[AI-3 @ 2026-03-14]**:由后端 Agent 在完成 BIZ_LOG_40 逻辑后产出。 ## 1. 业务意图 (Business Intent) - **核心价值**:自动计算订单与商品的碳排放,提供减排建议并建议购买碳抵扣额度,提升品牌绿色竞争力。 - **关联后端 Service**:`GreenSupplyChainService.ts` ## 2. UI/UX 布局方案 (Layout Design) - **页面入口**:Console -> 供应链管理 -> 绿色供应链 - **展示组件**: - [ ] **碳足迹仪表盘**:展示累计碳排放与抵消额度。 - [ ] **订单碳足迹记录**:展示每笔订单的碳排放明细 (Logistics, Production, Packaging)。 - [ ] **减排建议卡片**:展示减排策略 (Strategy, Reduction, Cost)。 - **交互草图**: ```text +-----------------------------------------------------------+ | [Icon] 绿色供应链碳足迹 (Green Supply Chain) | +-----------------------------------------------------------+ | [ 累计碳排放: 1,500 kg CO2 ] [ 抵消金额: $37.50 ] | +-----------------------------------------------------------+ | [ 订单 ID: ORD-1122 ] [ 碳足迹: 25.50 kg CO2 ] | | --------------------------------------------------------- | | 物流: 15.00 kg | 生产: 10.00 kg | 包装: 0.50 kg | +-----------------------------------------------------------+ | [ AGI 减排建议 (Green Insight) ] | | "建议:将空运转为海运 (LCL),预估可减少 75% 碳排放。 | | 相比空运节省成本:$200。时效增加:10 天。" | +-----------------------------------------------------------+ | [ 忽略建议 ] [ 购买碳抵扣额度 ] | +-----------------------------------------------------------+ ``` ## 3. API 交互契约 (API Integration) - **数据获取**:`GET /api/v1/trade/green/footprint?order_id=ORD-1122` - **关键字段映射** - `total_co2` -> 累计碳排放 - `offset_cost` -> 抵扣金额 - `status` -> 状态 (ESTIMATED, OFFSET_COMPLETED, etc.) - **状态流转**: - 点击 [购买碳抵扣额度] -> 调用 `GreenSupplyChainService.recordFootprint` -> 更新 `status` 为 `OFFSET_COMPLETED`。 ## 4. 生产校验项 (FE Readiness) - [ ] 碳足迹计算模型的参数可配置界面。 - [ ] 碳中和路径的长期跟踪看板。 - [ ] 导出包含详细证据链的绿色供应链报告。