From 1bd5970a580574b67a94afd0c234cfc57e74517a Mon Sep 17 00:00:00 2001
From: Ashrafi <ashrafisokout@gmail.com>
Date: Thu, 3 Apr 2025 12:16:54 +0330
Subject: [PATCH] fix : front component

---
 resources/js/show/config/urls.js              |  3 +-
 resources/js/show/views/Item/ShowItem.vue     | 66 ++++++++++---------
 .../js/show/views/Package/ShowPackage.vue     |  3 +-
 3 files changed, 39 insertions(+), 33 deletions(-)

diff --git a/resources/js/show/config/urls.js b/resources/js/show/config/urls.js
index 351661b5..8efc0d69 100644
--- a/resources/js/show/config/urls.js
+++ b/resources/js/show/config/urls.js
@@ -3,7 +3,8 @@ const urls = {
         return `/ShowTestResult/${id}`;
     },
     showItem: function(id) {
-        return `/ShowItem/${id}`;
+        // return `/ShowItem/${id}`;
+        return `/show-item/${id}`;
 
     },
     showPackage: function(id) {
diff --git a/resources/js/show/views/Item/ShowItem.vue b/resources/js/show/views/Item/ShowItem.vue
index 777c75ed..b3750af9 100644
--- a/resources/js/show/views/Item/ShowItem.vue
+++ b/resources/js/show/views/Item/ShowItem.vue
@@ -10,37 +10,49 @@
                     <v-flex xs12 md6 sm6>
                         <div class>
                             <span class="title CSSD-font">Item ID :</span>
-                            <span class="headline ml-1 CSSD-font" style="letter-spacing:0 !important">{{ data.id }}</span>
+                            <span class="headline ml-1 CSSD-font" style="letter-spacing:0 !important">
+                                {{ data.id }}
+                            </span>
                         </div>
                     </v-flex>
                     <v-flex xs12 md6 sm6>
                         <div class>
                             <span class="title CSSD-font">Name :</span>
-                            <span class="headline ml-1 CSSD-font" style="letter-spacing:0 !important">{{ data.name }}</span>
+                            <span class="headline ml-1 CSSD-font" style="letter-spacing:0 !important">
+                                {{ data.name }}
+                            </span>
                         </div>
                     </v-flex>
                     <v-flex xs12 md6 sm6>
                         <div class>
                             <span class="title CSSD-font">Size :</span>
-                            <span class="headline ml-1 CSSD-font" style="letter-spacing:0 !important">{{ data.size }}</span>
+                            <span class="headline ml-1 CSSD-font" style="letter-spacing:0 !important">
+                                {{ data.size }}
+                            </span>
                         </div>
                     </v-flex>
                     <v-flex xs12 md6 sm6>
                         <div class>
                             <span class="title CSSD-font">Specific :</span>
-                            <span class="headline ml-1 CSSD-font" style="letter-spacing:0 !important">{{ data.specific }}</span>
+                            <span class="headline ml-1 CSSD-font" style="letter-spacing:0 !important">
+                                {{ data.specific }}
+                            </span>
                         </div>
                     </v-flex>
                     <v-flex xs12 md6 sm6>
                         <div class>
                             <span class="title CSSD-font">Register User :</span>
-                            <span class="headline ml-2 CSSD-font" style="letter-spacing:0 !important">{{ data.user ? data.user.name : '' }}</span>
+                            <span class="headline ml-2 CSSD-font" style="letter-spacing:0 !important">
+                                {{ data.user ? data.user.name : '' }}
+                            </span>
                         </div>
                     </v-flex>
                     <v-flex xs12 md6 sm6>
                         <div class>
                             <span class="title CSSD-font">Date Register:</span>
-                            <span class="headline ml-2 CSSD-font" style="letter-spacing:0 !important">{{ data.created_at }}</span>
+                            <span class="headline ml-2 CSSD-font" style="letter-spacing:0 !important">
+                                {{ data.created_at }}
+                            </span>
                         </div>
                     </v-flex>
 
@@ -52,8 +64,8 @@
                     </v-flex>
                     <v-layout row wrap class="ml-4">
                         <v-flex xs12 md6 sm6 v-if="barcodeimg">
-                            <img :src="barcodeimg" class="WM-Width-350"><br />
-                            <span class="CSSD-font">Item ID : {{data.id}}</span>
+                            <img :src="barcodeimg" class="WM-Width-350"><br/>
+                            <span class="CSSD-font">Item ID : {{ data.id }}</span>
                         </v-flex>
                     </v-layout>
                     <v-layout row wrap class="ml-4">
@@ -64,12 +76,12 @@
                 </v-layout>
             </v-layout>
             <v-layout row wrap align-center justify-center style="text-align:center">
-                <v-flex class xs12 md12 sm12 >
+                <v-flex class xs12 md12 sm12>
                     <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black" @click="addItem()">
                         <v-icon class="black--text">keyboard_arrow_left</v-icon>
                         <span class="black--text">Back</span>
                     </v-btn>
-                    <v-btn class="WM-CyanBlueGradient-BG" @click="print"  style="padding:10px 60px">
+                    <v-btn class="WM-CyanBlueGradient-BG" @click="print" style="padding:10px 60px">
                         <v-icon class="white--text mr-2 caption">fas fa-print</v-icon>
                         <span class="white--text">Print</span>
                     </v-btn>
@@ -83,23 +95,17 @@
     </v-container>
 </template>
 
-<script>
-export default {
-    data: () => ({
-        data: {}
-    })
-};
-</script>
 <script>
 
-import { urls } from "@show/config/urls";
+import {urls} from "@show/config/urls";
 import axios from "axios";
+
 export default {
     data: () => ({
-        data : {},
-        QRCodeimg : '',
-        barcodeimg : '',
-        MedicalCenter : ''
+        data: {},
+        QRCodeimg: '',
+        barcodeimg: '',
+        MedicalCenter: ''
     }),
     methods: {
         async load(id) {
@@ -113,19 +119,19 @@ export default {
             } catch (error) {
                 console.error("Error loading data:", error);
             }
-		},
+        },
 
         async generateBarcode(itemId) {
             const result = await axios.post(urls.Barcode(itemId, 'Item'));
             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;
+                this.QRCodeimg = result.data.data.QRCode ? result.data.data.QRCode : null;
+                this.barcodeimg = result.data.data.Barcode ? result.data.data.Barcode : null;
             }
         },
-        editItem(itemId){
-            window.location.href = '/item/'+itemId+'/edit';
+        editItem(itemId) {
+            window.location.href = '/item/' + itemId + '/edit';
         },
-        addItem(){
+        addItem() {
             window.location.href = '/add-item';
         },
         print() {
@@ -163,8 +169,8 @@ export default {
         }
     },
     created() {
-        if (this.$route.params.Item) {
-            this.load(this.$route.params.Item);
+        if (this.$route.params.item) {
+            this.load(this.$route.params.item);
         }
     },
     // mounted() {
diff --git a/resources/js/show/views/Package/ShowPackage.vue b/resources/js/show/views/Package/ShowPackage.vue
index 70771972..8d956829 100644
--- a/resources/js/show/views/Package/ShowPackage.vue
+++ b/resources/js/show/views/Package/ShowPackage.vue
@@ -74,7 +74,6 @@
 
                 </v-layout>
             </v-layout>
-
             <v-layout row wrap align-center justify-center style="text-align:center">
                 <v-flex class xs12 md12 sm12 >
                     <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black" @click="addPackage()">
@@ -91,7 +90,6 @@
                     </v-btn>
                 </v-flex>
             </v-layout>
-
         </material-card>
     </v-container>
 </template>
@@ -165,6 +163,7 @@ export default {
         }
     },
     created() {
+        console.log('------------------',this.$route.params,'------------------')
         if (this.$route.params.package) {
 			this.load(this.$route.params.package);
 		}