← Overview · 5 surface
Prototype 07-3 · Pure HTML · 40 màn

PCCCTrace Web DN — Screen Hub (bản 07-3)

Prototype HTML thuần cho cổng app.pccctrace.vn (DN tenant), dựng theo screen registry 07-3-ux-web-dn-stitch-spec.md (38 màn, convention DN-XXX) và design system 07-3-design.md. Bản này tách mỗi state/variant thành màn riêng (Detail/Edit/Confirm). KHÔNG dùng Stitch — code thủ công.

Tenant demo: Hà Thành PCCC · MST 0100000123 Tổng số màn: 40 (26 MVP-0 + 14 Phase 2) Convention: DN-XXX

1 · Auth & Onboarding (5 màn)

DN-001
Đăng ký & KYC Doanh nghiệp
DN Manager · FR-1 · Pre-auth · Stepper
DN-002
Trạng thái xét duyệt KYC
DN Manager · FR-1 · Pre-auth · Status
DN-003
Đăng nhập (Email + Mật khẩu)
Tất cả · FR-4, FR-7 · Pre-auth
DN-004
Yêu cầu khôi phục tài khoản
Tất cả · FR-6 · Pre-auth
DN-005
Đổi Email
Tất cả · Phase 2 · Flow xác minh

2 · Session Management Phase 2 (1 màn)

DN-006
Quản lý Phiên & Thiết bị
Tất cả · Phase 2 FR-5 · Session rows

3 · Tenant Settings & Team (6 màn)

DN-007
Cài đặt Doanh nghiệp
DN Admin · FR-2 · Form + audit
DN-008
Nhân viên & Vai trò
DN Admin · FR-3 · Table + invite
DN-009
Chấp nhận lời mời
Tất cả · FR-3 · Pre-auth · Landing
DN-010
Hàng đợi duyệt khôi phục
DN Admin · FR-6 · Queue + approve
DN-041
Danh mục sản phẩm PCCC
DN Admin · Phụ lục V NĐ 105 · Edit + Save
DN-040
Mẫu tem lưu thông (A–G)
DN Admin · TT 149/2020 · Tham chiếu

4 · SKU & Product Master (5 màn)

DN-011
Danh mục SKU
DN Staff · FR-8 · Table + GS1 verify
DN-012
Tạo SKU mới
DN Staff · FR-8, FR-66 · Form + live verify
DN-013
Chi tiết SKU
DN Staff · FR-8 · Detail
DN-014
Sửa Metadata SKU
DN Staff · Phase 2 FR-8 · Form
DN-015
Xác nhận Lưu trữ SKU
DN Staff · Phase 2 · Confirm dialog

5 · Batch & Serial (3 màn)

DN-016
Quản lý Batch
DN Staff · FR-9 · Table
DN-017
Sinh Serial
DN Staff · FR-9 · Form + ULID/CSV
DN-018
Danh sách Serial theo Batch
DN Staff · Phase 2 FR-9 · Table

6 · QR & Tem Generation (2 màn)

DN-019
Sinh QR & Tem hàng loạt
DN Staff · FR-11 · Wizard + PDF
DN-020
Lịch sử in & Tải lại
DN Staff · Phase 2 FR-11 · History table

7 · Giấy phép & Hồ sơ nhập khẩu (10 màn)

DN-021
Giấy phép lưu thông — List
DN Staff · FR-10 · Table
DN-022
Upload Giấy phép
DN Staff · FR-10 · Form + preview
DN-023
Chi tiết Giấy phép
DN Staff · FR-10 · Detail + PDF pane
DN-024
Sửa Metadata Giấy phép
DN Staff · Phase 2 FR-10 · Form
DN-025
Thay phiên bản Giấy phép
DN Staff · Phase 2 FR-10 · Replace + version
DN-026
Xác nhận Thu hồi Giấy phép
DN Admin · Phase 2 · Confirm + reason
DN-027
Hồ sơ nhập khẩu — List
DN Staff · FR-10 · Table
DN-028
Upload Hồ sơ nhập khẩu
DN Staff · FR-10 · Form
DN-029
Chi tiết Hồ sơ nhập khẩu
DN Staff · FR-10 · Detail
DN-030
Thay file Hồ sơ nhập khẩu
DN Staff · Phase 2 FR-10 · Replace

8 · Trang chủ (1 màn)

DN-039
Trang chủ (Home)
Tất cả · Landing · Tóm tắt + Quick actions

9 · Reporting & Export (1 màn)

DN-032
Báo cáo & Export
DN Staff · FR-16 · Tabs + export

10 · DPO & Compliance (2 màn)

DN-033
DPO — Console DSR
DN DPO · FR-17 · Queue + WORM
DN-034
Nhật ký Audit Tenant
DN Admin · FR-58 · Append-only log

11 · Activation & Recall Phase 2 (4 màn)

DN-035
Khởi tạo lệnh Recall
DN Admin · Phase 2 FR-13 · Form + impact
DN-036
Dashboard tiến trình Recall
DN Staff · Phase 2 FR-14 · KPI + timeline
DN-037
Đóng Recall & Báo cáo
DN Admin · Phase 2 FR-15 · Sign-off + PC-37
DN-038
Sửa đổi lệnh Recall
DN Admin · Phase 2 · Amendment form
40/40 màn · Pure HTML, no Stitch · Theo screen registry 07-3-ux-web-dn-stitch-spec.md · design system 07-3-design.md