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

@@ -0,0 +1,53 @@
+<template>
+  <div>
+    <h5>WORKORDER STATE</h5>
+    {{ value }}
+
+    <!-- Display as drop down box so it appears like any other select, however, it also has a button to show history and
+    when user clicks on it a popup dialog shows the entire history of the state in a datatable or something along those lines -->
+  </div>
+</template>
+<script>
+/////////////////////////////////////////////////////////////////////////////////////////////////////////////
+/*  XXXeslint-disable    */
+////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
+export default {
+  data() {
+    return {};
+  },
+
+  props: {
+    value: {
+      default: null,
+      type: Object
+    },
+    pvm: {
+      default: null,
+      type: Object
+    },
+    formKey: { type: String, default: "" }, //used to grab template from store
+    readonly: Boolean,
+    disabled: Boolean
+  },
+
+  methods: {
+    form() {
+      return window.$gz.form;
+    },
+    fieldValueChanged(ref) {
+      if (
+        !this.parentVM.formState.loading &&
+        !this.parentVM.formState.readonly
+      ) {
+        window.$gz.form.fieldValueChanged(this.parentVM, ref);
+      }
+    }
+  },
+  computed: {
+    lastState() {
+      return "blah";
+    }
+  }
+};
+</script>