ayanova/src/components/work-order-items.vue

@@ -136,6 +136,7 @@ export default {
         workorderItemPriorityId: null,
         requestDate: null,
         warrantyService: false,
+        sequence: newIndex + 1, //indexes are zero based but sequences are visible to user so 1 based
         isDirty: true,
         expenses: [],
         labors: [],
@@ -278,27 +279,29 @@ and it's probably not a big list to fill anyway
       return headers;
     },
     itemList: function() {
-      return this.value.items.map((x, i) => {
-        return {
-          index: i,
-          id: x.id,
-          notes: x.notes,
-          quantityReceived: window.$gz.locale.decimalLocalized(
-            x.quantityReceived,
-            this.pvm.languageName
-          ),
-          status: x.workorderItemStatusId, //todo: get real status name etc here
-          requestDate: window.$gz.locale.utcDateToShortDateAndTimeLocalized(
-            x.requestDate,
-            this.pvm.timeZoneName,
-            this.pvm.languageName,
-            this.pvm.hour12
-          ),
-          priority: x.workorderItemPriorityId, //todo: get actual priority, color etc here
-          warranty: x.warrantyService,
-          tags: x.tags
-        };
-      });
+      return this.value.items
+        .map((x, i) => {
+          return {
+            index: i,
+            id: x.id,
+            notes: x.notes,
+            quantityReceived: window.$gz.locale.decimalLocalized(
+              x.quantityReceived,
+              this.pvm.languageName
+            ),
+            status: x.workorderItemStatusId, //todo: get real status name etc here
+            requestDate: window.$gz.locale.utcDateToShortDateAndTimeLocalized(
+              x.requestDate,
+              this.pvm.timeZoneName,
+              this.pvm.languageName,
+              this.pvm.hour12
+            ),
+            priority: x.workorderItemPriorityId, //todo: get actual priority, color etc here
+            warranty: x.warrantyService,
+            tags: x.tags
+          };
+        })
+        .sort((a, b) => a.sequence - b.sequence);
     },
     formState: function() {
       return this.pvm.formState;