ayanova/src/components/pick-list.vue

@@ -90,6 +90,10 @@ export default {
       type: String,
       default: null
     },
+    template: {
+      type: String,
+      default: null
+    },
     hint: {
       type: String,
       default: null
@@ -214,10 +218,11 @@ export default {
 
         if (vm.variant != null) {
           pickListParams["listVariant"] = vm.variant;
-          //variantSegment = `&variant=${vm.variant}`;
         }
-        // let pickListParams =
-        //   "?ayaType=" + vm.ayaType + "&preId=" + vm.value + variantSegment;
+
+        if (vm.template != null) {
+          pickListParams["template"] = vm.template;
+        }
 
         vm.getList(pickListParams);
       }
@@ -313,6 +318,9 @@ export default {
         if (vm.variant != null) {
           pickListParams["listVariant"] = vm.variant;
         }
+        if (vm.template != null) {
+          pickListParams["template"] = vm.template;
+        }
       }
       try {
         let res = await window.$gz.api.upsert("pick-list/list", pickListParams);
@@ -421,7 +429,9 @@ export default {
       }
       if (vm.variant != null) {
         pickListParams["listVariant"] = vm.variant;
-        //urlParams += `&variant=${vm.variant}`;
+      }
+      if (vm.template != null) {
+        pickListParams["template"] = vm.template;
       }
       this.getList(pickListParams);
       //------------

ayanova/src/views/customer-csr-edit.vue

@@ -22,7 +22,6 @@
               ref="customerId"
               data-cy="customerId"
               variant="ho"
-              template="{}"<----this is where I left off
               @input="fieldValueChanged('customerId')"
             ></gz-pick-list>
           </v-col>
@@ -80,8 +79,12 @@
           >
             <gz-pick-list
               :aya-type="ayaTypes().Unit"
-              :variant="'customerid:' + obj.customerId" //also this needs hoid variant here
-              template="{}"<----this is where I left off
+              :variant="unitListVariant()"
+              template="[
+                { fld: 'UnitSerial' },
+                { fld: 'UnitModelModelNumber' },
+                { fld: 'UnitModelVendorID' }
+              ]"
               v-model="obj.unitId"
               :readonly="formState.readOnly"
               :label="$ay.t('CustomerServiceRequestItemUnitID')"
@@ -266,7 +269,7 @@ const FORM_CUSTOM_TEMPLATE_KEY = "CustomerServiceRequest"; //<-- Should always b
 export default {
   async created() {
     let vm = this;
-
+    //'[{"fld":"UnitSerial"},{"fld":"UnitModelModelNumber"},{"fld":"UnitModelVendorID"}]'
     try {
       await initForm(vm);
 
@@ -430,6 +433,9 @@ export default {
     }
   },
   methods: {
+    unitListVariant: function() {
+      return `customerid: ${this.obj.customerId}`;
+    },
     priorityColor: function() {
       switch (this.obj.priority) {
         case 1: //asap