fix : pagination of my-items -list packages display item.udi -items details

src/components/modal/barcode/Barcode.vue

@@ -13,8 +13,9 @@
                         <span v-else>{{ Type + ':' + ID }}</span>
                     </v-flex>
                     <v-flex xs12 md6 sm6 v-if="QRCodeimg" class="WM-Align-R">
-                        <a v-if="Type != 'TestType'" :href="'https://www.cssd-doc.com/'+ShowLink" target="_blank"><img :src="QRCodeimg"
+                        <a v-if="Type != 'TestType'" :href="'https://www.cssd-doc.com/'+ShowLink" target="_blank">
-                                                                                           class="WM-Width-150"></a>
+                            <img :src="QRCodeimg" class="WM-Width-150">
+                        </a>
                         <img v-else :src="QRCodeimg" class="WM-Width-150">
                     </v-flex>
                 </v-layout>

src/components/modal/item/show.vue

@@ -90,7 +90,7 @@
                     <v-layout row wrap class="align-center mt-3">
                         <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>
+                            <span class="CSSD-font">Item UDI : {{ data.udi }}</span>
                         </v-flex>
                         <v-flex xs12 md6 sm6 v-if="QRCodeimg" class="WM-Align-R">
                             <a :href="'https://www.cssd-doc.com/Show/Item/' + data.id + ''" target="_blank">

src/views/MyItem/List.vue

@@ -31,7 +31,9 @@
                     <v-flex xs12 sm6 md6 lg2 xl3 class="WM-Align-R">
                         <v-tooltip bottom open-on-hover>
                             <template v-slot:activator="{ on, attrs }">
-                                <v-btn v-bind="attrs" v-on="on" color="WM-Tooltip-Btn WM-Outline-Btn WM-Border WM-Margin-BT-0 WM-Border-Black mr-2" @click="load()">
+                                <v-btn v-bind="attrs" v-on="on"
+                                       color="WM-Tooltip-Btn WM-Outline-Btn WM-Border WM-Margin-BT-0 WM-Border-Black mr-2"
+                                       @click="load()">
                                     <v-icon class="black--text caption">fas fa-search</v-icon>
                                 </v-btn>
                             </template>
@@ -207,12 +209,18 @@ export default {
         items() {
             return this.getMyItems;
         },
-        currentPage() {
+        currentPage: {
+            get() {
                 return this.getCurrentPage;
             },
+            set(val) {
+                this.$store.commit('myItems/SET_MY_ITEMS_CURRENT_PAGE', val);
+                this.$store.dispatch('myItems/loadMyItem', val);
+            }
+        },
         lastPage() {
             return this.getLastPage;
-        },
+        }
     },
     methods: {
         ...mapMutations('myItems', ["SET_FILTER"]),
@@ -307,10 +315,12 @@ export default {
             }
         }
     },
+
     watch: {
         currentPage(page) {
-            this.loadMyItem(page);
+            this.$store.dispatch('myItems/loadMyItem', page);
-        },
         }
+    }
+
 };
 </script>

src/views/MyPackage/List.vue

@@ -62,7 +62,7 @@
                                 <td class="title font-weight-light">{{ item.description }}</td>
                                 <td class="title font-weight-light">
                                     <span v-for="(i , index) in item.items" :key="index">
-                                        {{ i.id }} <span v-if="index !== item.items.length-1">,</span>
+                                        {{ i.udi }} <span v-if="index !== item.items.length-1">,</span>
                                     </span>
                                 </td>
                                 <td class="title font-weight-light">{{ item.status }}</td>
@@ -186,7 +186,7 @@ export default {
             {sortable: false, text: "Name", value: "name"},
             {sortable: false, text: "Hospital", value: "Hospital"},
             {sortable: false, text: "Description", value: "description"},
-            {sortable: false, text: "Items", value: "item"},
+            {sortable: false, text: "Items UDI", value: "item"},
             {sortable: false, text: "Status", value: "status"},
             {sortable: false, text: "Action", value: "action", align: "center", width: '20%'}
         ],

src/views/Package/List.vue

@@ -65,7 +65,7 @@
                                 <td class="title font-weight-light">{{ item.description }}</td>
                                 <td class="title font-weight-light">
                                     <span v-for="(i , index) in item.items" :key="index">
-                                        {{ i.id }} <span v-if="index !== item.items.length-1">,</span>
+                                        {{ i.udi }} <span v-if="index !== item.items.length-1">,</span>
                                     </span>
                                 </td>
                                 <td class="title font-weight-light">{{ item.status }}</td>
@@ -190,7 +190,7 @@ export default {
             {sortable: false, text: "Hospital", value: "Hospital"},
             {sortable: false, text: "Owner", value: "User"},
             {sortable: false, text: "Description", value: "description"},
-            {sortable: false, text: "Items", value: "items"},
+            {sortable: false, text: "Items UDI", value: "items"},
             {sortable: false, text: "Status", value: "status"},
             {sortable: false, text: "Action", value: "action", align: "center", width: '20%'}
         ],