Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

3. Conversation (Mô tả chi tiết)

3.1 UIUX: 

3.1.1 Màn hình danh sách hợp đồng của nhà cung cấp

Image Modified

3.1.1.1 Màn hình kết quả tìm kiếm khi có kết quả

Image Added

3.1.1.1 Màn hình kết quả tìm kiếm khi không có kết quả/ Danh sách trống

Image Added

3.1.1.Màn hình pop-up "Bộ lọc" 

...

Trường thông tin/Nút chức năng

Kiểu dữ liệu

Điều kiện

Quy định

Mô tả

Dự ánLựa chọn (Select)Không bắt buộc

- Cho phép người dùng nhấn để chọn giá trị tên dự án từ danh sách thả xuống của trường.

- Dữ liệu được lấy theo danh sách trường dự án từ Danh mục Dự án trong phân hệ Quản lý danh mục

Thể hiện tên dự án trong hợp đồng với gợi ý mặc định (placeholder) "Chọn dự án"
Thời gian ký hợp đồngNhãn (Label)Không bắt buộc


Thể hiện khoảng thời gian ký hợp đồng
Từ ngày:Bộ chọn ngày (Date picker)Không bắt buộc

- Cho phép người dùng nhấn để chọn ngày bắt đầu của khoảng thời gian ký hợp đồng 

Thể hiện ngày bắt đầu của khoảng thời gian ký hợp đồng với gợi ý mặc định (placeholder) "DD/MM/YYYY"
Đến ngày:Bộ chọn ngày (Date picker)Không bắt buộc

- Cho phép người dùng nhấn để chọn ngày kết thúc của khoảng thời gian ký hợp đồng 

- Hệ thổng chỉ hiện thị những ngày sau ngày bắt đầu đã chon tại trường "Từ ngày" 

Thể hiện ngày kết thúc của khoảng thời gian ký hợp đồng với gợi ý mặc định (placeholder) "DD/MM/YYYY"
Giá trị hợp đồng sau thuếNhãn (Label)Không bắt buộc


Thể hiện giá trị hợp đồng sau thuế
Giá trị nhỏ nhất:Số (Number)Không bắt buộc

- Cho phép người dùng nhập giá trị nhỏ nhất của khoảng giá trị hợp đồng sau thuế

Thể hiển giá trị nhỏ nhất của khoảng giá trị hợp đồng sau thuế từ với gợi ý mặc định (placeholder) "VD: 10.000.000"
Giá trị lớn nhất:Số (Number)Không bắt buộc

- Cho phép người dùng nhập giá trị lớn nhất của khoảng giá trị hợp đồng sau thuế

- Trong trường hợp có dữ liệu tại trường Giá trị nhỏ nhất, khi nhập dữ liệu tại trường Giá trị lớn nhất, hệ thống hiển thị cảnh báo và disable nút "Áp dụng" đến khi Giá trị lớn nhất > Giá trị nhỏ nhất.

  • Nội dung cảnh báo: "Trường giá trị lớn nhất phải lớn hơn trường giá trị nhỏ nhất"
Thể hiển hợp giá trị lớn nhất của khoảng giá trị hợp đồng sau thuế từ với gợi ý mặc định (placeholder) "VD: 100.000.000"
Trạng thái hợp đồngLựa chọn (Select)Không bắt buộc

- Cho phép người dùng nhấn để chọn giá trị trạng thái từ danh sách thả xuống của trường.

- Giá trị của trường trạng thái: 

  • Chờ thống nhất
  • Đang thực hiện
  • Đã quyết toán
  • Hủy

- Hành vi hệ thống khi thực hiện lọc như sau:

  • Trường hợp 1: Người dùng chọn giá trị trạng thái: Khi nhấn nút "Áp dụng", hệ thống lọc danh sách hợp đồng theo trạng thái đã chọn.
  • Trường hợp 2: Người dùng không chọn giá trị tên dự án: Khi nhấn nút "Áp dụng", hệ thống không lọc danh sách hợp đồng theo trường trạng thái đã chọn.
Thể hiện trạng thái của hợp đồng với gợi ý mặc định (placeholder) "Chọn trạng thái"
Nút "Áp dụng"Nút chức năng (Button)Không bắt buộc

- Sau khi nhấn nút, hệ thống thực hiện lọc danh sách hợp đồng theo điều kiện nhập/chọn và đóng pop-up "Bộ lọc"

- Hành vi hiển thị kết quả hệ thống khi người dùng nhấn nút "Áp dụng" như sau: 

  • Trường hợp 1 - Danh sách không thay đổi:
    • Điều kiện: Không chọn bất kỳ tiêu chí lọc nào
    • Hành vị: Hệ thống vẫn giữ nguyên dữ liệu như trước khi thao tác.
  • Trường hợp 2 - Có kết quả:
    • Điều kiện: Có ít nhất một hợp đồng trong hệ thống khớp với điều kiện người dùng nhập/chọn.
    • Hành vi: Hệ thống hiện thị danh sách các hợp đồng khớp với từ khóa tìm kiếm.
  • Trường hợp 3 - Không có kết quả/Danh sách trống (không có dữ liệu ban đầu):
    • Điều kiện: Không có hợp đồng nào khớp với từ khóa tìm kiếm hoặc danh sách hợp đồng ban đầu trống.
    • Hành vi: Hệ thống Thể hiện thông báo "Ở đây chưa có gì cả. "
Thể hiện nút áp dụng tiêu chí lọc được chọn
Nút "Đặt lại"Nút chức năng (Button)Không bắt buộc

- Cho phép người dùng nhấn để đặt lại tất cả tiêu chí lọc về trạng thái mặc định ban đầu.

- Hành vi hệ thống khi người dùng nhấn nút "Đặt lại" như sau: 

  • Toàn bộ các trường trên màn hình pop-up "Bộ lọc" sẽ được chuyển về giá trị mặc định ban đầu.
  • Màn hinh hình pop-up "Bộ lọc" vẫn được giữ trạng thái mở để người dùng có thể tiếp tục thao tác.

- Hệ thống thực hiện tìm kiếm và cập nhật màn hình danh sách Hợp đồng khi người dùng nhấn Enter hoặc biểu tượng kính lúp sau khi hoàn thành nhập từ khóa.

- Hành vi hệ thống khi Thể hiện kết quả:

  • Trường hợp 1 - Có kết quả:
    • Điều kiện: Có ít nhất một hợp đồng trong hệ thống khớp với từ khóa người dùng nhập.
    • Hành vi: Hệ thống hiện thị danh sách các hợp đồng khớp với từ khóa tìm kiếm.
  • Trường hợp 2 - Không có kết quả/Danh sách trống (không có dữ liệu ban đầu):
    • Điều kiện: Không có hợp đồng nào khớp với từ khóa tìm kiếm hoặc danh sách hợp đồng ban đầu trống.
    • Hành vi: Hệ thống Thể hiện thông báo "Ở đây chưa có gì cả. "
  • Figma cho cả 2 trường hợp: tham chiếu mục 3.1.1.2. Màn hình kết quả của ô tìm kiếm
Thể hiện nút đặt lại tất cả tiêu chí lọc về trạng thái mặc định ban đầu.
Nút "X" Nút chức năng (Button)Không bắt buộc

- Cho phép người dùng nhấn để hủy bỏ thao tác lọc.
- Khi nhấn, màn hình pop-up "Bộ lọc" đóng lại. 

Thể hiện nút "X" để để hủy bỏ thao tác lọc.

...