Chat — Nhắn tin Nội bộ & CSKH
Menu: Doanh nghiệp → Chat
Route:/apps-chat
Quyền yêu cầu:feedback.view
Phiên bản: v1.0 — 2026-05-08
1. Giới thiệu
Tính năng Chat hỗ trợ 2 chế độ nhắn tin theo thời gian thực (tin nhắn cập nhật ngay, không cần tải lại trang):
- Nội bộ (Internal) — Nhắn tin giữa các nhân viên trong tổ chức
- CSKH (Customer Support) — Tiếp nhận và phản hồi tin nhắn từ người tiêu dùng
Giao diện 3 cột: thanh bên trái (danh sách hội thoại) + Panel giữa (tin nhắn) + Top bar (thao tác).
2. Giao diện
2.1 thanh bên trái — 3 Tabs
Tab 1 — Nội bộ:
- Danh sách hội thoại: Avatar (initials), Tên, Tin nhắn cuối, Thời gian, huy hiệu unread
- Tìm kiếm theo tên
- Nút xóa mềm (🗑) trên mỗi hội thoại
Tab 2 — CSKH:
- Bộ lọc trạng thái: Tất cả / Đang mở / Đã giải quyết / Lưu trữ
- Danh sách: Avatar vàng, Tên NTD, SĐT, huy hiệu trạng thái, Unread count
Tab 3 — Thùng rác:
- Hội thoại đã xóa mềm + Nút "Khôi phục"
2.2 Panel giữa — Tin nhắn
Top bar:
- Avatar + Tên người/KH
- Trạng thái kết nối: huy hiệu Online/Offline
- (CSKH) Thông tin phân công + nút hành động
Message area (SimpleBar cuộn được):
- Bubble chat trái (người gửi) / phải (mình)
- Mỗi tin: Nội dung, Tên người gửi, Thời gian, ✓✓ đã đọc
- Menu danh sách thả xuống (tin mình gửi): Chỉnh sửa / Xóa
Input area:
- Text input + nút Gửi (Enter hoặc nhấn)
- Chế độ chỉnh sửa: hiển thị "Đang chỉnh sửa tin nhắn" + link "Hủy"
- Tạm khóa khi mất kết nối
3. Hướng dẫn thao tác
3.1 Nhắn tin nội bộ
- Tab Nội bộ → Nhấn hội thoại
- Nhập tin nhắn → Enter hoặc nhấn nút gửi
- Tin nhắn được gửi đi và hiện ngay trong hội thoại.
3.2 Nhắn tin CSKH
- Tab CSKH → Nhấn hội thoại KH
- Nhập phản hồi → Enter
- Tin nhắn được gửi tới người tiêu dùng.
3.3 Chỉnh sửa tin nhắn
- Rê chuột tin mình gửi → Nhấn ⋯ → Chỉnh sửa
- Input chuyển sang chế độ sửa (nền vàng "Đang chỉnh sửa")
- Sửa nội dung → nhấn Enter → tin nhắn cập nhật ngay
3.4 Xóa tin nhắn
- ⋯ → Xóa → Xác nhận dialog → Xóa vĩnh viễn
3.5 Quản lý CSKH
| Hành động | Nút | Điều kiện |
|---|---|---|
| Phân công nhân viên | 👤+ (xanh) | Luôn hiển thị |
| Giải quyết | ✓ (xanh lá) | Khi status = Đang mở |
| Lưu trữ | 📦 (xám) | Khi status ≠ Lưu trữ |
| Mở lại | 🔄 (vàng) | Khi status ≠ Đang mở |
3.6 Xóa mềm & Khôi phục
- Xóa mềm: Nút 🗑 trên hội thoại → Chuyển vào Thùng rác
- Khôi phục: Tab Thùng rác → "Khôi phục" → Hội thoại trở lại danh sách
4. Trạng thái hội thoại CSKH
| Status | Code | Màu | Mô tả |
|---|---|---|---|
| Đang mở | 0 | 🟢 success | Chờ phản hồi |
| Đã giải quyết | 1 | 🔵 info | Đã xử lý xong |
| Lưu trữ | 2 | ⚫ secondary | Không còn hoạt động |
5. FAQ
| Câu hỏi | Trả lời |
|---|---|
| Offline thì sao? | Ô soạn tin bị khóa, hiển thị "Offline". Tin nhắn sẽ được gửi khi kết nối lại. |
| NTD nhắn từ đâu? | Từ trang Showcase hoặc App Customer. |
| Phân công nhân viên? | Nhập User ID → hộp thoại phân công. Hiện chưa có danh sách thả xuống chọn. |
Cập nhật lần cuối: 2026-05-08