Là một Merchant, tôi muốn xem toàn bộ danh sách sản phẩm của cửa hàng, để tôi có thể tìm kiếm, lọc và quản lý sản phẩm hiệu quả.
Điều kiện tiên quyết (Pre-conditions)
- Merchant đã đăng nhập vào hệ thống
Luồng truy cập danh sách sản phẩm
Màn hình danh sách sản phẩm
- Hệ thống hiển thị danh sách sản phẩm dưới dạng bảng với các cột thông tin:
- Hình ảnh đại diện (thumbnail)
- Tên sản phẩm
- Danh mục sản phẩm
- Số lượng tồn kho hiện tại
- Giá bán
- Trạng thái ( Đang kinh doanh / Ngừng kinh doanh)
- Trạng thái cảnh báo tồn kho
- Cột Hành động (Xem chi tiết)
Chức năng tìm kiếm và lọc
- Tìm kiếm theo tên sản phẩm
- Bộ lọc sản phẩm theo:
- Danh mục sản phẩm (dropdown chọn nhiều giá trị)
- Trạng thái sản phẩm:
Active,Inactive,Deleted - Mức tồn kho (Còn hàng, Hết hàng, Sắp hết hàng)
- Hỗ trợ phân trang
- Cho phép sắp xếp danh sách theo tên sản phẩm, số lượng tồn kho, giá bán
- Hiển thị tổng số sản phẩm và số sản phẩm đang được lọc
Ràng buộc và quy tắc giao diện
- Sản phẩm ngừng kinh doanh sẽ được tô màu xám nhạt trên danh sách
- Sản phẩm đang có cảnh báo tồn kho sẽ có icon cảnh báo màu vàng
- Hình ảnh thumbnail hiển thị kích thước 40x40px, hiển thị placeholder khi chưa có ảnh
- Khi di chuột vào tên sản phẩm hiển thị tooltip mô tả ngắn