Skip to main content

Giao Diện & Tính Năng Menu Chi Nhánh

Ngày cập nhật: 20/06/2026
File ảnh gốc: z7956568830718_4cc4184039bfd196239fcd96a2f477cf.jpg

Dựa trên hình ảnh phản hồi từ giao diện quản trị Chi nhánh, dưới đây là danh sách các yêu cầu chỉnh sửa và cải thiện UI/UX cần thực hiện:

Giao diện danh sách chi nhánh

1. Cơ chế Chỉnh sửa thông tin Chi nhánh (Edit Branch Flow)​

  • Hiện trạng:
    • Bảng danh sách chi nhánh hoàn toàn không có nút hoặc biểu tượng (icon) Sửa ở cuối mỗi dòng.
    • Hiện tại, người dùng buộc phải click trực tiếp vào tên chi nhánh ở cột đầu tiên thì mới mở được form chỉnh sửa. Cơ chế này không có gợi ý trực quan (Visual Cue) cho người dùng biết là tên chi nhánh có thể click được.
  • Yêu cầu chỉnh sửa:
    • Cách 1 (Khuyên dùng): Bổ sung thêm một cột Thao tác (Actions) ở cuối bảng, chứa icon bút chì (Edit icon) để dẫn tới form chỉnh sửa chi nhánh một cách trực quan.
    • Cách 2: Nếu giữ nguyên cơ chế click vào Tên chi nhánh, cần thay đổi style của tên chi nhánh (ví dụ: chuyển sang màu xanh link, thêm gạch chân khi hover, hiển thị con trỏ dạng bàn tay pointer) để người dùng dễ dàng nhận diện.

2. Bổ sung Bộ lọc theo Thành phố (City Filter)​

  • Hiện trạng: Trang danh sách chi nhánh chưa có công cụ tìm kiếm hay bộ lọc nào để lễ tân/admin lọc nhanh chi nhánh theo khu vực.
  • Yêu cầu chỉnh sửa:
    • Thêm một ô Dropdown Select làm bộ lọc thành phố ở khu vực trống phía trên bên phải (khu vực khoanh đỏ trong ảnh).
    • Bộ lọc sẽ tự động lấy danh sách các thành phố hiện có của các chi nhánh đang hoạt động trong cơ sở dữ liệu (ví dụ: Tất cả, TP. Hồ Chí Minh, Đà Nẵng) để hiển thị làm tùy chọn lọc.

3. Khắc phục Lỗi Form Chỉnh Sửa / Tạo Mới Chi Nhánh​

  • Hiện trạng:
    • Trường Thành phố trong form đang là ô nhập chữ tự do (Text Input), bắt người dùng tự gõ thủ công thay vì chọn từ danh sách dropdown select.
    • Khi người dùng điền xong thông tin và nhấn nút Lưu chi nhánh, hệ thống thực hiện lưu thành công nhưng hoàn toàn không hiển thị bất kỳ thông báo trạng thái nào (không có Success Toast, Alert hay Pop-up xác nhận). Người dùng không biết thông tin đã được lưu hay chưa.
  • Yêu cầu chỉnh sửa:
    • Thay đổi trường Thành phố trong form sang dạng Dropdown Select tỉnh thành (như chi tiết tại tài liệu feedback-seclect-tinh-thanh.md).
    • Tích hợp thông báo thành công: Sau khi bấm Lưu chi nhánh, hệ thống phải hiển thị một Toast Message thông báo trạng thái rõ ràng (Ví dụ: “Lưu thông tin chi nhánh thành công!” hoặc “Lưu thất bại, vui lòng kiểm tra lại!”).