HTML Prototype — Cashier & Shift Management
Light-theme static HTML prototype dựa trên tài liệu yêu cầu Cashier & Shift Management Soft Release.
Mở prototype
Mở file index trong trình duyệt — không cần server hay thư viện ngoài:
Hoặc chạy local docs site (npm run start trong site-documents) rồi mở http://localhost:3000/prototypes/cashier-management/index.html.
Portal bao gồm
| Portal | Màn hình |
|---|---|
| Shop Portal | Cashier accounts, devices, scheduling, exceptions, approvals, reconciliation, reports |
| Cashier Portal | Login, assigned shift, opening cash, active transactions, cash drop, closing count, handover |
Recommended walkthrough
Luồng đầy đủ cho một scheduled shift lifecycle:
Create Shift → Opening Cash → Cash Transactions → Closing → Manager Review
Bắt đầu từ Shift Schedule hoặc theo thứ tự bên dưới.
Shop Portal screens
| Màn hình | File | Requirements | Mục đích |
|---|---|---|---|
| Prototype Index | index.html | — | Tổng quan scope |
| Cashier Management | shop-cashiers.html | FR-CA-001, FR-CA-002, FR-CA-003, NFR-009 | Danh sách tài khoản Cashier |
| Cashier Detail | shop-cashier-detail.html | FR-CA-003, FR-DV-002, FR-DV-003, FR-SP-001 | Profile / device authorization |
| Device Management | shop-devices.html | FR-DV-001..004, FR-SP-003 | Quản lý thiết bị |
| Shift Schedule | shop-shifts.html | FR-SH-001..005 | Lịch shift |
| Create / Edit Shift | shop-shift-form.html | FR-SH-001..006 | Tạo/sửa shift, conflict validation |
| Shift Detail | shop-shift-detail.html | FR-ST-001..004, FR-TX-003, FR-SP-001..002 | Lifecycle chi tiết |
| Exception Queue | shop-exceptions.html | FR-NS-001..003, FR-SP-002, FR-AC-001 | No-show / suspend / auto-lock |
| Redemption Approvals | shop-redemption-approvals.html | FR-TX-002, FR-TX-005 | Duyệt redemption |
| Manager Reconciliation | shop-reconciliation.html | FR-CL-001..009 | Đối soát Manager |
| Shift Reports | shop-reports.html | FR-RP-*, NFR-005, NFR-010 | Báo cáo / audit |
Cashier Portal screens
| Màn hình | File | Requirements | Mục đích |
|---|---|---|---|
| Login | cashier-login.html | FR-CA-001, FR-DV-001 | Đăng nhập / device check |
| My Shift | cashier-home.html | FR-ST-001..003, NFR-009 | Shift được assign |
| Opening Cash | cashier-opening-cash.html | FR-ST-002..004, NFR-001 | Đếm denomination đầu ca |
| Active Shift | cashier-active-shift.html | FR-TX-001..005 | Deposit / redemption |
| Cash Drop | cashier-cash-drop.html | FR-CD-001..004 | Cash drop |
| Closing Count | cashier-closing.html | FR-CL-001..005 | Blind closing count |
| Shift Handover | cashier-handover.html | FR-HO-001..004 | Bàn giao ca |
Prototype behavior
- Forms và buttons demo trạng thái qua client-side JavaScript (
app.js). - Dữ liệu là sample-only, không persist.
- Toast messages và modals minh họa state transitions.
Files trong static
site-documents/static/prototypes/cashier-management/
├── index.html
├── shop-*.html (10 màn hình Shop Portal)
├── cashier-*.html (7 màn hình Cashier Portal)
├── app.js
├── styles.css
├── prototype_manifest.json
├── requirements_traceability.csv
└── README.md
Out of scope (prototype)
Break time · Fixed/flexible shift types · Recurring schedules · Shift templates · Overtime · Payroll · Formal timekeeping · Online swap/coverage workflows