HybReport DLS — Chế độ tối

Hệ thống thiết kế thành phần giao diện • Phiên bản tối (Dark Mode) • F71

1. Thẻ nội dung (Card)
Tổng quan doanh thu
Doanh thu tháng 5 đạt 2.4 tỷ VNĐ, tăng 12% so với cùng kỳ năm trước. Các chỉ số hoạt động kinh doanh đều vượt mục tiêu đề ra.
2. Nút bấm (Buttons)
3. Ô nhập liệu (Input)
4. Công tắc (Toggle)
Tắt
Bật thông báo
5. Nhãn trạng thái (Badges)
Thông tin Hoàn thành Chờ duyệt Lỗi
6. Bảng dữ liệu (Data Table)
Mã đơn Khách hàng Giá trị Trạng thái
DH-2401 Công ty TNHH Minh Phát 145,000,000 ₫ Hoàn thành
DH-2402 Nguyễn Thị Bích Ngọc 32,500,000 ₫ Chờ duyệt
DH-2403 Tập đoàn Hoàng Anh 890,000,000 ₫ Đang xử lý
DH-2404 Trần Văn Đức 18,200,000 ₫ Đã hủy
7. Bộ lọc (Filter Chips)
Tất cả × Đang hoạt động Hoàn thành Chờ xử lý Đã hủy
8. Biểu đồ (Chart Container)
Doanh thu theo tháng
Quý 1–2 / 2024
Vùng hiển thị biểu đồ (Chart.js / ECharts)
Doanh thu
Lợi nhuận
Chi phí