Theo dõi: bảng điều khiển Cần bạn
Mẫu chuẩnBa chỉ số ở trên, danh sách Cần bạn dùng đúng hàng lý do và remedy, và thẻ Linh với chế độ, quyền hạn và ngân sách. Số chưa biết hiện là nền kẻ chéo, không phải thanh rỗng.
Sơ đồ luồng
Mở tổng quan
Dải ba chỉ số: Cần bạn, Linh đang xử lý, Hoàn thành hôm nay.
Đọc Cần bạn
Tối đa bảy hàng lý do và remedy, "Xem tất cả" cho phần còn lại.
Xử lý một việc
Bấm remedy; hàng đi khi server xác nhận.
Việc mới tới
Trượt từ trên xuống, không giật hàng đang trỏ chuột.
Xem thẻ Linh
Chế độ, quyền hạn, ngân sách; số chưa rõ là nền kẻ chéo.
Màn hình
Cần bạn
3
Việc đang chờ bạn
Linh đang xử lý
8
Cuộc trò chuyện đang mở
Hoàn thành hôm nay
23
Đơn có Linh hỗ trợ: 6
Cần bạn
Nguyễn Văn A · Đang chờ bạn duyệt
12 phútTrần Thị B · Chưa rõ tin nhắn đã tới khách chưa
Lê Văn C · Kênh Facebook mất kết nối
Trả lời
Báo giá
Tạo đơn
Cần bạn
3
Việc đang chờ bạn
Cần bạn
Nguyễn Văn A · Đang chờ bạn duyệt
12 phútTrần Thị B · Chưa rõ tin nhắn đã tới khách chưa
Trả lời
Báo giá
Tạo đơn
Demo tương tác
Bấm Có việc mới để thấy hàng trượt vào (opacity và dịch 8px). Bật công tắc ngân sách để thấy trạng thái chưa rõ vẽ bằng nền kẻ chéo thay vì thanh rỗng.
Cần bạn
3
Việc đang chờ bạn
Linh đang xử lý
8
Cuộc trò chuyện đang mở
Hoàn thành hôm nay
23
Đơn có Linh hỗ trợ: 6
Cần bạn
Nguyễn Văn A · Đang chờ bạn duyệt
12 phútTrần Thị B · Chưa rõ tin nhắn đã tới khách chưa
Lê Văn C · Kênh Facebook mất kết nối
Trả lời
Báo giá
Tạo đơn
Đặc tả luồng
Bố cục
- Dải ba StatCard: "Cần bạn" (tone chính), "Linh đang xử lý", "Hoàn thành hôm nay". Dưới là danh sách Cần bạn, tối đa 7 hàng.
- Bên phải (máy tính): thẻ Linh với chế độ, AuthorityMeter và Gauge ngân sách. Số chưa biết là nền kẻ chéo, không phải trống.
Làm mới và chuyển động
- Việc mới trượt từ trên: translateY(-8px) về 0 cùng opacity, duration-standard. Số chỉ tween khi không quá 240ms và không ở reduced motion.
- Không xếp lại hàng mà con trỏ đang ở trên. Bản mẫu này chỉ mô phỏng việc chèn; quy tắc giữ hàng đang trỏ thuộc về host khi dữ liệu thật tới.
Nghiệm thu
Cùng lý do và remedy với CRM cho cùng một việc; ở 1440 và 375, bàn phím, sáng và tối.
Nguồn: docs/09_delivery/responsible-sale/ux-flows.md. Giao diện này là mẫu thiết kế dựng từ primitive thật; không phải tuyên bố về năng lực đã giao.