@things-factory/operato-wms 3.7.12 → 3.8.0

package/client/pages/bulk-operation/validate-ro-popup.js

@@ -0,0 +1,445 @@
+import '@material/mwc-button/mwc-button'
+import '@things-factory/grist-ui'
+
+import gql from 'graphql-tag'
+import { css, html, LitElement } from 'lit-element'
+
+import { i18next, localize } from '@things-factory/i18n-base'
+import { client, CustomAlert } from '@things-factory/shell'
+import { ScrollbarStyles } from '@things-factory/styles'
+import { isMobileDevice, sleep } from '@things-factory/utils'
+
+class ValidateRoPopup extends localize(i18next)(LitElement) {
+  static get properties() {
+    return {
+      _oiConfig: Object,
+      _roConfig: Object,
+      _selectedRoIndex: Number,
+      _selectedRoRecord: Object,
+      bizplaceId: String,
+      importHandler: Object,
+      oiConfig: Object,
+      records: Array,
+      roConfig: Object
+    }
+  }
+
+  static get styles() {
+    return [
+      ScrollbarStyles,
+      css`
+        :host {
+          display: flex;
+          flex-direction: column;
+          overflow: hidden;
+          background-color: white;
+
+          --grid-record-emphasized-background-color: #ffdbdb;
+          --grid-record-emphasized-color: #703f3f;
+        }
+
+        .grist {
+          display: flex;
+          flex-direction: column;
+          flex: 1;
+          overflow-y: auto;
+        }
+        data-grist {
+          overflow-y: hidden;
+          flex: 1;
+        }
+        h2 {
+          padding: var(--subtitle-padding);
+          font: var(--subtitle-font);
+          color: var(--subtitle-text-color);
+          border-bottom: var(--subtitle-border-bottom);
+        }
+        .button-container {
+          display: flex;
+          margin-left: auto;
+        }
+        .button-container > mwc-button {
+          padding: 10px;
+        }
+      `
+    ]
+  }
+
+  get dataGrist() {
+    return this.shadowRoot.querySelector('data-grist')
+  }
+
+  get _config() {
+    return {
+      list: {},
+      pagination: { infinite: true },
+      rows: {
+        appendable: false,
+        classifier: (record, rowIndex) => {
+          return {
+            // if the condition not met, the grist row will be red
+            emphasized:
+              record.assignedQty <= 0 ||
+              !record.refNo ||
+              record?.refNo == '' ||
+              !record.releaseDate ||
+              record?.releaseDate == ''
+          }
+        }
+      },
+      columns: [
+        { type: 'gutter', gutterName: 'sequence' },
+        {
+          type: 'gutter',
+          gutterName: 'button',
+          icon: 'close',
+          handlers: {
+            click: (columns, data, column, record, rowIndex) => {
+              this.records = [...data.records.filter((_, idx) => idx !== rowIndex)]
+            }
+          }
+        },
+        {
+          type: 'string',
+          name: 'refNo',
+          header: i18next.t('field.ref_no'),
+          width: 150
+        },
+        {
+          type: 'string',
+          name: 'refNo2',
+          header: i18next.t('field.ref_no_2'),
+          width: 150
+        },
+        {
+          type: 'string',
+          name: 'refNo3',
+          header: i18next.t('field.ref_no_3'),
+          width: 150
+        },
+        {
+          type: 'string',
+          name: 'releaseDate',
+          header: i18next.t('field.release_date'),
+          width: 150
+        },
+        {
+          type: 'string',
+          name: 'attentionTo',
+          header: i18next.t('field.attention_to'),
+          width: 150
+        },
+        {
+          type: 'string',
+          name: 'phone1',
+          header: i18next.t('field.phone'),
+          width: 150
+        },
+        {
+          type: 'string',
+          name: 'deliveryAddress1',
+          header: i18next.t('field.delivery_address_1'),
+          width: 150
+        },
+        {
+          type: 'string',
+          name: 'deliveryAddress2',
+          header: i18next.t('field.delivery_address_2'),
+          width: 150
+        },
+        {
+          type: 'string',
+          name: 'deliveryAddress3',
+          header: i18next.t('field.delivery_address_3'),
+          width: 150
+        },
+        {
+          type: 'string',
+          name: 'deliveryAddress4',
+          header: i18next.t('field.delivery_address_4'),
+          width: 150
+        },
+        {
+          type: 'string',
+          name: 'city',
+          header: i18next.t('field.city'),
+          width: 150
+        },
+        {
+          type: 'string',
+          name: 'postalCode',
+          header: i18next.t('field.postal_code'),
+          width: 150
+        },
+        {
+          type: 'string',
+          name: 'state',
+          header: i18next.t('field.state'),
+          width: 150
+        },
+        {
+          type: 'string',
+          name: 'country',
+          header: i18next.t('field.country'),
+          width: 150
+        },
+        ,
+        {
+          type: 'string',
+          name: 'sku',
+          header: i18next.t('field.sku'),
+          width: 150
+        },
+        {
+          type: 'string',
+          name: 'name',
+          header: i18next.t('field.name'),
+          width: 400
+        },
+        {
+          type: 'string',
+          name: 'batchId',
+          header: i18next.t('field.batch_no'),
+          width: 150
+        },
+        {
+          type: 'integer',
+          name: 'releaseQty',
+          header: i18next.t('field.release_qty'),
+          width: 150
+        },
+        {
+          type: 'integer',
+          name: 'assignedQty',
+          header: i18next.t('field.assigned_qty'),
+          width: 150
+        },
+        {
+          type: 'float',
+          name: 'assignedUomValue',
+          header: i18next.t('field.assigned_uom_value'),
+          width: 150
+        },
+        {
+          type: 'string',
+          name: 'uom',
+          header: i18next.t('field.uom'),
+          width: 100
+        },
+        {
+          type: 'string',
+          name: 'remark',
+          header: i18next.t('field.remark'),
+          width: 350
+        }
+      ]
+    }
+  }
+
+  render() {
+    return html`
+      <div class="grist">
+        <data-grist .mode=${isMobileDevice() ? 'LIST' : 'GRID'} .config=${this._roConfig}></data-grist>
+      </div>
+
+      <div class="button-container">
+        <mwc-button
+          @click=${async () => {
+            const answer = await CustomAlert({
+              title: i18next.t('label.create_release_orders'),
+              text: i18next.t('text.are_you_sure'),
+              confirmButton: { text: i18next.t('button.confirm') },
+              cancelButton: { text: i18next.t('button.cancel') }
+            })
+
+            if (!answer.value) return
+            await this._generateReleaseOrders()
+          }}
+          >${i18next.t('button.create_ro')}</mwc-button
+        >
+        <mwc-button @click=${e => history.back()}>${i18next.t('button.cancel')}</mwc-button>
+      </div>
+    `
+  }
+
+  async firstUpdated() {
+    this._roConfig = this._config
+    await this._getAvailableItems(this.records)
+  }
+
+  updated(changedProps) {
+    if (changedProps.has('records')) {
+      this.dataGrist.data = {
+        records: this.records,
+        total: this.records.length
+      }
+    }
+  }
+
+  async _getAvailableItems(rawData) {
+    const response = await client.query({
+      query: gql`
+        query bulkReleaseGoodsAvailableItems($rawReleaseGoods: [NewRawReleaseGood], $bizplaceId: String) {
+          bulkReleaseGoodsAvailableItems(rawReleaseGoods: $rawReleaseGoods, bizplaceId: $bizplaceId) {
+            refNo
+            refNo2
+            refNo3
+            releaseDate
+            deliveryAddress1
+            deliveryAddress2
+            deliveryAddress3
+            deliveryAddress4
+            attentionTo
+            city
+            state
+            country
+            sku
+            productId
+            batchId
+            packingType
+            packingSize
+            uom
+            releaseQty
+            assignedQty
+            assignedUomValue
+            postalCode
+            phone1
+          }
+        }
+      `,
+      variables: {
+        rawReleaseGoods: rawData.map(raw => {
+          return {
+            refNo: raw.refNo,
+            refNo2: raw.refNo2,
+            refNo3: raw.refNo3,
+            releaseDate: String(raw.releaseDate),
+            deliveryAddress1: raw.deliveryAddress1,
+            deliveryAddress2: raw.deliveryAddress2,
+            deliveryAddress3: raw.deliveryAddress3,
+            deliveryAddress4: raw.deliveryAddress4,
+            attentionTo: raw.attentionTo,
+            city: raw.city,
+            state: raw.state,
+            country: raw.country,
+            sku: raw.sku,
+            productId: raw.productId,
+            packingType: raw.packingType,
+            packingSize: raw.packingSize,
+            uom: raw.uom,
+            releaseQty: raw.releaseQty,
+            postalCode: String(raw.postalCode),
+            phone1: String(raw.phone1)
+          }
+        }),
+        bizplaceId: this.bizplaceId
+      }
+    })
+
+    if (!response.errors) {
+      this.records = response.data.bulkReleaseGoodsAvailableItems.map(item => {
+        return {
+          ...item,
+          remark: !item.productId
+            ? i18next.t('text.product_not_found')
+            : item.releaseQty <= 0
+            ? i18next.t('text.invalid_release_qty')
+            : item.assignedQty == 0
+            ? i18next.t('text.insufficient_stock')
+            : !item.releaseDate
+            ? i18next.t('text.release_date_is_empty')
+            : !item.refNo
+            ? i18next.t('text.ref_no_is_empty')
+            : ''
+        }
+      })
+    }
+  }
+
+  async _generateReleaseOrders() {
+    this.dataGrist.showSpinner()
+
+    try {
+      this._validateReleaseOrders()
+
+      const response = await client.mutate({
+        mutation: gql`
+          mutation bulkAddReleaseGoods($rawReleaseGoods: [NewRawReleaseGood], $bizplaceId: String) {
+            bulkAddReleaseGoods(rawReleaseGoods: $rawReleaseGoods, bizplaceId: $bizplaceId) {
+              items {
+                name
+              }
+            }
+          }
+        `,
+        variables: {
+          rawReleaseGoods: this.records.map(x => {
+            return {
+              refNo: x.refNo,
+              refNo2: x.refNo2,
+              refNo3: x.refNo3,
+              releaseDate: String(x.releaseDate),
+              deliveryAddress1: x.deliveryAddress1,
+              deliveryAddress2: x.deliveryAddress2,
+              deliveryAddress3: x.deliveryAddress3,
+              deliveryAddress4: x.deliveryAddress4,
+              attentionTo: x.attentionTo,
+              city: x.city,
+              state: x.state,
+              country: x.country,
+              sku: x.sku,
+              productId: x.productId,
+              packingType: x.packingType,
+              packingSize: x.packingSize,
+              uom: x.uom,
+              releaseQty: x.releaseQty,
+              postalCode: String(x.postalCode),
+              phone1: String(x.phone1)
+            }
+          }),
+          bizplaceId: this.bizplaceId
+        }
+      })
+
+      this.dataGrist.hideSpinner()
+      await sleep(1)
+
+      if (!response.errors) {
+        this._showToast({ message: i18next.t('text.release_order_created') })
+        history.back()
+      }
+    } catch (e) {
+      let insufficientStockError = response.errors.find(err => err.extensions.exception.errorCode == 'ins1')
+      if (insufficientStockError) {
+        // if system suddenly found that any item is insufficient,
+        // display the available items again.
+        await this._getAvailableItems(this.records)
+        this._showToast({ message: i18next.t('text.please_recheck_your_request_data') })
+      } else this._showToast(e)
+    }
+  }
+
+  _validateReleaseOrders() {
+    if (this.records.some(record => !record.refNo || record?.refNo == ''))
+      throw new Error(i18next.t('text.ref_no_is_required'))
+
+    if (this.records.some(record => !record.releaseDate || record?.releaseDate == ''))
+      throw new Error(i18next.t('text.release_date_is_required'))
+
+    if (this.records.some(record => !record.releaseQty || record.releaseQty > record.assignedQty))
+      throw new Error(i18next.t('text.invalid_release_qty'))
+  }
+
+  _showToast({ type, message }) {
+    document.dispatchEvent(
+      new CustomEvent('notify', {
+        detail: {
+          type,
+          message
+        }
+      })
+    )
+  }
+}
+
+window.customElements.define('validate-ro-popup', ValidateRoPopup)

