Skip to content

[Online Request System] Unrequested/Insufficient Page - Edit Request

User Story: Màn hình chỉnh sửa thông tin request

Tiêu đề

Người dùng chỉnh sửa thông tin request thông qua màn hình Edit Request.

Mô tả

  • Là một người dùng,
  • Tôi muốn chỉnh sửa thông tin của các request thuộc trạng thái:
    • Unrequested: Request chưa được gửi đi.
    • IncorrectRequest: Request được gửi nhầm.
    • InsufficientDocumentation: Request thiếu tài liệu cần thiết.
  • Để đảm bảo các request được cập nhật và xử lý chính xác.

Tiêu chí chấp nhận (Acceptance Criteria)

1. Trường hợp thành công

  • Khi người dùng chọn Edit Request từ [Menu] dropdown, hệ thống:

    • Hiển thị màn hình xem và chỉnh sửa request với các trường thông tin như hình đính kèm bên dưới:

    • Cho phép người dùng xem và chỉnh sửa file đã được upload ở mục Form request chấp thuận của Sở cứu hỏa, bao gồm:

      • [Change File] Button: Thay đổi file đã upload. (=<90 MB/1 lần, chỉ chấp nhận file Excel. System sẽ xóa các tài liệu upload sau 30 ngày kể từ lần access cuối cùng).
      • [Uploaded File name]: Hiển thị tên tệp đã được upload.
      • [Delete] Button: Xóa file đã upload.

    • Cho phép người dùng xem và chỉnh sửa file đã được upload ở mục Đơn, bản vẽ v.v, bao gồm:

      • [Time]: Hiển thị thời gian upload file với định dạng là 'Time' minute/hour. VD: 10 phút trước, 10 tiếng trước
      • [Username]: Hiển thị tên user bên dưới thời gian upload file.
      • [Uploaded File name]: Hiển thị tên tệp đã được upload bên cạnh Time và Username.
      • [v] Icon: Hiển thị Menu Dropdown chứa xử lý　Delete (Chỉ khi status là Chưa request, Request nhầm mới có thể xóa file upload) bên cạnh filename.
      • [Add] Button: Thêm/add 1 file (=<90MB/file, chỉ chấp nhận file Excel（.xls, .xlsx）,Word（.doc, .docx ）,Power Point（.ppt, .pptx）,PDF（.pdf）. System sẽ xóa các tài liệu upload sau 30 ngày kể từ lần access cuối cùng.)

    • Cho phép người dùng upload nhiều file bổ sung ở mục　Attach a file, bao gồm:

      • [Select file] Button: Select file bổ sung (Total 90MB, chỉ chấp nhận file Excel（.xls, .xlsx）,Word（.doc, .docx ）,Power Point（.ppt, .pptx）,PDF（.pdf）. System sẽ xóa các tài liệu upload sau 30 ngày kể từ lần access cuối cùng).
      • [No selected file] text: hiển thị default bên cạnh [Select file] button. Nếu đã chọn nhiều file để upload bổ sung, dòng text này sẽ thay bằng filename vừa được upload và [Delete] button.

    • Hiển thị thông tin request này ở mục [Request Info] bên trái màn hình Edit, bao gồm:

      • [RequestDate] textbox: blank.
      • [AcceptedDate] textbox: blank.
      • [BuildingName] Textbox：Hiển thị request name, Required.
      • [RequestType] Dropdown: Hiển thị loại request, Required.
      • [Department] Searchbox: Hiển thị Sở cứu hỏa yêu cầu , Required.
      • [RequestComment] Textarea: Comment khi request.
      • [UsernameMemo] Textbox: Hiển thị tên người request.

    • Cho phép người dùng cập nhật các thông tin đã chỉnh sửa bằng cách click [update] button, hệ thống sẽ hiển thị Confirmation Popup:

      • [Update the request. After attaching the file, please make a request from the send page.] text: Thông báo sẽ update request, và vui lòng request từ [Send] page.
      • [OK] button: Thực hiện update.
      • [Cancel] button: Cancel việc update.

2. Trường hợp lỗi

  • Nếu người dùng bỏ trống trường bắt buộc khi chỉnh sửa, hệ thống hiển thị inline error message: "'Tên trường' is required. Please input into."
  • Nếu một trong các trường không hợp lệ, hệ thống sẽ không cho phép lưu.
  • Nếu tài liệu tải lên sai định dạng cho phép, hệ thống sẽ hiển thị: *"Invalid file format. Please try again."
  • Nếu tài liệu tải lên vượt quá dung lượng cho phép, hệ thống sẽ hiển thị: "File size exceeds the maximum limit"
  • Nếu xảy ra lỗi trong quá trình lưu thông tin (ví dụ: lỗi mạng hoặc server), hệ thống hiển thị thông báo: "Unable to save changes. Please try again later."

3. Yêu cầu bảo mật

Nhiệm vụ kỹ thuật (Tasks)

  1. **Tạo giao diện màn hình Edit Request, bao gồm:
  • Hiển thị form với các trường thông tin như trong tiêu chí nêu trên.
  • Đảm bảo các trường readonly và editable được xác định rõ ràng.
  • Chức năng của [Save] button.
  • Hiển thị của Confirmation Popup khi click [Save] button.

  1. Kiểm tra dữ liệu nhập:

  2. Tích hợp API xác thực:

  • Gọi API để lấy thông tin chi tiết request khi vào màn hình.
  • Gửi dữ liệu đã chỉnh sửa đến API khi người dùng lưu.
  1. Kiểm tra lỗi:
  • Xử lý lỗi khi tải dữ liệu (nếu API trả về lỗi).
  • Kiểm tra và hiển thị lỗi khi người dùng nhập sai hoặc không đầy đủ thông tin.
  1. Viết test cases:
  • Kiểm tra hiển thị dữ liệu ban đầu trong form chỉnh sửa.
  • Kiểm tra lưu dữ liệu với các trường hợp thành công và thất bại.
  • Kiểm tra thông báo lỗi khi người dùng nhập không hợp lệ hoặc thiếu.

Ghi chú

  • Màn hình cần trực quan và dễ sử dụng, với thông báo rõ ràng cho người dùng khi xảy ra lỗi.
  • Đảm bảo bảo mật khi tải lên hoặc lưu trữ tài liệu liên quan đến request.
  • Tất cả thay đổi chỉ được áp dụng sau khi người dùng nhấn OK button trong Confirmation Popup.
Edited by minh tung doan