@things-factory/operato-wms 3.7.6 → 3.7.7

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

@@ -174,7 +174,11 @@ class SelectProductPopup extends localize(i18next)(LitElement) {
   }
 
   async fetchProducts({ page, limit, sorters = [] }) {
-    const filters = [...this.searchForm.queryFilters, { name: 'bizplace_id', operator: 'eq', value: this.bizplaceId }]
+    const filters = [
+      ...this.searchForm.queryFilters,
+      { name: 'bizplace_id', operator: 'eq', value: this.bizplaceId },
+      { name: 'create_arrival_notice', operator: 'eq', value: true }
+    ]
     const pagination = { page, limit }
     const sortings = sorters
 

package/client/pages/constants/order.js

@@ -62,6 +62,16 @@ export const ORDER_STATUS = {
   READY_TO_SEND: { name: 'order_status_ready_to_send', value: 'READY_TO_SEND' }
 }
 
+export const MANIFEST_STATUS = {
+  OPEN: { name: 'open', value: 'OPEN' },
+  CLOSED: { name: 'closed', value: 'CLOSED' }
+}
+
+export const DISPATCHMENT_STATUS = {
+  READY_TO_DISPATCH: { name: 'ready_to_dispatch', value: 'READY_TO_DISPATCH' },
+  DISPATCHED: { name: 'dispatched', value: 'DISPATCHED' }
+}
+
 export const ORDER_PRODUCT_STATUS = {
   ADDED: { name: 'added', value: 'ADDED' },
   READY_TO_APPROVED: { name: 'ready_to_approve', value: 'READY_TO_APPROVED' },

package/client/pages/inventory-check/inspecting-product.js

@@ -233,12 +233,7 @@ class InspectingProduct extends connect(store)(localize(i18next)(PageView)) {
                   : html` <barcode-scanable-input name="palletId" custom-input></barcode-scanable-input>`}
 
                 <label>${i18next.t('label.inspected_batch_no')}</label>
-                <input
-                  name="inspectedBatchNo"
-                  .value="${this._hideCCColumnSetting
-                    ? this.selectedInventory?.inspectedBatchNo || ''
-                    : this.selectedInventory?.inspectedBatchNo || this.selectedInventory?.batchId || ''}"
-                />
+                <input name="inspectedBatchNo" .value="${this.selectedInventory?.batchId || ''}" />
 
                 <label>${i18next.t('label.inspected_qty')}</label>
                 <input
@@ -434,6 +429,7 @@ class InspectingProduct extends connect(store)(localize(i18next)(PageView)) {
         { type: 'gutter', gutterName: 'sequence' },
         { type: 'boolean', name: 'completed', header: i18next.t('button.completed'), width: 80 },
         { type: 'string', name: 'palletId', header: i18next.t('label.lot_id'), width: 160 },
+        { type: 'string', name: 'batchId', header: i18next.t('label.batch_id'), width: 120 },
         {
           type: 'string',
           name: 'orderInventoryStatus',
@@ -1169,8 +1165,7 @@ class InspectingProduct extends connect(store)(localize(i18next)(PageView)) {
       if (!response.errors) {
         await this.fetchCycleCountWorksheet()
         this.renewInventoryGrist()
-        this.inspectedQtyInput.value = ''
-        this.locationInput.value = ''
+        this.resetInput()
       }
     } catch (e) {
       this.showToast(e)
@@ -1245,6 +1240,12 @@ class InspectingProduct extends connect(store)(localize(i18next)(PageView)) {
     }
   }
 
+  resetInput() {
+    this.inspectedQtyInput.value = ''
+    this.locationInput.value = ''
+    this.inspectedUomValueInput.value = ''
+  }
+
   renewInventoryGrist() {
     this.selectedLocation = this.selectedLocation?.id
       ? this.formattedLocations.find(loc => loc.id === this.selectedLocation.id)

package/client/pages/manifest/create-loading-manifest.js

@@ -0,0 +1,314 @@
+import '@things-factory/grist-ui'
+import '@things-factory/barcode-ui'
+
+import gql from 'graphql-tag'
+import { css, html } from 'lit-element'
+
+import { MultiColumnFormStyles } from '@things-factory/form-ui'
+import { i18next, localize } from '@things-factory/i18n-base'
+import { client, navigate, PageView } from '@things-factory/shell'
+import { CommonButtonStyles } from '@things-factory/styles'
+import { isMobileDevice } from '@things-factory/utils'
+
+class CreateLoadingManifest extends localize(i18next)(PageView) {
+  static get styles() {
+    return [
+      MultiColumnFormStyles,
+      css`
+        :host {
+          display: flex;
+          flex-direction: column;
+          overflow-x: auto;
+        }
+        .container {
+          flex: 1;
+          display: flex;
+          overflow-y: auto;
+          min-height: 50vh;
+        }
+        .grist {
+          background-color: var(--main-section-background-color);
+          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);
+        }
+        .grist h2 {
+          margin: var(--grist-title-margin);
+          border: var(--grist-title-border);
+          font: var(--grist-title-font);
+          color: var(--secondary-color);
+        }
+
+        .grist h2 mwc-icon {
+          vertical-align: middle;
+          margin: var(--grist-title-icon-margin);
+          font-size: var(--grist-title-icon-size);
+          color: var(--grist-title-icon-color);
+        }
+
+        h2 + data-grist {
+          padding-top: var(--grist-title-with-grid-padding);
+        }
+      `
+    ]
+  }
+
+  static get properties() {
+    return {
+      shippingData: Object,
+      shippingGristConfig: Object
+    }
+  }
+
+  get context() {
+    return {
+      title: i18next.t('title.manifest'),
+      actions: [
+        {
+          title: i18next.t('button.submit'),
+          action: this._generateLoadingManifest.bind(this),
+          ...CommonButtonStyles.submit
+        }
+      ]
+    }
+  }
+
+  render() {
+    return html`
+      <form name="manifest" class="multi-column-form" autocomplete="off">
+        <fieldset>
+          <legend>${i18next.t('title.create_loading_manifest')}</legend>
+          <label>${i18next.t('label.scan_tracking_no')}</label>
+          <barcode-scanable-input
+            name="trackingNo"
+            custom-input
+            @keypress="${e => {
+              if (e.keyCode === 13) {
+                e.preventDefault()
+                if (this.trackingNoInput.value) {
+                  this._fetchManifestItems(this.trackingNoInput.value)
+                }
+              }
+            }}"
+          ></barcode-scanable-input>
+        </fieldset>
+      </form>
+
+      <div class="container">
+        <div class="grist">
+          <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.manifest_items')}</h2>
+
+          <data-grist
+            .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
+            .config=${this.shippingGristConfig}
+            .data=${this.shippingData}
+          ></data-grist>
+        </div>
+      </div>
+    `
+  }
+
+  constructor() {
+    super()
+    this.shippingData = { records: [] }
+  }
+
+  get shippingGrist() {
+    return this.shadowRoot.querySelector('data-grist')
+  }
+
+  get manifestForm() {
+    return this.shadowRoot.querySelector('form[name=manifest]')
+  }
+
+  get trackingNoInput() {
+    return this.shadowRoot.querySelector('barcode-scanable-input[name=trackingNo]')?.shadowRoot.querySelector('input')
+  }
+
+  pageUpdated(changes, lifecycle, before) {
+    if (this.active) {
+      this._focusOnTrackingNoInput()
+    }
+  }
+
+  pageInitialized() {
+    this.shippingGristConfig = {
+      list: { fields: ['refNo', 'trackingNo', 'transporter'] },
+      pagination: { infinite: true },
+      columns: [
+        { type: 'gutter', gutterName: 'sequence' },
+        {
+          type: 'gutter',
+          gutterName: 'button',
+          icon: 'close',
+          handlers: {
+            click: (columns, data, column, record, rowIndex) => {
+              const newData = data.records.filter((_, idx) => idx !== rowIndex)
+              this.shippingData = { ...this.shippingData, records: newData }
+              this.shippingGrist.dirtyData.records = newData
+            }
+          }
+        },
+        {
+          type: 'string',
+          name: 'refNo',
+          label: true,
+          header: i18next.t('field.order_no'),
+          width: 200
+        },
+        {
+          type: 'string',
+          name: 'trackingNo',
+          label: true,
+          header: i18next.t('field.tracking_no'),
+          width: 200
+        },
+        {
+          type: 'string',
+          name: 'transporter',
+          label: true,
+          header: i18next.t('field.shipping_provider'),
+          width: 200
+        }
+      ]
+    }
+  }
+
+  async _fetchManifestItems() {
+    try {
+      this._validateTrackingNo()
+
+      const filters = [
+        { name: 'trackingNo', operator: 'eq', value: this.trackingNoInput.value.trim() },
+        { name: 'manifest_id', operator: 'is_null', value: '' },
+        { name: 'status', operator: 'in', value: ['PACKING', 'DONE'] }
+      ]
+      const response = await client.query({
+        query: gql`
+          query releaseGoods($filters: [Filter], $sortings: [Sorting]) {
+            releaseGoods(filters: $filters, sortings: $sortings) {
+              items {
+                id
+                name
+                trackingNo
+                refNo
+                transporter
+              }
+            }
+          }
+        `,
+        variables: { filters, sortings: [] }
+      })
+
+      if (!response.errors) {
+        const releaseGood = (response.data.releaseGoods.items || []).map(record => {
+          return {
+            ...record,
+            orderNo: record?.refNo
+          }
+        })[0]
+
+        if (releaseGood && !this.shippingData.records.map(record => record.refNo).includes(releaseGood.refNo)) {
+          let manifestItems = this.shippingData.records || []
+          manifestItems.push({ ...releaseGood })
+          this.shippingData = { records: manifestItems }
+        } else {
+          this._showToast({ message: i18next.t('text.tracking_no_already_exist_in_manifest_list') })
+        }
+
+        this._clearTrackingNoInput()
+      }
+    } catch (e) {
+      this._showToast(e)
+    }
+  }
+
+  async _generateLoadingManifest() {
+    try {
+      this._validateManifestSubmission()
+
+      let manifest = {}
+      manifest.manifestItems = await this._getManifestItems()
+
+      const response = await client.mutate({
+        mutation: gql`
+          mutation generateManifest($manifest: NewManifest!) {
+            generateManifest(manifest: $manifest)
+          }
+        `,
+        variables: { manifest }
+      })
+
+      if (!response.errors) {
+        this._showToast({ message: i18next.t('text.manifest_has_been_generated') })
+        this._clearPage()
+        navigate('loading_manifest_list')
+      }
+    } catch (e) {
+      this._showToast(e)
+    }
+  }
+
+  _focusOnTrackingNoInput() {
+    setTimeout(() => this.trackingNoInput.focus(), 50)
+  }
+
+  _getManifestItems() {
+    return this.shippingGrist.data.records.map(record => {
+      return {
+        refNo: record.refNo,
+        trackingNo: record.trackingNo,
+        transporter: record.transporter
+      }
+    })
+  }
+
+  _validateManifestSubmission() {
+    if (!this.shippingGrist.data.records?.length) {
+      this._focusOnTrackingNoInput()
+      throw new Error(i18next.t('text.manifest_items_is_empty'))
+    }
+  }
+
+  _validateTrackingNo() {
+    if (!this.trackingNoInput?.value) {
+      this._focusOnTrackingNoInput()
+      throw new Error(i18next.t('text.tracking_no_is_empty'))
+    }
+  }
+
+  _clearTrackingNoInput() {
+    this.trackingNoInput.value = ''
+    this._focusOnTrackingNoInput()
+  }
+
+  _clearPage() {
+    this._clearTrackingNoInput()
+    this.shippingData = { ...this.shippingData, records: [] }
+  }
+
+  _showToast({ type, message }) {
+    document.dispatchEvent(
+      new CustomEvent('notify', {
+        detail: {
+          type,
+          message,
+          option: { timer: 1000 }
+        }
+      })
+    )
+  }
+}
+
+customElements.define('create-loading-manifest', CreateLoadingManifest)

package/client/pages/manifest/dispatcher-verification-popup.js

@@ -0,0 +1,86 @@
+import '@things-factory/grist-ui'
+
+import { css, html, LitElement } from 'lit-element'
+
+import { SingleColumnFormStyles } from '@things-factory/form-ui'
+import { i18next, localize } from '@things-factory/i18n-base'
+
+class DispatcherVerificationPopup extends localize(i18next)(LitElement) {
+  static get styles() {
+    return [
+      SingleColumnFormStyles,
+      css`
+        :host {
+          padding: 10px;
+          display: flex;
+          flex-direction: column;
+          overflow-x: overlay;
+          background-color: var(--main-section-background-color);
+        }
+        .button-container {
+          padding: var(--button-container-padding);
+          margin: var(--button-container-margin);
+          text-align: var(--button-container-align);
+          background-color: var(--button-container-background);
+          height: var(--button-container-height);
+        }
+      `
+    ]
+  }
+
+  get dispatchmentForm() {
+    return this.shadowRoot.querySelector('form[name=dispatchmentForm]')
+  }
+
+  render() {
+    return html`
+      <form name="dispatchmentForm" class="single-column-form">
+        <fieldset>
+          <label>${i18next.t('label.dispatcher_name')}</label>
+          <input name="dispatcherName" required />
+
+          <label>${i18next.t('label.dispatcher_identity')}</label>
+          <input name="dispatcherIdentity" required />
+        </fieldset>
+      </form>
+      <div class="button-container">
+        <mwc-button
+          @click="${this._updateManifestDispatchement.bind(this)}"
+          label="${`${i18next.t('button.confirm')}`}"
+          raised
+        ></mwc-button>
+      </div>
+    `
+  }
+
+  _updateManifestDispatchement() {
+    this._validateDispatchmentUpdate()
+    let dispatchment = this._serializeForm(this.dispatchmentForm)
+    this.dispatchEvent(
+      new CustomEvent('dispatch', {
+        detail: {
+          dispatcherName: dispatchment.dispatcherName,
+          dispatcherIdentity: dispatchment.dispatcherIdentity
+        }
+      })
+    )
+    history.back()
+  }
+
+  _serializeForm(form) {
+    let obj = {}
+    Array.from(form.querySelectorAll('input')).forEach(field => {
+      if (!field.hasAttribute('hidden') && field.value) {
+        obj[field.name] = field.type === 'checkbox' ? field.checked : field.value
+      }
+    })
+
+    return obj
+  }
+
+  _validateDispatchmentUpdate() {
+    this.dispatchmentForm.checkValidity()
+  }
+}
+
+window.customElements.define('dispatcher-verification-popup', DispatcherVerificationPopup)