> For the complete documentation index, see [llms.txt](https://spsvn.gitbook.io/product-docs-1/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://spsvn.gitbook.io/product-docs-1/huong-dan-cai-dat-va-cau-hinh-quan-tri-vien/cau-hinh-quy-trinh/tuy-bien-thao-tac/xem-truoc-form-duyet-theo-tung-buoc-quy-trinh.md).
# Xem trước form duyệt theo từng bước quy trình
1\. Tính năng là gì?
Trước đây, để kiểm tra giao diện form có đúng như ý không (đủ trường, đúng thứ tự, không thừa thiếu), người cấu hình phải chạy thử workflow thật — tốn thời gian và làm phát sinh dữ liệu test.
Tính năng Preview cho phép xem trước giao diện form ngay tại màn hình cấu hình. Có 2 loại preview: form Tạo yêu cầu (người khởi tạo nhìn thấy) và form Duyệt (người duyệt nhìn thấy).
2\. Ý nghĩa & lợi ích nghiệp vụ
* Phát hiện lỗi bố cục sớm: thấy ngay trường nào bị ẩn, thừa hoặc sai thứ tự trước khi đưa workflow vào sử dụng.
* Tiết kiệm thời gian QA: không cần chạy thử thật để kiểm tra UI từng bước.
* Hỗ trợ training nội bộ: có thể chụp màn preview để làm tài liệu hướng dẫn cho người dùng cuối trước khi go-live.
* Không sinh dữ liệu rác: preview chỉ mô phỏng giao diện, không tạo bản ghi trong cơ sở dữ liệu.
3\. Ứng dụng vào nghiệp vụ
Tình huống 1 — Kiểm tra trước khi go-live
Trước khi triển khai workflow "Đề nghị nghỉ phép" cho toàn công ty, BA dùng preview để rà soát từng bước: form khởi tạo có đầy đủ trường "Lý do" và "Ngày bắt đầu/kết thúc" chưa; form duyệt cấp trưởng phòng có hiển thị đúng thông tin người gửi không.
Tình huống 2 — Demo cho khách hàng nội bộ
Trong cuộc họp với phòng nghiệp vụ, người cấu hình dùng preview để demo trực tiếp giao diện sẽ trông như thế nào trên thực tế — thay vì phải chạy workflow test và phát sinh dữ liệu.
Tình huống 3 — Sửa lỗi 'thiếu trường' nhanh
Khi người dùng cuối phản ánh "không thấy ô nhập X trên form", người cấu hình mở preview bước tương ứng để kiểm tra trường có bị tích nhầm cờ "Ẩn ở Form" hay không, sửa ngay tại chỗ.
4\. Hướng dẫn sử dụng chi tiết
4.1. Hai loại preview
* Hiển thị giao diện mà người khởi tạo yêu cầu sẽ thấy.
* Bao gồm: ô "Tên yêu cầu", ô "Người tạo", và toàn bộ các trường dữ liệu đã cấu hình.
* Tất cả các ô ở chế độ disabled (chỉ xem, không nhập được — vì đây chỉ là mô phỏng).
Không hiển thị: trường kiểu Attachments và trường có cờ "Ẩn ở Form".
* Hiển thị giao diện mà người duyệt sẽ thấy khi thực hiện phê duyệt.
* Nếu bước có cấu hình người duyệt (assignees): hiển thị nhóm người duyệt và thông tin mở rộng tương ứng.
* Hỗ trợ eForm: nếu bước có liên kết eForm, hiển thị thông báo "Bước này sử dụng eForm".
* Các trường dữ liệu hiển thị theo cấu hình riêng của bước duyệt (có thể khác với bước tạo).
4.2. Cách mở preview
1. Trong màn hình cấu hình workflow → chọn một bước (node) bằng cách click vào nó.
2. Trên thanh công cụ của bước đó, tìm và nhấn nút Preview (biểu tượng con mắt 👁️ hoặc tương đương).
3. Cửa sổ preview mở ra ở dạng modal, có thanh scroll để cuộn xem toàn bộ form.
4. Nhấn nút "Quay lại" (mũi tên trái ← ở góc trên cùng) để đóng preview và trở về màn hình cấu hình.
5\. Lưu ý quan trọng
| ⚠️ Preview chỉ là mô phỏng giao diện: Preview KHÔNG phản ánh logic điều kiện hiển thị động khi chạy thực tế (runtime). Ví dụ: nếu một trường được cấu hình "chỉ hiển thị khi loại = X", trên preview vẫn luôn hiển thị. Để kiểm tra logic động, vẫn phải chạy workflow thật. |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 📌 Trường ẩn không hiển thị: Các trường có cờ "Ẩn ở Form" và kiểu Attachments sẽ không xuất hiện trên preview. Đây là hành vi đúng, không phải lỗi. |