checkpro.vn

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ộ

  1. Tab Nội bộ → Nhấn hội thoại
  2. Nhập tin nhắn → Enter hoặc nhấn nút gửi
  3. Tin nhắn được gửi đi và hiện ngay trong hội thoại.

3.2 Nhắn tin CSKH

  1. Tab CSKH → Nhấn hội thoại KH
  2. Nhập phản hồi → Enter
  3. Tin nhắn được gửi tới người tiêu dùng.

3.3 Chỉnh sửa tin nhắn

  1. Rê chuột tin mình gửi → Nhấn Chỉnh sửa
  2. Input chuyển sang chế độ sửa (nền vàng "Đang chỉnh sửa")
  3. Sửa nội dung → nhấn Enter → tin nhắn cập nhật ngay

3.4 Xóa tin nhắn

  1. 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