Work Order Detail Page
When you click on a work order from the list, you open the Work Order Detail page. This is the central hub for managing every aspect of a single shipment.
Page Header
Section titled “Page Header”The header shows the WO Number as the page title, with the Service Type and Customer Name as the description, and the current status badge.
The only button in the header actions area is Delete (visible to users with delete permission). Clicking it opens a confirmation dialog before permanent deletion.
Status Buttons
Section titled “Status Buttons”Directly below the header, a row of status transition buttons appears showing only the valid next statuses for the current status. Click a button to advance the work order to that status. The Cancelled button is styled in red.
This row is only visible to users with update permission. It is hidden when the work order is at a terminal status (Completed or Cancelled). See Work Order Statuses for the full transition table.
The detail page has four tabs:
| Tab | Purpose |
|---|---|
| Overview | References, cargo info, pickup info, delivery address, and progress flow summary |
| Progress | Full event timeline — log each stage of the shipment |
| Documents | Upload and view supporting files |
| Audit Log | History of all changes made to this work order |
Overview Tab
Section titled “Overview Tab”The Overview tab has two columns.
Left column
Section titled “Left column”References
Section titled “References”| Field | Description |
|---|---|
| WO Number | Auto-generated work order number |
| Tracking No. | Shown if the work order has a tracking number. Includes a copy button and a download button to generate the Shipping Receipt (Resi) PDF. |
| Customer | Links to the customer detail page |
Shipping Receipt (Resi) PDF
Section titled “Shipping Receipt (Resi) PDF”Click the download icon next to the tracking number to open the Resi PDF viewer. The Resi is a document given to the customer as proof of shipment acceptance.
The Resi PDF contains a QR code. The customer can scan it with any smartphone camera to open the public tracking page at https://logisticpro.id/tracking — the shipment information loads automatically, no manual entry needed.
The QR code link is time-limited (30 days). After it expires, the customer can still look up the shipment by entering the tracking number manually on the tracking page.
Manual tracking check
Section titled “Manual tracking check”You can also share the tracking number directly with the customer without printing the Resi:
- In the References section, click the copy icon next to the tracking number.
- Send the copied number to the customer (via WhatsApp, email, etc.).
- The customer opens https://logisticpro.id/tracking, types the tracking number into the search box, and presses Track. | Customer PO | Links to the Customer PO (if linked) | | Service Type | Type of freight service | | Status | Current status label |
Displays cargo details for the shipment. When no data has been entered yet, the card shows “No goods info yet. Click Add to fill in.”
To add or update goods information:
- Click the Add button in the top-right corner of the Goods card.
- An inline form expands inside the card (no modal — stays on the same page).
- Fill in the fields:
| Field | Description |
|---|---|
| Description of Goods | What is being shipped (e.g. Electronic components) |
| Gross Weight (kg) | Total gross weight |
| Net Weight (kg) | Total net weight |
| Packages | Number of packages |
| Package Type | Package type (e.g. carton, pallet) |
| Volume (m³) | Total shipment volume |
| Shipping Marks | Marks and numbers printed on packages |
- Click Save to apply, or Cancel to discard.
The Add button is only shown if you have update permission on Work Orders.
Pickup Info
Section titled “Pickup Info”Automatically populated from the most recent Pickup progress event. Shows: Address, Driver, Driver Phone, Vehicle. Displays a placeholder message if no pickup event has been recorded yet.
Delivery Address
Section titled “Delivery Address”The destination address for the shipment. When no address has been set, the card shows “No delivery address set.”
To add or update the delivery address:
- Click the Add button (shown as Edit if an address already exists) in the top-right corner of the Delivery Address card.
- An inline form expands inside the card.
- Fill in the fields:
| Field | Description |
|---|---|
| Address | Street address |
| Company / Entity | Company or entity name at the destination |
| City | Destination city |
| Province / State | Province or state |
| Country | Destination country |
| Postal Code | Postal or ZIP code |
| Contact Name | Name of the contact person at destination |
| Contact Phone | Phone number of the contact person |
- Click Save to apply, or Cancel to discard.
The Add / Edit button is only shown if you have update permission on Work Orders.
Right column
Section titled “Right column”Progress Flow
Section titled “Progress Flow”A visual summary of the five main shipment stages in order: Pickup → Warehouse → Customs → Transit → Delivery.
Each stage shows a colored icon (filled if at least one event for that step exists, grey if not) and the timestamp of the latest event for that step. A brief snippet of structured metadata is shown below the timestamp (e.g. vehicle and driver for Pickup, warehouse name for Warehouse, vessel/flight and B/L for Transit).
Below the five stages, up to three of the most recent General events are listed.
Click Manage → in the section header to switch to the Progress tab.
Progress Tab
Section titled “Progress Tab”The Progress tab is the full event timeline for the shipment. See Progress Events for full details on adding and managing progress events, including the structured fields per step type.
Documents Tab
Section titled “Documents Tab”The Documents tab lets your team upload and view files related to the work order.
Uploading a document
Section titled “Uploading a document”Fill in the fields and click Upload:
| Field | Required | Description |
|---|---|---|
| Label | ✅ | Short name for the document (e.g. “B/L Copy”, “Packing List”) |
| Notes | — | Optional context or remarks |
| File | ✅ | Image (JPEG, PNG, etc.) or PDF |
Upload requires update permission on Work Orders.
Document list
Section titled “Document list”Each uploaded document shows:
- Thumbnail (click to open full-screen viewer)
- Label and notes
- Original filename and file size
- Uploaded by (user name)
Deleting a document
Section titled “Deleting a document”Click the × button on the document card. Deletion is permanent and cannot be undone.
Audit Log Tab
Section titled “Audit Log Tab”Shows every change made to this work order — who made it and when.
| Column | Description |
|---|---|
| Action | CREATE (green), UPDATE (blue), or DELETE (red) |
| Description | What was changed |
| User | Email of the user who performed the action |
| Timestamp | Date and time of the change |
This tab is read-only.