Page Design: Quy hoạch & Ban hành (Planning)¶
Follows MASTER.md — Table + Detail + Dialog patterns. Applies to:
SCR-PLAN-10,SCR-PLAN-20,SCR-PLAN-21,SCR-PLAN-31Route:/[locale]/planningUsers: Approver
SCR-PLAN-10: Quy hoạch Chủ quản Dữ liệu (Bảng)¶
Layout¶
+-----------------------------------------------------------+
| "Quy hoạch Chủ quản Dữ liệu (Phụ lục D)" |
| "Thiết lập mối quan hệ 1:1 cho từng thành phần dữ liệu" |
| [Ban hành quy hoạch — green] |
+-----------------------------------------------------------+
| [Filter: Domain ▼] [Filter: Status ▼] [Search...] |
+-----------------------------------------------------------+
| Table |
| ┌────────────────┬────────────────┬────────────┬─────────┐|
| │ Dữ liệu │ Đơn vị chủ quản│ Cơ sở pháp lý│Trạng thái│|
| ├────────────────┼────────────────┼────────────┼─────────┤|
| │ Số CCCD │ Công an Tỉnh │ Luật CC 14 │Published│|
| │ [DE001-DM1.1] │ Phòng CS QLHC │ │ │|
| └────────────────┴────────────────┴────────────┴─────────┘|
+-----------------------------------------------------------+
| Pagination |
+-----------------------------------------------------------+
Components¶
- Header: Title + subtitle. CTA "Ban hành quy hoạch" uses
bg-success(emerald) variant → opens SCR-PLAN-31 - Table: MASTER.md table pattern from mockup (Phụ lục D layout)
- Col 1: DE name (bold) + code (mono, below)
- Col 2: Unit name (bold, italic, text-primary) + department (text-xs, below)
- Col 3: Legal basis text
- Col 4: Status badge (Published/Review/Draft)
- Click row → SCR-PLAN-20
Data & Business Rules¶
| Rule | Detail |
|---|---|
| Default sort | Domain code ASC, then DE code ASC |
| Ban hành button | Only enabled when status = APPROVED (all DEs have owner) |
| Status badges | Published (green), Review (yellow), Draft (slate) |
| 1:1 rule | Each DE has exactly one owner unit — no duplicates allowed |
SCR-PLAN-20: Chi tiết Data Element Quy hoạch¶
Layout¶
+-----------------------------------------------------------+
| Breadcrumb: Quy hoạch > [DE name] |
+-----------------------------------------------------------+
| H1: [DE name] Badges: [code] [APPROVED] |
+-----------------------------------------------------------+
| Info Card (2-col key-value) |
| Mapping summary, đề xuất chủ quản, xác nhận history |
+-----------------------------------------------------------+
| [Chốt chủ quản] [Từ chối — trả về Manager] |
+-----------------------------------------------------------+
Components¶
- Info card: Same pattern as SCR-ANCHOR-20 detail — key-value grid
- Confirmation history: Timeline of who confirmed/rejected at each step
- Action buttons: "Chốt chủ quản" → SCR-PLAN-21 | "Từ chối" → AlertDialog → returns to Manager
SCR-PLAN-21: Popup Chốt/Từ chối Chủ quản¶
Layout¶
+------------------------------------------+
| "Chốt đơn vị chủ quản" |
| Data Element: [name] [code] |
+------------------------------------------+
| Đề xuất từ Manager: [Unit name] |
| Cấp quản lý: Phòng CS QLHC (IDxx.xx.xx) |
| |
| Quyết định: |
| (●) Đồng ý — chốt chủ quản |
| (○) Từ chối — trả về Manager rà soát lại |
| |
| Ghi chú: [textarea] |
+------------------------------------------+
| [Hủy] [Xác nhận] |
+------------------------------------------+
Business Rules¶
- 1:1 ownership: one DE = one unit at Phòng/Ban level (IDxx.xx.xx)
- Accept → DE owner set, status → APPROVED
- Reject → return to Manager, status stays IN_REVIEW
- DEs with no unit storing → mark "Dữ liệu cần xây dựng mới" (owner = NULL)
SCR-PLAN-31: Popup Xác nhận Ban hành¶
Layout¶
+------------------------------------------+
| "Ban hành Từ điển Dữ liệu" |
+------------------------------------------+
| ⚠️ Hành động này sẽ công bố chính thức |
| Từ điển Dữ liệu chuẩn Thành phố. |
| |
| Tổng quan: |
| - X Data Elements đã chốt chủ quản |
| - Y Data Elements "Cần xây dựng mới" |
| - Z đơn vị tham gia |
| |
| Trạng thái sẽ chuyển: APPROVED → PUBLISHED|
+------------------------------------------+
| [Hủy] [Ban hành chính thức] |
+------------------------------------------+
Components¶
/* AlertDialog pattern — irreversible action */
/* Summary stats in bg-muted/50 rounded-2xl card */
/* CTA: bg-success (emerald) "Ban hành chính thức" */
Business Rules¶
- Irreversible → uses AlertDialog (not regular Dialog)
- After publish: status → PUBLISHED, dictionary available for Staff search
- Toast: "Từ điển Dữ liệu đã được ban hành chính thức"
MASTER.md Overrides¶
No overrides — fully follows MASTER.md patterns.