Merge pull request #170 from disha1202/fix-select-deselect

Fix select deselect on purchase order detail page
hotwax · Feb 3, 2023 · 2d195aa · 2d195aa
2 parents daa4b9f + c102dcc
commit 2d195aa
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/src/components/PurchaseOrderDetail.vue b/src/components/PurchaseOrderDetail.vue
@@ -1,5 +1,5 @@
 <template> 
-  <div v-for="(poItems, index) in purchaseOrders" :key="index">
+  <div v-for="(poItems, index) in itemsByPoId" :key="index">
     <ion-item lines="none">
       <h3>{{ index }}</h3>
     </ion-item>
@@ -67,7 +67,7 @@ import {
 } from "@ionic/vue";
 import { sendOutline, ellipsisVerticalOutline } from 'ionicons/icons';
 import { defineComponent } from "@vue/runtime-core";
-import { mapGetters } from 'vuex';
+import { mapGetters, useStore } from "vuex";
 import ProductPopover from '@/components/ProductPopover.vue'
 import { DateTime } from 'luxon'
 
@@ -86,6 +86,9 @@ export default defineComponent({
   props: {
     purchaseOrders: {
       type: Object
+    },
+    itemsByPoId: {
+      type: Object
     }
   },
   computed: {
@@ -127,6 +130,7 @@ export default defineComponent({
     },
     selectProduct(item: any, event: any) {
       item.isSelected = event.detail.checked;
+      this.store.dispatch('order/updatePurchaseOrders', this.purchaseOrders);
     },
     getGroupPurchaseOrders (items: any) {
       return Array.from(new Set(items.map((ele: any) => ele.parentProductId)));
@@ -149,11 +153,14 @@ export default defineComponent({
         })
         this.isParentProductUpdated = false;
       }
+      this.store.dispatch('order/updatePurchaseOrders', this.purchaseOrders)
     }
   },
   setup() {
+    const store = useStore();
     return {
       sendOutline,
+      store,
       ellipsisVerticalOutline
     }
   }

diff --git a/src/views/PurchaseOrderReview.vue b/src/views/PurchaseOrderReview.vue
@@ -52,10 +52,10 @@
         </div>
       </div>
       <div v-if="segmentSelected === 'all'">
-        <PurchaseOrderDetail :purchaseOrders="purchaseOrders.parsed" />
+        <PurchaseOrderDetail :purchaseOrders="purchaseOrders" :itemsByPoId ="purchaseOrders.parsed"  />
       </div>
       <div v-for="(po, poId) in purchaseOrders.parsed" :key="poId" >
-        <PurchaseOrderDetail v-if="segmentSelected === poId" :purchaseOrders="{[poId]: po}" />
+        <PurchaseOrderDetail v-if="segmentSelected === poId" :itemsByPoId="{[poId]: po}" :purchaseOrders="purchaseOrders" />
       </div>
 
       <ion-fab vertical="bottom" horizontal="end" slot="fixed">