Lịch · tuần 12-18/10
13mục cần người quyết
Không gắn caGói hết hạn 0
số lớp cơ hữu của caviệc cần người quyếtHLV nghỉ nhiều ca liền
Design system · Bơi Đạt v7
Hai portal là hai website riêng, chỉ chung logo. Mỗi portal một theme: quan-ly cho Portal quản lý trên máy tính và màn HLV trên điện thoại, nguoi-dung cho Portal người dùng. Màu, chữ, hình khối dưới đây đọc thẳng từ token của theme đang bật. Component chung hiện ở cả hai theme; component riêng chỉ hiện ở theme của portal đó.
Màu
Tương phản
| Cặp | Biến | Tỉ lệ | Mức |
|---|
Chữ
Hình khối
Chuyển động
Di chuột vào đâyComponent chung
Cùng class ở hai portal; token của theme quyết hình. Portal quản lý: nút ngọc phẳng, chữ đậm trên nền sáng. Portal người dùng: nút xanh lá, viền mực 2px, bóng cứng lệch.
Nút
Ô nhập
Ghi đủ họ tên như giấy khai sinh.
Số điện thoại cần đủ 10 chữ số. Kiểm lại số khách đọc.
Mở ra: nền mặt thẻ, viền, mục đang chọn nền nhạt và dấu tick ngọc đậm.
Chọn học viên trước.
Hệ thống tự sinh, duy nhất trong tổ chức.
Tìm học viên
Nhãn trạng thái
Đã check-inChờ Sếp duyệtDạy thayHọc bù
Vắng không báoCần quyếtBuổi tặng · học thử
140
Thông báo trong trang
Đã xác nhận 3 lớp, 3,5 tiết của HLV Lê Văn Tùng hôm nay.
Khóa của bé Đỗ Khánh Linh còn 1.200.000 ₫ chưa thu. Hạn thanh toán không được sau buổi đầu, thứ Hai 12/10.
Lượt học viên của HLV ngoài chỉ biết sau khi họ vào, nên không có trong số lớp của ca.
Chưa lưu được check-in của bé Trần Gia An. Mất kết nối tới máy chủ lúc 17:02. Lượt chưa lưu thì chưa trừ buổi; kiểm tra mạng rồi bấm Thử lại.
Tab
Lớp phủ: ngăn trượt · hộp thoại · thông báo ngắn
Vùng dữ liệu: đang tải · rỗng · lỗi
Đang tải
Không còn buổi vắng không báo chờ xử lý
Buổi vắng mới xuất hiện ở đây sau khi ca kết thúc mà học viên chưa check-in.
Chưa tải được lịch tuần
Máy chủ không trả lời sau 10 giây. Lịch đã lưu không mất.
Ô số và biểu đồ cột ngang (báo cáo: Tổng quan, Tài chính, Báo cáo)
Doanh thu tháng này
186.400.000 ₫
72 khoản · minh hoạ
Học viên đang học
702
Trần Phú
Tỉ lệ đi học
91,4 %
8,6 % vắng
Portal quản lý · máy tính
Khung hai tầng: hàng phân hệ trên thanh trên, màn của phân hệ ở sidebar trái. Bảng dày, số bằng nhau, cột số căn phải.
Bảng dày · Điểm danh hôm nay
| Học viên | Lớp | HLV | Trừ vào | Còn lại | Người check-in | Thao tác | |
|---|---|---|---|---|---|---|---|
| 16:52 | Trần Gia AnHC-2026-00318 | 17h · 1:4 · Ếch | Lê Văn Tùng | Buổi chính | 7 · 2 | Quét · Ngô Thị Lan | |
| 16:55 | Nguyễn Hoàng Bảo Ngọc PhươngHC-2026-01192 | 17h · 1:4 · Chống đuối nước | Nguyễn Thị Phương Hằng | Buổi tặng · khuyến mãi | 0 · 1 | Thủ công · Trần Minh Thư | |
| 16:58 | Phạm Đức MinhKhách lẻ · vé lượt | Bơi tự do | không có | Vé lượt 100.000 ₫ | không có | Thủ công · Ngô Thị Lan | |
| 17:01 | Đỗ Khánh LinhHC-2026-00402 | 17h · 1:4 · Ếch Học bù | Bùi Thanh Tâm | Buổi chính | 1 · 0 | Quét · HLV Bùi Thanh Tâm |
Hiện 4 trong 214 lượt hôm nayTrang 1 / 54
Dải đếm việc · Việc cần làm
Trường hợp khó 1 · Lịch tuần ở khổ 1024
Màn then chốt ở máy tính hẹp nhất (1024px): khung hai tầng, sidebar thu thành dải icon để lưới 7 × 13 và ngăn ca nằm cạnh nhau. Ca 17h thứ Năm 15/10: 16 lớp, 15 HLV, một HLV nghỉ, một học bù. Bấm ô khác để đổi ca đang xem.
Biến thể dòng dạy thay (ca 18h cùng ngày):
Lâm Thế Hưng4/41:4Trẻ emDạy thayphụ trách: HLV Võ Minh Khoa
Ô tìm kiếm thanh trên · kết quả xổ ngay dưới
Gõ là xổ kết quả, không lớp phủ. ↑↓ chọn (dòng đang chọn: nền chọn và vạch ngọc đậm), Enter mở, Esc đóng; Ctrl+K đưa con trỏ vào ô. Dưới 768px thu về icon mở hộp tìm giữa màn.
Giờ riêng từng thứ · Bán khóa, xếp lịch cố định
Ngày và khung giờ trong tuần
Mỗi ngày một khung giờ riêng, lặp hằng tuần. Dời một buổi lẻ thì dùng Đổi lịch tạm.
Các buổi sẽ sinh · dời từng buổi tại chỗ
Các buổi sẽ sinh (12) 1 buổi đã dờiDời một buổi khi khách cần giờ khác
- B1T2 12/10 · 17hHLV Lê Văn Tùng
- B2
T3 13/10 · 16hDời T7 17/10 · 9hHLV Võ Minh Khoa Vượt sĩ số - B3
Dời buổi T6 16/10 · 18h · HLV Lê Văn Tùng
Chọn một lớp nhận.
Lịch tháng · ô ngày và buổi của học viên
Thẻ buổi · ngăn buổi của Lịch học của học viên
17h · lớp 1:4 · HLV Tùng
17h · HLV TùngSắp tới
18h · lớp 1:4 · HLV Lan
18h · HLV Lan · vắngVắng. Đã trừ buổi: không đổi lịch được.
Buổi này không còn thao tác.
Thanh bước có trạng thái · Bán khóa
3. Xếp lịch cố định
Phần đang làm viền ngọc đậm.
Bảng ca · Lịch Ngày (bấm cả dòng mở ngăn ca)
| Ca | Lớp | HLV | Học viên | Cần chú ý |
|---|---|---|---|---|
| 3 lớpBaby 2 · Dưới 3 tuổi 1 | Đỗ Thu Trang, Nguyễn Thị Hà, Phan Quốc Bảo3 HLV | 4trên 4 chỗ | không có | |
| Trưa · không có ca | ||||
| 16 lớpTrẻ em 10 · Baby 6 | Bùi Thanh Tâm, Cao Quốc Việt, Dương Văn Lộc +1215 HLV | 29/38đã vào / sĩ số | 1 lớp chưa có người dạy1 học bù | |
Ô ngày có nhịp 13 ca · Lịch Tháng
Bộ quyền theo module · Sửa bộ quyền (ngăn rộng, đề xuất 11/10)
Module × Xem, Tạo, Sửa, Xóa; phạm vi dưới tên module; quyền đặc biệt là viên tick dưới dòng module. Module chưa có Xem: chữ mờ, ô phạm vi tắt. Ô không áp: dấu gạch. Phần tử của chức năng mà vai thiếu quyền mang data-perm-hidden và ẩn hẳn.
| Module | Xem | Tạo | Sửa | Xóa |
|---|---|---|---|---|
| Kinh doanh2/3 có Xem | ||||
| Khóa họcXóa: đóng khóa đã có tiền, nhả chỗ | ||||
| Đặc biệt: | ||||
| Vé lẻ, vé thángXóa: hủy giao dịch bán vé | không áp | |||
| Thu tiền, hoàn tiền | không áp | không áp | không áp | |
| Đặc biệt: | ||||
Ngăn rộng · ngăn chồng · ngăn xem nhanh
Ngăn rộng nửa màn trên máy tính (tối thiểu 640px), toàn màn dưới 768px. Ngăn chồng: ngăn dưới lệch trái 24px, phủ mờ; Esc lùi một ngăn, nền mờ hay nút đóng đóng hết. Ngăn xem nhanh mở nguyên màn chi tiết trong khung nhúng, trang đang đứng giữ nguyên phía sau.
Chưa mở được Hồ sơ học viên trong ngăn
Trang chi tiết không phản hồi sau 6 giây. Mở toàn trang để xem, hoặc đóng ngăn rồi thử lại.
Portal quản lý · điện thoại của HLV
Cùng màu và chữ với Portal quản lý, chữ thân 16px, vùng chạm 44 đến 48px, thanh tab dưới bốn mục. Danh sách là người đã check-in ở cổng; HLV báo chênh lệch, không tự sửa.
HLV Lê Văn TùngHôm nay · thứ Năm, 08/10
Hoà Cường · 4 ca có lớp của bạn
Portal người dùng · điện thoại
Buổi tới ở trên cùng, khóa của bé xổ thành lưới ô có số và ngày, bé khác gập thành một hàng ô nhỏ. Viền mực và bóng cứng cho thẻ, nút chính, tấm chọn; ô buổi giữ viền màu.
Trường hợp khó 2 · Trang chủ ở khổ 320, ba bé
Chào chị MaiBuổi tới của bé An
Hôm nay · 17h
7buổi chính còn
2buổi tặng còn
Bé An · 5/12 buổi
Ếch · thi ở buổi 11
Buổi tặng · học sau 12 buổi chính
- Đã học
- Hôm nay
- Sắp tới
- Thi
- Tặng
- Học bù
- Vắng chưa trừ
- Vắng đã trừ
Biến thể ô vắng đã trừ (bé Cốm, khi mở): ô mang số vì buổi đã trừ; chạm xem lý do và số điện thoại cơ sở.
Thẻ có viền mực và bóng cứng:
Khóa Ếch 12 buổi · lớp 1:4
Hoà Cường · thứ Ba, thứ Năm 17h · HLV Lê Văn Tùng
2.400.000 ₫
Thêm 12/10/2026 · chuông ở mọi tab, thẻ nhắc việc, vòng tiến độ, chấm loại buổi trên Lịch học
Chuông ở thanh trên mọi tab, số tin chưa đọc .app-icon-btn .count; không có tin chưa đọc thì chỉ còn chuông.
Thẻ nhắc việc .u-todo: một dòng dưới lời chào, chỉ hiện khi có việc, bấm thì cuộn xuống khối Việc cần làm. Rê chuột: bóng cứng; nhấn: dịch 1px.
Vòng tiến độ .u-sum · .u-ring: cung màu chính là buổi chính đã học, cung hồng kẹo là buổi tặng đã học, phần hồng nhạt là buổi tặng chưa học. Ba trạng thái: giữa khóa · đã thi · chưa có buổi tặng.
- Thi ở buổi 11
- Thứ Tư 14/10 · còn 5 buổi
- Buổi tặng
- còn 2/2
- Vắng
- 1 có trừ · 0 không trừ
- Đã thi
- Đạt
- Buổi tặng
- còn 1/2
- Vắng
- chưa vắng buổi nào
- Thi ở buổi 11
- Thứ Bảy 07/11 · còn 8 buổi
- Vắng
- 0 có trừ · 1 không trừ
Thẻ tên bé trên ô ngày của Lịch học, chế độ Tháng .u-chip (Cổng 3 lần 1): sắp tới · đã học · thi · tặng · học bù · vắng chưa trừ · vắng đã trừ · nghỉ có báo. Tối đa hai thẻ một ô, thừa thì +n; buổi dạy thay thêm chấm.
AnAnBoCốmBoAnCốmBo
Chế độ Tuần .u-week · .u-wrow: mỗi ngày một dòng, mỗi buổi đủ giờ, bé, kiểu bơi, HLV, trạng thái và nút; hôm nay nền --selected, vạch --ring; ngày trống một dòng ngắn.
- T306/1017h Bé An · buổi 6Ếch · lớp 1:4 · Trần PhúVắng, chưa trừ
- T508/10hôm nay17h Bé An · buổi 6Ếch · lớp 1:4 · Trần Phú
- T609/10
Không có buổi