ayanova/src/components/work-order-item-scheduled-users.vue

@@ -1,6 +1,9 @@
 <template>
-  <div>
+  <div v-if="pvm != null">
-    <h5 class="ml-12">WorkOrderItemScheduledUsers here</h5>
+    <h5 class="ml-12">WorkOrderItemScheduledUsers</h5>
+    <div v-if="pvm.hasSelectedWoItem">
+      {{ value.items[pvm.selectedItemIndex].scheduledUsers }}
+    </div>
   </div>
 </template>
 <script>
@@ -15,13 +18,10 @@ export default {
 
   props: {
     value: {
-      default: "{}",
+      default: null,
-      type: String
+      type: Object
     },
-    formKey: { type: String, default: "" }, //used to grab template from store
+    pvm: {
-    readonly: Boolean,
-    disabled: Boolean,
-    parentVM: {
       default: null,
       type: Object
     }
@@ -32,14 +32,18 @@ export default {
       return window.$gz.form;
     },
     fieldValueChanged(ref) {
-      if (
+      if (!this.formState.loading && !this.formState.readonly) {
-        !this.parentVM.formState.loading &&
+        window.$gz.form.fieldValueChanged(this.pvm, ref);
-        !this.parentVM.formState.readonly
-      ) {
-        window.$gz.form.fieldValueChanged(this.parentVM, ref);
       }
     }
   },
-  computed: {}
+  computed: {
+    formState: function() {
+      return this.pvm.formState;
+    },
+    formCustomTemplateKey: function() {
+      return this.pvm.formCustomTemplateKey;
+    }
+  }
 };
 </script>

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

@@ -1,6 +1,6 @@
 <template>
-  <div>
+  <div v-if="pvm != null">
-    <h2>WorkOrder items here</h2>
+    <h2>WorkOrder items</h2>
 
     <!-- items:{{ value.items }}<br /> -->
     <span class="text-caption"
@@ -10,10 +10,12 @@
       <h3>table of woitems here</h3>
       itemcount:{{ value.items.length }}
     </template>
-    <template v-if="pvm.selectedItemIndex != null">
+    <template v-if="pvm.hasSelectedWoItem">
-      <h4>woitemform here</h4>
+      <GzWoItemScheduledUsers
-      <h5 class="ml-5">woitem grandchildren here</h5>
+        v-model="value"
-      <GzWoItemScheduledUsers data-cy="woItemScheduledUsers" />
+        :pvm="pvm"
+        data-cy="woItemScheduledUsers"
+      />
     </template>
     <template v-else>
       <h5>select a woitem to view the form</h5>

ayanova/src/views/svc-workorder.vue

@@ -220,6 +220,14 @@ export default {
       deep: true
     }
   },
+  computed: {
+    hasSelectedWoItem: function() {
+      if (this.selectedItemIndex != null) {
+        return true;
+      }
+      return false;
+    }
+  },
   methods: {
     canSave: function() {
       return this.formState.valid && this.formState.dirty;