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

@@ -56,6 +56,13 @@
             :show-select="$vuetify.breakpoint.xs"
             single-select
           >
+            <template v-slot:[`item.status`]="{ item }">
+              <template v-if="item.status.id != null">
+                <v-icon class="mr-3" :color="item.status.color"
+                  >$ayiCircle</v-icon
+                >{{ item.status.name }}
+              </template>
+            </template>
           </v-data-table>
         </v-col>
       </template>
@@ -479,11 +486,7 @@ and it's probably not a big list to fill anyway
             id: x.id,
             sequence: x.sequence,
             notes: x.notes,
-            quantityReceived: window.$gz.locale.decimalLocalized(
-              x.quantityReceived,
-              this.pvm.languageName
-            ),
-            status: stat.name,
+            status: stat,
             requestDate: window.$gz.locale.utcDateToShortDateAndTimeLocalized(
               x.requestDate,
               this.pvm.timeZoneName,