...
STT | Trường thông tin/Nút chức năng | Kiểu dữ liệu | Điều kiện | Quy định | Mô tả |
|---|---|---|---|---|---|
| 1 | Tab "Ca làm việc" | Tab điều hướng (Navigation Tab) | Không bắt buộc | Cho phép người dùng nhấn để điều hướng đến màn hình quản lý ca làm việc | Thể hiện tab chức năng cho phép truy cập khu vực quản lý ca làm việc. |
| 2 | Hộp chọn | Hộp chọn (Checkbox) | Không bắt buộc | Cho phép người dùng tích chọn một hoặc nhiều dòng để thực hiện các thao tác xóa hàng loạt. | Thể hiện hộp chọn dùng để đánh dấu bản ghi được chọn. |
| 3 | STT | Số (Number) | Không bắt buộc | Hệ thống tự sinh số thứ tự theo vị trí hiển thị. | Thể hiện số thứ tự của mỗi bản ghi. |
| 4 | Mã ca | Văn bản (Text) | Không bắt buộc | - Mã ca phải là giá trị duy nhất, không được trùng với bất kỳ mã ca nào đã tồn tại. - Dữ liệu mã ca: Tích hợp từ hệ thống HRIS. | Thể hiện mã định danh duy nhất của mỗi ca làm việc. |
| 5 | Ca làm việc | Văn bản (Text) | Không bắt buộc | - Cho phép sắp xếp (Sort) theo thứ tự tăng dần/giảm dần dựa trên tên ca làm việc. - Hỗ trợ tìm kiếm theo từ khóa tại thanh tìm kiếm phía trên. | - Thể hiện tên ca làm việc tương ứng với mỗi ca làm việc. |
| 6 | Hoạt động (toggle) | Công tắc (Toggle) | Không bắt buộc | - Cho phép chuyển đổi bật/tắt trạng thái hoạt động của ca làm việc, ; thay đổi sẽ được áp dụng trực tiếp lên bản ghi.
| Thể hiện trạng thái hoạt động của ca làm việc. |
| 7 | Cột thao tác (Row Actions) | Biểu tượng/Nút chức năng (Icon / Button) | Không bắt buộc | - Bao gồm các nút chức năng Chỉnh sửa và Xóa. - Cho phép người dùng thực hiện các thao tác chỉnh sửa hoặc xoá trên từng bản ghi riêng lẻ. | Thể hiện nhóm nút chức năng gồm các thao tác chỉnh sửa và xoá. |
| 8 | Ô tìm kiếm (Search input) | Văn bản (Text) | Không bắt buộc | - Cho phép người dùng nhập từ khóa liên quan đến "Mã ca làm việc" hoặc "Tên ca làm việc". - Hỗ trợ nhập có dấu và không dấu. - Áp dụng cơ chế tìm kiếm “contains” (chứa ký tự). - Khi người dùng nhập từ khóa: Hệ thống tự động lọc dữ liệu ngay khi người dùng nhập. - Khi người dùng nhấn Enter hoặc nhấn biểu tượng kính lúp: Hệ thống thực hiện tìm kiếm và cập nhật danh sách theo từ khóa đã nhập. - Khi không tìm thấy kết quả: Hệ thống hiển thị giao diện gồm: +) Văn bản thông báo: "Ở đây chưa có gì cả. Hiện tại chưa có ca làm việc nào. Hãy thêm mới ca làm việc đầu tiên nhé!" +) Nút “Thêm ca mới làm việc” | Thể hiện ô tìm kiếm với gợi ý mặc định (placeholder) “Tìm theo Mã hoặc Tên ca làm việc” và biểu tượng kính lúp ở đầu ô nhập. |
| 9 | Nút "Thêm mới" | Nút chức năng (Button) | Không bắt buộc | - Cho phép người dùng nhấn để điều hướng đến màn hình pop-up "Thêm mới ca làm việc". | Thể hiện nút chức năng mở màn hình "Tạo ca làm việc": Tham chiếu mục: 3.4.1.2. Màn hình pop-up "Tạo Thêm mới ca làm việc" : |
| 10 | Phân trang | Thành phần điều hướng (Pagination) | Không bắt buộc | - Hiển thị theo tổng số bản ghi. - Cho phép người dùng lựa chọn số lượng bản ghi hiển thị trên mỗi trang thông qua danh sách thả xuống, với các tùy chọn: 10, 30, 50, 100 bản ghi/trang. - Tự động tải lại danh sách theo số lượng bản ghi được chọn. | Thể hiện thành phần phân trang. |
3.4.1.2. Màn hình pop-up "
...
Thêm mới làm việc" :
STT | Trường thông tin/Nút chức năng | Kiểu dữ liệu | Điều kiện | Quy định | Mô tả |
|---|---|---|---|---|---|
| 1 | Tên ca làm việc* | Văn bản (Text) | Bắt buộc | - Cho phép người dùng nhập tên ca làm việc. - Không được để trống. | Thể hiện trường thông tin cho phép người dùng nhập tên ca làm việc với gợi ý mặc định (placeholder) “Nhập tên ca làm việc”. |
| 2 | Mã ca làm việc* | Văn bản (Text) | Bắt buộc | - Cho phép người dùng nhập mã ca làm việc. - Không được để trống. - Hệ thống sẽ kiểm tra trùng mã:
| Thể hiện trường thông tin cho phép người dùng nhập tên mã làm việc với gợi ý mặc định (placeholder) “Nhập mã làm việc”. |
| 3 | Ca mặc định | Hộp chọn (Checkbox) | Không bắt buộc | - Cho phép người dùng thực hiện đánh dấu. | Thể hiện hộp chọn cho phép người dùng đánh dấu ca mặc định. |
| 4 | Trạng thái hoạt động | Công tắc (Toggle) | Không bắt buộc | - Cho phép |
bật/tắt trạng thái hoạt động của ca làm việc |
; thay đổi sẽ được áp dụng trực tiếp lên bản ghi.
- Giá trị mặc định khi tạo mới ca làm việc: Bật = Ca làm việc được kích hoạt. | Thể hiện công tắc cho phép điều chỉnh trạng thái hoạt động của ca làm việc. | |
| 5 | Khối thời gian làm việc theo ngày (Thứ 2 → Chủ nhật) | Nhóm trường thời gian (Time Input) |
| Bắt buộc | - Cho phép người dùng thực hiện điền thông tin gồm:
| Thể hiện nhóm trường thời gian gồm:
| |
| 5.1 | - Buổi sáng: Giờ bắt đầu | Thời gian |
| theo giờ - phút (hh:mm) | Bắt buộc | - Cho phép người dùng thực hiện điền thông tin về thời điểm bắt đầu của ca làm việc buổi sáng trong ngày theo giờ-phút. - Chỉ cho phép nhập số, không cho phép ký tự khác. | Thể hiện trường cho phép người dùng nhập giờ bắt đầu của ca buổi sáng. |
| 5.2 | - Buổi sáng: Giờ kết thúc | Thời gian |
| theo giờ - phút (hh:mm) |
| Bắt buộc | - Cho phép người dùng thực hiện điền thông tin về thời điểm kết thúc của ca làm việc buổi sáng trong ngày theo giờ-phút. - Chỉ cho phép nhập số, không cho phép ký tự khác. | Thể hiện trường cho phép người dùng nhập giờ kết thúc của ca buổi sáng. |
| 5.3 | - Buổi chiều: Giờ bắt đầu | Thời gian |
| theo giờ - phút (hh:mm) | Bắt buộc | - Cho phép người dùng thực hiện điền thông tin về thời điểm bắt đầu của ca làm việc buổi chiều trong ngày theo giờ-phút. - Chỉ cho phép nhập số, không cho phép ký tự khác. | Thể hiện trường cho phép người dùng nhập giờ bắt đầu của ca buổi chiều. | ||
| 5.4 | - Buổi chiều: Giờ kết thúc | Thời gian theo giờ - phút (hh:mm) | Bắt buộc | - Cho phép người dùng thực hiện điền thông tin về thời điểm kết thúc của ca làm việc buổi chiều trong ngày theo giờ-phút. - Chỉ cho phép nhập số, không cho phép ký tự khác. | Thể hiện trường cho phép người dùng nhập giờ kết thúc của ca buổi chiều. |
| 6 | Nút "Hủy" | 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ỏ các thay đổi và đóng giao diện hiện tại mà không lưu thông tin. | Thể hiện nút chức năng cho phép hủy bỏ thao tác mà không lưu dữ liệu. |
| 7 | Nút "Áp dụng" | Nút chức năng (Button) | Không bắt buộc | - Cho phép lưu thông tin thời điểm bắt đầu và kết thúc ca sáng/ca chiều. - Nút chỉ được kích hoạt khi tất cả các trường thời gian |
| theo ngày (Thứ 2 → Chủ Nhật) đã được nhập hợp lệ. | Thể hiện nút chức năng cho phép lưu thông tin thời điểm bắt đầu và kết thúc ca làm việc mỗi buổi sáng/chiều trong ngày. | ||||
| 8 | 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ỏ các thay đổi và đóng giao diện hiện tại mà không lưu thông tin. | Thể hiện nút chức năng cho phép hủy bỏ thao tác mà không lưu dữ liệu. |
3.4.1.3. Màn hình pop-up "Chỉnh sửa ca làm việc" :
STT | Trường thông tin/Nút chức năng | Kiểu dữ liệu | Điều kiện | Quy định | Mô tả | |||
|---|---|---|---|---|---|---|---|---|
| 1 | Tên ca làm việc* | Văn bản (Text) | Bắt buộc | - Cho phép người dùng nhập/chỉnh sửa tên ca làm việc. - Không được để trống. | Thể hiện trường thông tin với dữ liệu tên ca làm việc hiện có. | |||
| 2 | Mã ca làm việc* | Văn bản (Text) | Bắt buộc | - Cho phép người dùng nhập/chỉnh sửa mã ca làm việc. - Không được để trống. - Hệ thống sẽ kiểm tra trùng mã:
| Thể hiện trường thông tin với dữ liệu tên mã làm việc hiện có. | |||
| 3 | Ca mặc định | Hộp chọn (Checkbox) | Không bắt buộc | Thể hiện | 6 | - Cho phép người dùng thực hiện chỉnh sửa đánh dấu. | Thể hiện hộp chọn với dữ liệu hiện có. | |
| 4 | Trạng thái hoạt động | Công tắc (Toggle) | Không bắt buộc | - Cho phép người dùng thực hiện chỉnh sửa trạng thái bật/tắt hoạt động của ca làm việc; thay đổi sẽ được áp dụng trực tiếp lên bản ghi.
| Thể hiện công tắc với dữ liệu trạng thái hoạt động của ca làm việc hiện có. | |||
| 5 | Khối thời gian làm việc theo ngày (Thứ 2 → Chủ nhật) | Nhóm trường thời gian (Time Input) | Bắt buộc | - Cho phép người dùng thực hiện chỉnh nhập/ chỉnh sửa thông tin gồm:
| Thể hiện nhóm trường thời gian gồm:
| |||
| 6 | - Buổi sáng: Giờ bắt đầu | Thời gian theo giờ - phút (hh:mm) | Bắt buộc | - Cho phép người dùng thực hiện nhập/chỉnh sửa thông tin về thời điểm bắt đầu của ca làm việc buổi sáng trong ngày theo giờ-phút. - Chỉ cho phép nhập số, không cho phép ký tự khác. | Thể hiện trường thông tin với dữ liệu giờ bắt đầu của ca buổi sáng hiện có. | |||
| 7 | - Buổi sáng: Giờ kết thúc | Thời gian theo giờ - phút (hh:mm) | Bắt buộc | - Cho phép người dùng thực hiện nhập/chỉnh sửa thông tin về thời điểm kết thúc của ca làm việc buổi sáng trong ngày theo giờ-phút. - Chỉ cho phép nhập số, không cho phép ký tự khác. | Thể hiện trường thông tin với dữ liệu giờ kết thúc của ca buổi sáng hiện có. | |||
| 8 | - Buổi chiều: Giờ bắt đầu | Thời gian theo giờ - phút (hh:mm) | Bắt buộc | - Cho phép người dùng thực hiện nhập/chỉnh sửa thông tin về thời điểm bắt đầu của ca làm việc buổi chiều trong ngày theo giờ-phút. - Chỉ cho phép nhập số, không cho phép ký tự khác. | Thể hiện trường thông tin với dữ liệu giờ bắt đầu của ca buổi chiều hiện có. | |||
| 9 | - Buổi chiều: Giờ kết thúc | Thời gian theo giờ - phút (hh:mm) | Bắt buộc | - Cho phép người dùng thực hiện nhập/chỉnh sửa thông tin về thời điểm kết thúc của ca làm việc buổi chiều trong ngày theo giờ-phút. - Chỉ cho phép nhập số, không cho phép ký tự khác. | Thể hiện trường thông tin với dữ liệu giờ bắt đầu của ca buổi chiều hiện có. | |||
| 10 | Nút "Hủy" | Nút chức năng (Button) | Không bắt buộc | Thể hiện | 7- Cho phép người dùng nhấn để hủy bỏ các thay đổi và đóng giao diện hiện tại mà không lưu thông tin. | Thể hiện nút chức năng cho phép hủy bỏ thao tác mà không lưu dữ liệu. | ||
| 11 | Nút "Áp dụng" | Nút chức năng (Button) | Không bắt buộc | Thể hiện | 8- Cho phép lưu thông tin thời điểm bắt đầu và kết thúc ca sáng/chiều sau khi người dùng nhập hoặc chỉnh sửa. - Nút chỉ được kích hoạt khi ít nhất một trường thời gian theo ngày (Thứ 2 → Chủ Nhật) được thay đổi và hợp lệ. | Thể hiện nút chức năng cho phép lưu thông tin thời điểm bắt đầu và kết thúc ca làm việc mỗi buổi sáng/chiều trong ngày sau khi người dùng nhập/chỉnh sửa thông tin. | ||
| 12 | Nút "X" | Nút chức năng (Button) | Không bắt buộcThể hiện | - Cho phép người dùng nhấn để hủy bỏ các thay đổi và đóng giao diện hiện tại mà không lưu thông tin. | Thể hiện nút chức năng cho phép hủy bỏ thao tác mà không lưu dữ liệu. |