Menu: CiCC 6S → Dashboard → Tab BCNT Treo
File:cicc-6s-api.phplines 1839-1934
1. KPI mini
CODE
🟡 Tổng Vàng: 65 🔴 Tổng Đỏ: 30 📊 Tổng thẻ: 95
2. Bảng chi tiết
| # | Nhân sự | Vai trò | Tổng | 🟡 Vàng | 🔴 Đỏ | % Vàng | % Đỏ | Biểu đồ |
|---|---|---|---|---|---|---|---|---|
| 1 | Nguyễn Văn A | R07 | 30 | 20 | 10 | 67% | 33% | 🟡██████🔴███ |
| 2 | Trần Văn B | R08 | 25 | 18 | 7 | 72% | 28% | 🟡███████🔴██ |
| ... | ... | ... | ... | ... | ... | ... | ... | ... |
Cột biểu đồ: Stacked bar (Vàng + Đỏ), width tỉ lệ với max
3. Horizontal bar chart
Canvas #bcntChart (600xN, N = số user * 32px)
CODE
Nguyễn Văn A ████████████████████░░░░░░░░ 20V / 10Đ
Trần Văn B ██████████████████░░░░░░░░░░ 18V / 7Đ
...
- 🟡 Vàng:
#f9a825 - 🔴 Đỏ:
#c62828 - Chiều cao bar: 22px mỗi user
- Nhãn phải: số Vàng + "V / " + số Đỏ + "Đ"
4. Công thức
- Dữ liệu lấy từ
wp_6s_tags.reporter_id→wp_6s_users - Filter theo năm + tenant
tag_type = 'yellow'/'red'→ phân loại Vàng/Đỏ
Audio thuyết minh
Nghe hướng dẫnĐường dẫn minh họa:
audio/16-admin-bcnt.mp3Click play để nghe hướng dẫn bằng giọng đọc.
Screenshots
Tab BCNT KPI miniĐường dẫn minh họa:
images/admin/admin-bcnt-kpi.pngChú thích: KPI mini: Tổng Vàng, Tổng Đỏ, Tổng thẻ
Bảng BCNT chi tiếtĐường dẫn minh họa:
images/admin/admin-bcnt-table.pngChú thích: Bảng Nhân sự treo: Nhân sự, Vai trò, Tổng, Vàng, Đỏ, % Vàng, % Đỏ
Horizontal Bar Chart BCNTĐường dẫn minh họa:
images/admin/admin-bcnt-chart.pngChú thích: Biểu đồ stacked bar: Vàng (vàng) + Đỏ (đỏ) theo từng nhân sự