src/views/biz-purchase.vue

@@ -113,6 +113,20 @@
               @input="fieldValueChanged('cancelDate')"
             ></gz-date-time-picker>
           </v-col>
+          <v-col
+            v-if="obj.vendorNotificationId != null"
+            cols="12"
+            sm="6"
+            lg="4"
+            xl="3"
+          >
+            <div>
+              <v-btn @click="openVendorNotification">
+                {{ obj.vendorNotificationId }}
+                <v-icon right>$sockiCommentDollar</v-icon>
+              </v-btn>
+            </div>
+          </v-col>
 
           <v-col
             v-if="form().showMe(this, 'PurchaseCouponCode')"
@@ -173,21 +187,6 @@
             ></v-textarea>
           </v-col>
 
-          <v-col cols="12" sm="6" lg="4" xl="3">
-            <gz-pick-list
-              ref="vendornotificationid"
-              v-model="obj.vendornotificationid"
-              :aya-type="sockTypes().VendorNotification"
-              show-edit-icon
-              readonly
-              :label="$sock.t('VendorNotification')"
-              :error-messages="
-                form().serverErrors(this, 'vendornotificationid')
-              "
-              :rules="[form().required(this, 'vendornotificationid')]"
-              @input="fieldValueChanged('vendornotificationid')"
-            ></gz-pick-list>
-          </v-col>
           <!-- --------------------------------- -->
 
           <v-col v-if="form().showMe(this, 'Tags')" cols="12">
@@ -250,6 +249,7 @@ export default {
         renewNoticeSent: false,
         quantity: 1,
         processedDate: null,
+        vendorNotificationId: null,
         wiki: null,
         tags: []
       },
@@ -356,6 +356,12 @@ export default {
     window.$gz.eventBus.$off("menu-click", clickHandler);
   },
   methods: {
+    openVendorNotification: function() {
+      window.$gz.eventBus.$emit("openobject", {
+        type: window.$gz.type.VendorNotification,
+        id: this.obj.vendorNotificationId
+      });
+    },
     canSave: function() {
       return this.formState.valid && this.formState.dirty;
     },
@@ -667,7 +673,8 @@ async function fetchTranslatedText() {
     "PurchaseRenewNoticeSent",
     "PurchaseQuantity",
     "PurchaseProcessed",
-    "PurchaseVendorNotificationId"
+    "PurchaseVendorNotificationId",
+    "VendorNotification"
   ]);
 }
 </script>