wurenzhi
136c2fa579
- 新增文档模板和导航结构 - 实现服务器基础API路由和控制器 - 添加扩展插件配置和前端框架 - 引入多租户和权限管理模块 - 集成日志和数据库配置 - 添加核心业务模型和类型定义
1.5 KiB
1.5 KiB
Frontend Integration: Approval Center (通用审批中心)
🎨 UI Layout Sketch
- Page Path:
/governance/approval - Component Structure:
ApprovalSummary: Top metrics (Pending Approvals, Approved, Rejected).ApprovalTabs: "My Pending", "My History", "All (Admin only)".ApprovalCardList: Grid showing:- Type icon (e.g.,
HIGH_VALUE_ORDERin red,PRICE_CHANGEin blue). - Status Badge (e.g.,
PENDINGin orange,APPROVEDin green). - Stage indicator:
Stage 1/2(Manager),Stage 2/2(Finance). - Requester & Date.
- Resource ID & Description.
- Type icon (e.g.,
ApprovalDetailModal:- Full details (Metadata, Amount, etc.).
- Decision log (who approved which stage).
- Decision Narrative from
DecisionExplainabilityEngine. - "Approve", "Reject", "Comment" actions.
🔄 Interaction State Machine
INITIAL: Fetching pending requests.PENDING: Request listed for approver.STAGE_TRANSITION: Request moving from Stage 1 to Stage 2.APPROVED: Final approval reached.REJECTED: Request terminated at any stage.
🔗 API Mapping
GET /api/v1/approval/pending: Fetchescf_approval_requestswithstatus=PENDING.POST /api/v1/approval/approve: TriggersApprovalService.approve.GET /api/v1/approval/history: Fetchescf_approval_requestswithstatus=APPROVED|REJECTED.
📈 ROI Visualization
- "Compliance Audit Trail": 100% visibility of sensitive actions.
- "Approval Latency": Average time from request to final decision.