package/client/pages/components/select-product-popup.js

@@ -139,6 +139,12 @@ class SelectProductPopup extends localize(i18next)(LitElement) {
           header: i18next.t('field.name'),
           width: 180
         },
+        {
+          type: 'string',
+          name: 'brand',
+          header: i18next.t('field.brand'),
+          width: 120
+        },
         {
           type: 'string',
           name: 'description',
@@ -184,7 +190,7 @@ class SelectProductPopup extends localize(i18next)(LitElement) {
 
     const response = await client.query({
       query: gql`
-        query productDetails($filters: [Filter], $pagination: Pagination, $sortings: [Sorting]) {
+        query productDetails($filters: [Filter!]!, $pagination: Pagination, $sortings: [Sorting!]!) {
           productDetails(filters: $filters, pagination: $pagination, sortings: $sortings) {
             items {
               id
@@ -196,6 +202,7 @@ class SelectProductPopup extends localize(i18next)(LitElement) {
                 id
                 name
                 sku
+                brand
                 description
                 type
               }
@@ -216,6 +223,7 @@ class SelectProductPopup extends localize(i18next)(LitElement) {
               ...item,
               productId: item.product.id,
               sku: item.product.sku,
+              brand: item.product.brand,
               name: item.product.name,
               description: item.product.description
             }
@@ -236,6 +244,7 @@ class SelectProductPopup extends localize(i18next)(LitElement) {
             uomValue: selectedProduct.uomValue,
             productName: `${selectedProduct.name}(${selectedProduct.description}(${selectedProduct.sku}))`,
             isError: false,
+            productBrand: selectedProduct.brand,
             product: {
               id: selectedProduct.productId,
               name: selectedProduct.name,

package/client/pages/constants/inventory.js

@@ -43,3 +43,4 @@ export const INVENTORY_STATUS = {
 
 export const PALLET = { name: 'pallet', value: 'PALLET' }
 export const CARTON = { name: 'carton', value: 'CARTON' }
+export const LOT = { name: 'lot', value: 'LOT' }

package/client/pages/constants/location.js

@@ -1,14 +1,41 @@
+export const LOCATION_STATUS = {
+  EMPTY: {
+    name: 'EMPTY',
+    value: 'EMPTY'
+  },
+  OCCUPIED: {
+    name: 'OCCUPIED',
+    value: 'OCCUPIED'
+  },
+  FULL: {
+    name: 'FULL',
+    value: 'FULL'
+  }
+}
+
 export const LOCATION_TYPE = {
+  BIN: {
+    name: 'BIN',
+    value: 'BIN'
+  },
   BUFFER: {
-    name: 'buffer_location',
+    name: 'BUFFER',
     value: 'BUFFER'
   },
-  SHELF: {
-    name: 'shelf_location',
-    value: 'SHELF'
-  },
   FLOOR: {
-    name: 'floor_location',
+    name: 'FLOOR',
     value: 'FLOOR'
+  },
+  QUARANTINE: {
+    name: 'QUARANTINE',
+    value: 'QUARANTINE'
+  },
+  RESERVE: {
+    name: 'RESERVE',
+    value: 'RESERVE'
+  },
+  SHELF: {
+    name: 'SHELF',
+    value: 'SHELF'
   }
 }

package/client/pages/constants/worksheet.js

@@ -77,11 +77,11 @@ export const WORKSHEET_STATUS = {
     value: 'ADJUSTED'
   },
   PENDING_APPROVAL: {
-    name: 'pending_approval',
+    name: i18next.t('label.pending_approval'),
     value: 'PENDING_APPROVAL'
   },
   PENDING_ADJUSTMENT: {
-    name: 'pending_adjustment',
+    name: i18next.t('label.pending_adjustment'),
     value: 'PENDING_ADJUSTMENT'
   },
   PARTIALLY_UNLOADED: {