@things-factory/operato-wms 3.7.2 → 3.7.7

package/client/pages/vas/print-product-label.js

@@ -12,7 +12,7 @@ import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client, CustomAlert, PageView, store } from '@things-factory/shell'
 import { CommonButtonStyles, ScrollbarStyles } from '@things-factory/styles'
-import { gqlBuilder, isMobileDevice } from '@things-factory/utils'
+import { isMobileDevice } from '@things-factory/utils'
 
 import { PRODUCT_LABEL_SETTING_KEY } from '../constants'
 
@@ -42,7 +42,6 @@ class PrintProductLabel extends connect(store)(localize(i18next)(PageView)) {
   static get properties() {
     return {
       config: Object,
-      _selectedRecords: Array,
       _searchingType: String
     }
   }
@@ -63,7 +62,6 @@ class PrintProductLabel extends connect(store)(localize(i18next)(PageView)) {
             name="orderType"
             @change="${e => {
               this._searchingType = e.currentTarget.value
-              this.dataGrist.data.records = []
             }}"
           >
             ${Object.keys(SEARCH_TYPES).map(
@@ -99,8 +97,6 @@ class PrintProductLabel extends connect(store)(localize(i18next)(PageView)) {
         .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
         .config=${this.config}
         .fetchHandler="${this.fetchHandler.bind(this)}"
-        @select-record-change=${e => (this._selectedRecords = e.detail.selectedRecords)}
-        }
       ></data-grist>
     `
   }
@@ -116,7 +112,7 @@ class PrintProductLabel extends connect(store)(localize(i18next)(PageView)) {
       actions: [
         {
           title: i18next.t('button.print_label'),
-          action: this._printProductLabels.bind(this),
+          action: this._printProductLabel.bind(this),
           ...CommonButtonStyles.label
         }
       ]
@@ -127,15 +123,7 @@ class PrintProductLabel extends connect(store)(localize(i18next)(PageView)) {
     return this.shadowRoot.querySelector('data-grist')
   }
 
-  get orderNoInput() {
-    return this.shadowRoot.querySelector('barcode-scanable-input[name=orderNo]').shadowRoot.querySelector('input')
-  }
-
-  get productInfoInput() {
-    return this.shadowRoot.querySelector('input[name=productInfo]')
-  }
-
-  get searchInfo() {
+  get _searchInfo() {
     if (this._searchingType == 'INVENTORY') {
       return {
         productInfo: this.shadowRoot.querySelector('input[name=productInfo]').value,
@@ -149,7 +137,7 @@ class PrintProductLabel extends connect(store)(localize(i18next)(PageView)) {
       }
   }
 
-  get targetData() {
+  get _targetData() {
     return this.dataGrist.selected.map(record => {
       if (!record.printQty || record.printQty == '' || Number(record.printQty) < 1) {
         return {
@@ -165,13 +153,15 @@ class PrintProductLabel extends connect(store)(localize(i18next)(PageView)) {
   pageInitialized() {
     this.config = {
       pagination: { infinite: true },
-      rows: { selectable: { multiple: true } },
+      rows: { appendable: false, selectable: { multiple: true } },
       list: {
         fields: [
           'palletId',
           'batchId',
+          'gtin',
           'sku',
-          'productInfo',
+          'productName',
+          'description',
           'auxUnit1',
           'auxValue1',
           'auxUnit2',
@@ -197,6 +187,13 @@ class PrintProductLabel extends connect(store)(localize(i18next)(PageView)) {
           sortable: true,
           width: 150
         },
+        {
+          type: 'string',
+          name: 'gtin',
+          header: i18next.t('field.gtin'),
+          sortable: true,
+          width: 150
+        },
         {
           type: 'string',
           name: 'sku',
@@ -206,8 +203,15 @@ class PrintProductLabel extends connect(store)(localize(i18next)(PageView)) {
         },
         {
           type: 'string',
-          name: 'productInfo',
-          header: i18next.t('field.product_info'),
+          name: 'productName',
+          header: i18next.t('field.product_name'),
+          sortable: true,
+          width: 200
+        },
+        {
+          type: 'string',
+          name: 'description',
+          header: i18next.t('field.description'),
           sortable: true,
           width: 200
         },
@@ -275,22 +279,20 @@ class PrintProductLabel extends connect(store)(localize(i18next)(PageView)) {
   async fetchHandler({ page, limit, sorters = [] }) {
     const fetcherDetail = { page, limit, sorters }
     const searchType = this._searchingType
-    const searchInfo = this.searchInfo
+    const searchInfo = this._searchInfo
 
-    if (!searchInfo || Object.values(searchInfo).every(search => search === '')) return
+    if (!searchInfo || Object.values(searchInfo).every(search => search === ''))
+      return {
+        records: [],
+        total: 0
+      }
 
     switch (searchType) {
       case 'GAN':
         return await this._fetchArrivalNotice(searchInfo.orderNo)
 
       case 'RO':
-        return await this._fetchOrderInventories([
-          {
-            name: 'releaseGoodNo',
-            operator: 'eq',
-            value: searchInfo.orderNo
-          }
-        ])
+        return await this._fetchReleaseOrder(searchInfo.orderNo)
 
       case 'INVENTORY':
         const filters = [{ name: 'status', operator: 'notin', value: ['INTRANSIT', 'TERMINATED', 'DELETED'] }]
@@ -312,10 +314,8 @@ class PrintProductLabel extends connect(store)(localize(i18next)(PageView)) {
     try {
       const response = await client.query({
         query: gql`
-          query {
-            arrivalNotice(${gqlBuilder.buildArgs({
-              name
-            })}) {
+          query arrivalNotice($name: String!) {
+            arrivalNotice(name: $name) {
               orderInventories {
                 inventory {
                   batchId
@@ -333,12 +333,17 @@ class PrintProductLabel extends connect(store)(localize(i18next)(PageView)) {
                     auxValue1
                     auxUnit2
                     auxValue2
+                    productDetails {
+                      name
+                      gtin
+                    }
                   }
                 }
               }
               orderProducts {
                 batchId
                 palletQty
+                actualPalletQty
                 product {
                   name
                   sku
@@ -348,60 +353,106 @@ class PrintProductLabel extends connect(store)(localize(i18next)(PageView)) {
                   auxValue1
                   auxUnit2
                   auxValue2
+                  productDetails {
+                    name
+                    gtin
+                  }
                 }
               }
+              bizplace {
+                id
+                name
+              }
             }
           }
-        `
+        `,
+        variables: { name }
       })
 
       if (!response.errors) {
-        const orderInventories = response.data.arrivalNotice.orderInventories
-        const orderProducts = response.data.arrivalNotice.orderProducts
+        const arrivalNotice = response.data.arrivalNotice
+        const orderInventories = arrivalNotice.orderInventories
+        const orderProducts = arrivalNotice.orderProducts
 
         if (orderInventories && orderInventories.length) {
           return {
-            records: orderInventories.map(oi => {
-              const inventory = oi.inventory
-              const product = inventory.product
-              return {
-                batchId: inventory.batchId,
-                palletId: inventory.palletId,
-                location: inventory.location?.name || '',
-                expirationDate: inventory.expirationDate || '',
-                productName: product.name,
-                sku: product.sku,
-                description: product.description,
-                type: product.type,
-                auxUnit1: product.auxUnit1 || '',
-                auxValue1: product.auxValue1 || '',
-                auxUnit2: product.auxUnit2 || '',
-                auxValue2: product.auxValue2 || '',
-                productInfo: product.description ? `${product.name} (${product.description})` : `${product.name}`
-              }
-            })
+            total: 0,
+            records: orderInventories
+              .map(oi => {
+                const inventory = oi.inventory
+                const product = inventory.product
+                const record = {
+                  batchId: inventory.batchId,
+                  palletId: inventory.palletId,
+                  location: inventory.location?.name || '',
+                  expirationDate: inventory.expirationDate || '',
+                  sku: product.sku,
+                  description: product.description,
+                  type: product.type,
+                  auxUnit1: product.auxUnit1 || '',
+                  auxValue1: product.auxValue1 || '',
+                  auxUnit2: product.auxUnit2 || '',
+                  auxValue2: product.auxValue2 || '',
+                  bizplaceId: arrivalNotice.bizplace.id
+                }
+
+                if (product.productDetails && product.productDetails.length) {
+                  return inventory.product.productDetails.map(productDetail => {
+                    return {
+                      ...record,
+                      gtin: productDetail.gtin,
+                      productName: productDetail.name
+                    }
+                  })
+                } else {
+                  return {
+                    ...record,
+                    gtin: '[N/A]',
+                    productName: product.name
+                  }
+                }
+              })
+              .flat()
           }
         } else {
           return {
-            records: orderProducts.map(op => {
-              const product = op.product
-              return {
-                batchId: op.batchId,
-                palletId: '',
-                location: '',
-                expirationDate: '',
-                productName: product.name,
-                sku: product.sku,
-                description: product.description,
-                type: product.type,
-                printQty: op.palletQty || null,
-                auxUnit1: product.auxUnit1 || '',
-                auxValue1: product.auxValue1 || '',
-                auxUnit2: product.auxUnit2 || '',
-                auxValue2: product.auxValue2 || '',
-                productInfo: product.description ? `${product.name} (${product.description})` : `${product.name}`
-              }
-            })
+            total: 0,
+            records: orderProducts
+              .map(op => {
+                const product = op.product
+                const record = {
+                  batchId: op.batchId,
+                  palletId: '[N/A]',
+                  location: '[N/A]',
+                  expirationDate: '',
+                  sku: product.sku,
+                  description: product.description,
+                  type: product.type,
+                  printQty: op.actualPalletQty || op.palletQty || null,
+                  auxUnit1: product.auxUnit1 || '',
+                  auxValue1: product.auxValue1 || '',
+                  auxUnit2: product.auxUnit2 || '',
+                  auxValue2: product.auxValue2 || '',
+                  bizplaceId: arrivalNotice.bizplace.id
+                }
+
+                if (product.productDetails && product.productDetails.length) {
+                  return product.productDetails.map(productDetail => {
+                    return {
+                      ...record,
+                      gtin: productDetail.gtin,
+                      productName: productDetail.name
+                    }
+                  })
+                } else {
+                  return {
+                    ...record,
+                    gtin: '[N/A]',
+                    productName: product.name
+                  }
+                }
+              })
+              .flat()
           }
         }
       } else
@@ -414,22 +465,39 @@ class PrintProductLabel extends connect(store)(localize(i18next)(PageView)) {
     }
   }
 
-  async _fetchOrderInventories(filters) {
+  async _fetchReleaseOrder(name) {
     try {
       const response = await client.query({
         query: gql`
-          query {
-            orderInventories(${gqlBuilder.buildArgs({
-              filters
-            })}) {
-              items {
+          query releaseGood($name: String!) {
+            releaseGood(name: $name) {
+              orderInventories {
+                id
+                batchId
+                packingType
+                product {
+                  name
+                  sku
+                  description
+                  type
+                  auxUnit1
+                  auxValue1
+                  auxUnit2
+                  auxValue2
+                  productDetails {
+                    sku
+                    name
+                    description
+                    gtin
+                  }
+                }
                 inventory {
                   batchId
                   palletId
+                  expirationDate
                   location {
                     name
                   }
-                  expirationDate
                   product {
                     name
                     sku
@@ -439,41 +507,109 @@ class PrintProductLabel extends connect(store)(localize(i18next)(PageView)) {
                     auxValue1
                     auxUnit2
                     auxValue2
+                    productDetails {
+                      name
+                      gtin
+                    }
                   }
                 }
               }
-              total
+              bizplace {
+                id
+                name
+              }
             }
           }
-        `
+        `,
+        variables: { name }
       })
 
       if (!response.errors) {
-        const orderInventories = response.data.orderInventories
+        const releaseGood = response.data.releaseGood
+        const orderInventories = releaseGood.orderInventories
 
-        return {
-          total: orderInventories.total,
-          records: orderInventories.items.map(item => {
-            const inventory = item.inventory
+        if (orderInventories && orderInventories.length) {
+          // in case order inventory has inventory
+          if (orderInventories.every(oi => oi.inventory)) {
+            return {
+              total: 0,
+              records: orderInventories
+                .map(oi => {
+                  const inventory = oi.inventory
+                  const product = inventory.product
+                  const record = {
+                    batchId: inventory.batchId,
+                    palletId: inventory.palletId,
+                    location: inventory.location?.name || '',
+                    expirationDate: inventory.expirationDate || '',
+                    sku: product.sku,
+                    description: product.description,
+                    type: product.type,
+                    auxUnit1: product.auxUnit1 || '',
+                    auxValue1: product.auxValue1 || '',
+                    auxUnit2: product.auxUnit2 || '',
+                    auxValue2: product.auxValue2 || '',
+                    bizplaceId: releaseGood.bizplace.id
+                  }
 
+                  if (product.productDetails && product.productDetails.length) {
+                    return product.productDetails.map(productDetail => {
+                      return {
+                        ...record,
+                        gtin: productDetail.gtin,
+                        productName: productDetail.name
+                      }
+                    })
+                  } else {
+                    return {
+                      ...record,
+                      gtin: '[N/A]',
+                      productName: product.name
+                    }
+                  }
+                })
+                .flat()
+            }
+          } else {
             return {
-              batchId: inventory.batchId,
-              palletId: inventory.palletId,
-              location: inventory.location?.name || '',
-              expirationDate: inventory.expirationDate || '',
-              productName: inventory.product.name,
-              sku: inventory.product.sku,
-              description: inventory.product.description,
-              type: inventory.product.type,
-              auxUnit1: inventory.product.auxUnit1 || '',
-              auxValue1: inventory.product.auxValue1 || '',
-              auxUnit2: inventory.product.auxUnit2 || '',
-              auxValue2: inventory.product.auxValue2 || '',
-              productInfo: inventory.product.description
-                ? `${inventory.product.name} (${inventory.product.description})`
-                : `${inventory.product.name}`
+              total: 0,
+              records: orderInventories
+                .map(oi => {
+                  const product = oi.product
+                  const record = {
+                    batchId: oi.batchId,
+                    palletId: '[N/A]',
+                    location: '[N/A]',
+                    expirationDate: '',
+                    sku: product.sku,
+                    description: product.description,
+                    type: product.type,
+                    auxUnit1: product.auxUnit1 || '',
+                    auxValue1: product.auxValue1 || '',
+                    auxUnit2: product.auxUnit2 || '',
+                    auxValue2: product.auxValue2 || '',
+                    bizplaceId: releaseGood.bizplace.id
+                  }
+
+                  if (product.productDetails && product.productDetails.length) {
+                    return product.productDetails.map(productDetail => {
+                      return {
+                        ...record,
+                        gtin: productDetail.gtin,
+                        productName: productDetail.name
+                      }
+                    })
+                  } else {
+                    return {
+                      ...record,
+                      gtin: '[N/A]',
+                      productName: product.name
+                    }
+                  }
+                })
+                .flat()
             }
-          })
+          }
         }
       } else
         return {
@@ -505,6 +641,13 @@ class PrintProductLabel extends connect(store)(localize(i18next)(PageView)) {
                 auxValue1
                 auxUnit2
                 auxValue2
+                productDetails {
+                  name
+                  gtin
+                }
+              }
+              bizplace {
+                id
               }
               expirationDate
             }
@@ -524,25 +667,42 @@ class PrintProductLabel extends connect(store)(localize(i18next)(PageView)) {
 
       return {
         total: inventories.total,
-        records: inventories.items.map(item => {
-          return {
-            batchId: item.batchId,
-            palletId: item.palletId,
-            location: item.location?.name || '',
-            expirationDate: item.expirationDate || '',
-            productName: item.product.name,
-            sku: item.product.sku,
-            description: item.product.description,
-            type: item.product.type,
-            auxUnit1: item.product.auxUnit1 || '',
-            auxValue1: item.product.auxValue1 || '',
-            auxUnit2: item.product.auxUnit2 || '',
-            auxValue2: item.product.auxValue2 || '',
-            productInfo: item.product.description
-              ? `${item.product.name} (${item.product.description})`
-              : `${item.product.name}`
-          }
-        })
+        records: inventories.items
+          .map(inventory => {
+            const product = inventory.product
+            const record = {
+              batchId: inventory.batchId,
+              palletId: inventory.palletId,
+              location: inventory.location?.name || '',
+              expirationDate: inventory.expirationDate || '',
+              sku: product.sku,
+              description: product.description,
+              type: product.type,
+              auxUnit1: product.auxUnit1 || '',
+              auxValue1: product.auxValue1 || '',
+              auxUnit2: product.auxUnit2 || '',
+              auxValue2: product.auxValue2 || '',
+              productInfo: product.description ? `${product.name} (${product.description})` : `${product.name}`,
+              bizplaceId: inventory.bizplace.id
+            }
+
+            if (product.productDetails && product.productDetails.length) {
+              return product.productDetails.map(productDetail => {
+                return {
+                  ...record,
+                  gtin: productDetail.gtin,
+                  productName: productDetail.name
+                }
+              })
+            } else {
+              return {
+                ...record,
+                gtin: '[N/A]',
+                productName: product.name
+              }
+            }
+          })
+          .flat()
       }
     } else
       return {
@@ -551,7 +711,7 @@ class PrintProductLabel extends connect(store)(localize(i18next)(PageView)) {
       }
   }
 
-  async _printProductLabels() {
+  async _printProductLabel() {
     const labelId = this._productLabel && this._productLabel.id
 
     if (
@@ -567,7 +727,7 @@ class PrintProductLabel extends connect(store)(localize(i18next)(PageView)) {
       if (!result.value) return
     }
 
-    const records = this.targetData
+    const records = this._targetData
 
     if (!records?.length) {
       this._showToast({ message: `${i18next.t('text.please_select_the_product')}.` })
@@ -583,6 +743,10 @@ class PrintProductLabel extends connect(store)(localize(i18next)(PageView)) {
       for (var record of records) {
         let searchParams = new URLSearchParams()
 
+        searchParams.append('gtin', record.gtin)
+        searchParams.append('sku', record.sku)
+        searchParams.append('product_name', record.productName)
+        searchParams.append('description', record.description)
         searchParams.append('pallet_id', record.palletId)
         searchParams.append('batch_id', record.batchId)
         searchParams.append('aux_unit_1', record.auxUnit1)
@@ -590,6 +754,7 @@ class PrintProductLabel extends connect(store)(localize(i18next)(PageView)) {
         searchParams.append('aux_unit_2', record.auxUnit2)
         searchParams.append('aux_value_2', record.auxValue2)
         searchParams.append('expiration_date', record.expirationDate)
+        searchParams.append('location', record.location)
 
         let printCounter = 0
         try {
@@ -618,26 +783,27 @@ class PrintProductLabel extends connect(store)(localize(i18next)(PageView)) {
           break
         } finally {
           // we only need to update when the counter is more than 0
-          if (printCounter > 0) await this._updatePrintedLabelSequence(record.type, printCounter)
+          if (printCounter > 0) await this._updatePrintedLabelSequence(record.type, printCounter, record.bizplaceId)
         }
       }
     }
   }
 
-  async _updatePrintedLabelSequence(pattern, counter) {
+  async _updatePrintedLabelSequence(type, counter, bizplaceId) {
     try {
-      const response = await client.mutate({
+      await client.mutate({
         mutation: gql`
-          mutation upsertSequence($pattern: String!, $counter: Int) {
-            upsertSequence(pattern: $pattern, counter: $counter) {
+          mutation updateInsertSequence($type: String!, $counter: Int, $bizplaceId: String!) {
+            updateInsertSequence(type: $type, counter: $counter, bizplaceId: $bizplaceId) {
               pattern
               seq
             }
           }
         `,
         variables: {
-          pattern,
-          counter
+          type,
+          counter,
+          bizplaceId
         }
       })
     } catch (e) {