Merge pull request #188 from ymaheshwari1/fulfillment/#183

Implemented: support to display the picker id below picker name in the assign picker modal on open page(#183)
hotwax · Jul 12, 2023 · edc2267 · edc2267
2 parents e3012ce + 3f1440e
commit edc2267
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/src/views/AssignPickerModal.vue b/src/views/AssignPickerModal.vue
@@ -27,7 +27,10 @@
       <div v-if="!pickers.length">{{ 'No picker found' }}</div>
       <div v-else>
         <ion-item v-for="(picker, index) in pickers" :key="index" @click="selectPicker(picker.id)">
-          <ion-label>{{ picker.name }}</ion-label>
+          <ion-label>
+            {{ picker.name }}
+            <p>{{ picker.externalId ? picker.externalId : picker.id }}</p>
+          </ion-label>
           <ion-checkbox :checked="isPickerSelected(picker.id)"/>
         </ion-item>
       </div>
@@ -193,15 +196,16 @@ export default defineComponent({
         orderBy: "firstName ASC",
         filterByDate: "Y",
         distinct: "Y",
-        fieldList: ["firstName", "lastName", "partyId"]
+        fieldList: ["firstName", "lastName", "partyId", "externalId"]
       }
 
       try {
         const resp = await UtilService.getAvailablePickers(payload);
         if (resp.status === 200 && !hasError(resp)) {
           this.pickers = resp.data.docs.map((picker) => ({
             name: picker.firstName+ ' ' +picker.lastName,
-            id: picker.partyId
+            id: picker.partyId,
+            externalId: picker.externalId
           }))
         } else {
           throw resp.data
@@ -235,4 +239,4 @@ ion-row {
 ion-chip {
   flex-shrink: 0;
 }
-</style>
+</style>