update

resources/js/vue/components/modal/item/show.vue

@@ -3,7 +3,7 @@
     <v-container grid-list-xs>
         <material-card color="black" title="Show Item">
             <v-layout align-left justify-left wrap class="px-5 my-3">
-                <h3 class="ml-3"> Info</h3>
+                <h3 class="ml-3"> Item - {{ data.user.medical_center.name }}</h3>
                 <v-flex xs12>
                     <hr class="v-divider theme--light">
                 </v-flex>
@@ -44,7 +44,26 @@
                             <span class="headline ml-2" style="letter-spacing:0 !important">{{ data.created_at }}</span>
                         </div>
                     </v-flex>
+
                 </v-layout>
+                <v-layout align-left justify-left wrap class="px-5 my-3">
+                    <h3 class="ml-3">Barcode And QRCode Image</h3>
+                    <v-flex xs12>
+                        <hr class="v-divider theme--light">
+                    </v-flex>
+                    <v-layout row wrap class="ml-4">
+                        <v-flex xs12 md6 sm6 v-if="barcodeimg">
+                            <img :src="barcodeimg"><br />
+                            <span>{{data.unique_id}}</span>
+                        </v-flex>
+                    </v-layout>
+                    <v-layout row wrap class="ml-4">
+                        <v-flex xs12 md6 sm6 v-if="QRCodeimg">
+                            <a :href="'/Show/Item/'+data.id+''" target="_blank"><img :src="QRCodeimg"></a>
+                        </v-flex>
+                    </v-layout>
+                </v-layout>
+
             </v-layout>
         </material-card>
     </v-container>
@@ -62,16 +81,28 @@ import { ApiService } from "@/services";
 import { urls } from "@/config/urls";
 export default {
     data: () => ({
-        data : {}
+        data : {},
+        QRCodeimg : '',
+        barcodeimg : ''
     }),
     methods: {
         ...mapMutations("modal", ["closeModal", "setResultModal"]),
+        async generateBarcode(itemId) {
+            const result = await ApiService.post(urls.Barcode(itemId));
+            if (result && result.status == 200) {
+                this.QRCodeimg  = result.data.data.QRCode ? result.data.data.QRCode : null;
+                this.barcodeimg  = result.data.data.Barcode ? result.data.data.Barcode : null;
+            }
+        },
     },
     created() {
         this.data = this.getModalProperties.result.data.data;
     },
     computed: {
         ...mapGetters("modal", ["getModalProperties"])
+    },
+    mounted() {
+      this.generateBarcode(this.data.id);
     }
 };
 </script>