Trang Chi tiết Yêu cầu Phê duyệt
Route:
/admin/approval/workflows/detail?id=<ID>
Trang này cung cấp cái nhìn toàn diện về một yêu cầu phê duyệt cụ thể: thông tin đối tượng, tiến trình, các bước, và toàn bộ lịch sử hành động. Có thể mở từ nút 👁 Xem chi tiết ở bất kỳ bảng yêu cầu nào.
Thông tin tóm tắt (phần trên)
Bảng mô tả hiển thị các thông tin chính:
| Trường | Ý nghĩa |
|---|---|
| Đối tượng | Tên, loại, mã của đối tượng được phê duyệt + link "Xem chi tiết" |
| Workflow | Tên quy trình áp dụng |
| Người yêu cầu | Người đã tạo yêu cầu phê duyệt |
| Bước hiện tại | Bước đang chờ xử lý (hoặc "Hoàn tất" nếu đã xong) |
| Người duyệt | Người đã phê duyệt bước cuối |
| Ngày tạo | Thời điểm tạo yêu cầu |
| Hoàn tất | Thời điểm kết thúc (nếu đã kết thúc) |
Thanh tiến trình
Hiển thị trực quan:
- Phần trăm hoàn thành (0% → 100%)
- Bước hiện tại / Tổng số bước (VD: 2/3)
- Màu sắc thay đổi theo trạng thái: Xanh = đang xử lý, Xanh lá = hoàn tất, Đỏ = từ chối
Khu vực Hành động
Chỉ hiển thị khi yêu cầu đang hoạt động (pending/in_progress) và bạn có quyền thực hiện:
| Nút | Màu | Chức năng |
|---|---|---|
| Duyệt | Xanh lam | Phê duyệt bước hiện tại |
| Từ chối | Đỏ | Từ chối bước hiện tại (cần nhập lý do) |
| Hủy | Xám | Hủy toàn bộ yêu cầu |
Đây là cách thuận tiện nhất: vào trang chi tiết để xem đầy đủ thông tin, sau đó quyết định duyệt hay từ chối ngay trên cùng trang.
Sơ đồ các bước (Workflow Steps)
Hiển thị tất cả các bước dưới dạng danh sách dọc (vertical stepper), với trạng thái của từng bước:
| Biểu tượng | Ý nghĩa |
|---|---|
| ✅ (xanh) | Bước đã hoàn thành |
| 🔄 (xanh lam, nháy) | Bước đang xử lý |
| ❌ (đỏ) | Bước bị từ chối |
| ⬜ (xám) | Bước chưa đến lượt |
Mỗi bước hiển thị thêm:
- Loại người duyệt: Vai trò / Người dùng cụ thể / Quan hệ...
- SLA: "Thời gian xử lý: Xh" (nếu có cấu hình deadline)
- ⑂ Hành vi đặc biệt: Icon nhánh nếu bước có cấu hình hành vi duyệt/từ chối đặc biệt
Khi thấy icon ⑂ (nhánh) bên cạnh tên bước, bước đó có cấu hình hành vi đặc biệt. Hover chuột vào icon để xem mô tả ngắn, hoặc mở chi tiết workflow để xem đầy đủ.
Lịch sử Phê duyệt (Timeline)
Toàn bộ các hành động đã diễn ra được liệt kê theo thứ tự thời gian:
| Thông tin | Mô tả |
|---|---|
| Loại hành động | Phê duyệt / Từ chối / Hủy / Bắt đầu |
| Người thực hiện | Tên người đã thực hiện hành động |
| Bước áp dụng | Tên bước liên quan |
| Thời gian | Ngày giờ thực hiện |
| Ghi chú/Lý do | Nội dung ghi chú hoặc lý do từ chối |
Toàn bộ lịch sử phê duyệt được lưu vĩnh viễn. Mọi hành động đều để lại dấu vết giúp kiểm tra, tra soát khi cần thiết.
Xem chi tiết đối tượng
Trong phần tóm tắt, có link "Xem chi tiết" (🔗) để xem thông tin đầy đủ của đối tượng được phê duyệt (VD: xem tài liệu, xem dự án...).
Với tài liệu, modal chi tiết tài liệu sẽ mở ra, cho phép:
- Xem thông tin tài liệu
- Tải xuống tài liệu
- Xem file trực tiếp trong trình duyệt