@things-factory/operato-wms 5.0.0-alpha.2 → 5.0.0-alpha.22

package/client/pages/inventory/non-loaded-inventory.js

@@ -0,0 +1,297 @@
+import '@things-factory/form-ui'
+import '@things-factory/grist-ui'
+
+import gql from 'graphql-tag'
+import { css, html } from 'lit-element'
+import { connect } from 'pwa-helpers/connect-mixin'
+
+import { i18next, localize } from '@things-factory/i18n-base'
+import { client, PageView, store } from '@things-factory/shell'
+import { ScrollbarStyles } from '@things-factory/styles'
+import { isMobileDevice } from '@things-factory/utils'
+
+class NonLoadedInventory extends connect(store)(localize(i18next)(PageView)) {
+  static get styles() {
+    return [
+      ScrollbarStyles,
+      css`
+        :host {
+          display: flex;
+          flex-direction: column;
+          overflow: hidden;
+        }
+        search-form {
+          overflow: visible;
+        }
+        data-grist {
+          overflow-y: auto;
+          flex: 1;
+        }
+      `
+    ]
+  }
+
+  static get properties() {
+    return {
+      _email: String,
+      _searchFields: Array,
+      _expSearchFields: Array,
+      _showExpiration: Boolean,
+      config: Object,
+      data: Object
+    }
+  }
+
+  render() {
+    return html`
+      <search-form id="search-form" .fields=${this._searchFields} @submit=${e => this.dataGrist.fetch()}></search-form>
+
+      ${this._showExpiration
+        ? html`<search-form
+            id="search-exp-form"
+            .fields=${this._expSearchFields}
+            .hideSearchButton=${true}
+            @submit=${e => this.dataGrist.fetch()}
+          ></search-form>`
+        : html``}
+
+      <data-grist
+        .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
+        .config=${this.config}
+        .fetchHandler="${this.fetchHandler.bind(this)}"
+      ></data-grist>
+    `
+  }
+
+  get context() {
+    return {
+      title: i18next.t('title.non_loaded_inventory')
+    }
+  }
+
+  async pageInitialized() {
+    this.config = {
+      list: {
+        fields: [
+          'roNo',
+          'palletId',
+          'cartonId',
+          'batchId',
+          'productSku',
+          'productInformation',
+          'product_brand',
+          'packingType',
+          'qty',
+          'uomValue',
+          'uom',
+          'binLocation'
+        ]
+      },
+      pagination: { pages: [20, 50, 100, 500, 999] },
+      rows: {
+        appendable: false
+      },
+      columns: [
+        { type: 'gutter', gutterName: 'sequence' },
+        { type: 'gutter', gutterName: 'row-selector', multiple: true },
+        {
+          type: 'string',
+          name: 'releaseOrderNo',
+          header: i18next.t('field.ro_no'),
+          sortable: true,
+          width: 150
+        },
+        {
+          type: 'string',
+          name: 'palletId',
+          header: i18next.t('field.lot_id'),
+          sortable: true,
+          width: 150
+        },
+        {
+          type: 'string',
+          name: 'cartonId',
+          header: i18next.t('field.carton_id'),
+          sortable: true,
+          width: 120
+        },
+        {
+          type: 'string',
+          name: 'batchId',
+          header: i18next.t('field.batch_id'),
+          imex: { header: i18next.t('field.batch_id'), key: 'batchId', width: 30, type: 'string' },
+          sortable: true,
+          width: 120
+        },
+        {
+          type: 'string',
+          name: 'productSku',
+          header: i18next.t('field.sku'),
+          sortable: true,
+          width: 150
+        },
+        {
+          type: 'string',
+          name: 'productName',
+          header: i18next.t('field.product'),
+          sortable: true,
+          width: 250
+        },
+        {
+          type: 'string',
+          name: 'productBrand',
+          header: i18next.t('field.brand'),
+          sortable: true,
+          width: 150
+        },
+        {
+          type: 'string',
+          name: 'packingType',
+          header: i18next.t('field.packing_type'),
+          sortable: true,
+          width: 150
+        },
+        {
+          type: 'number',
+          name: 'pickedQty',
+          header: i18next.t('field.qty'),
+          width: 80
+        },
+        {
+          type: 'float',
+          name: 'pickedUomValue',
+          header: i18next.t('field.total_uom_value'),
+          width: 110
+        },
+        {
+          type: 'string',
+          name: 'uom',
+          header: i18next.t('field.uom'),
+          sortable: true,
+          width: 80
+        },
+        {
+          type: 'string',
+          name: 'binLocation',
+          header: i18next.t('field.bin_location'),
+          sortable: true,
+          width: 120
+        }
+      ]
+    }
+
+    this._searchFields = [
+      {
+        label: i18next.t('field.product_info'),
+        name: 'productInfo',
+        type: 'text',
+        props: { searchOper: 'eq' }
+      },
+      {
+        label: i18next.t('field.batch_id'),
+        name: 'batchId',
+        type: 'text',
+        props: { searchOper: 'i_like' }
+      },
+      {
+        label: i18next.t('field.lot_id'),
+        name: 'palletId',
+        type: 'text',
+        props: { searchOper: 'i_like' }
+      },
+      {
+        label: i18next.t('field.carton_id'),
+        name: 'cartonId',
+        type: 'text',
+        props: { searchOper: 'i_like' }
+      },
+      {
+        label: i18next.t('field.ro_no'),
+        name: 'roNo',
+        type: 'text',
+        props: { searchOper: 'i_like' }
+      },
+      {
+        label: i18next.t('field.bin_location'),
+        name: 'binLocation',
+        type: 'text',
+        props: { searchOper: 'i_like' }
+      }
+    ]
+  }
+
+  async pageUpdated(changes, lifecycle) {
+    if (this.active) {
+      this.dataGrist.fetch()
+    }
+  }
+
+  get dataGrist() {
+    return this.shadowRoot.querySelector('data-grist')
+  }
+
+  get searchForm() {
+    return this.shadowRoot.querySelector('#search-form')
+  }
+
+  async fetchHandler({ page, limit, sorters = [] }) {
+    const filters = await this.searchForm.getQueryFilters()
+    const response = await client.query({
+      query: gql`
+        query nonLoadedOrderInventories($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {
+          nonLoadedOrderInventories(filters: $filters, pagination: $pagination, sortings: $sortings) {
+            items {
+              releaseGood {
+                name
+              }
+              inventory {
+                palletId
+                cartonId
+              }
+              packingType
+              batchId
+              pickedQty
+              pickedUomValue
+              uom
+              product {
+                sku
+                name
+                brand
+                description
+              }
+              binLocation {
+                name
+              }
+              updatedAt
+            }
+            total
+          }
+        }
+      `,
+      variables: {
+        filters,
+        pagination: { page, limit },
+        sortings: sorters
+      }
+    })
+
+    return {
+      total: response.data.nonLoadedOrderInventories.total || 0,
+      records:
+        response.data.nonLoadedOrderInventories.items.map(item => {
+          return {
+            ...item,
+            productName: `${item.product.name} ${item.product.description}`,
+            productSku: item.product.sku,
+            productBrand: item.product.brand,
+            binLocation: item.binLocation.name,
+            palletId: item.inventory.palletId,
+            cartonId: item.inventory.cartonId,
+            releaseOrderNo: item.releaseGood.name
+          }
+        }) || []
+    }
+  }
+}
+
+window.customElements.define('non-loaded-inventory', NonLoadedInventory)

package/client/pages/order/release-order/b2b/b2b-order-list.js

@@ -1,14 +1,13 @@
 import '@things-factory/form-ui'
 import '@things-factory/grist-ui'
 import '../batch-picking-popup'
-import '../batch-generate-single-picking-worksheet-popup'
 
 import gql from 'graphql-tag'
 import { css, html } from 'lit-element'
 
 import { getCodeByName } from '@things-factory/code-base'
 import { i18next, localize } from '@things-factory/i18n-base'
-import { client, navigate, PageView } from '@things-factory/shell'
+import { client, navigate, PageView, CustomAlert } from '@things-factory/shell'
 import { openPopup } from '@things-factory/layout-base'
 import { ScrollbarStyles, CommonButtonStyles } from '@things-factory/styles'
 import { isMobileDevice } from '@things-factory/utils'
@@ -73,7 +72,7 @@ class B2bOrderList extends localize(i18next)(PageView) {
         },
         {
           title: i18next.t('button.generate_worksheet'),
-          action: this._openBatchGenerateSinglePickingWorksheetPopup.bind(this),
+          action: this._generatePickingWorksheet.bind(this),
           ...CommonButtonStyles.activate
         }
       )
@@ -222,6 +221,7 @@ class B2bOrderList extends localize(i18next)(PageView) {
       pagination: { limit: 100, pages: [20, 50, 100, 200, 500] },
       columns: [
         { type: 'gutter', gutterName: 'sequence' },
+        { type: 'gutter', gutterName: 'row-selector', multiple: true },
         {
           type: 'gutter',
           gutterName: 'button',
@@ -502,22 +502,45 @@ class B2bOrderList extends localize(i18next)(PageView) {
     )
   }
 
-  _openBatchGenerateSinglePickingWorksheetPopup() {
-    openPopup(
-      html`
-        <batch-generate-single-picking-worksheet-popup
-          @generated="${() => {
-            this._showToast({ message: i18next.t('text.orders_has_been_activated') })
-            this.dataGrist.fetch()
-          }}"
-        ></batch-generate-single-picking-worksheet-popup>
-      `,
-      {
-        backdrop: true,
-        size: 'large',
-        title: i18next.t('title.generate_picking_worksheet')
+  async _generatePickingWorksheet() {
+    try {
+      let releaseGoodNos = []
+      if (this.dataGrist.selected.length <= 0)
+        throw new Error(i18next.t('text.please_select_one_or_more_order_to_generate_worksheet'))
+
+      let readyToPick = this.dataGrist.selected.filter(itm => itm.status === ORDER_STATUS.PENDING_WORKSHEET.value)
+      releaseGoodNos = readyToPick.map(record => record.name)
+
+      if (releaseGoodNos.length <= 0)
+        throw new Error(i18next.t('text.selected_release_order(s)_has_existing_worksheet'))
+
+      let result = await CustomAlert({
+        title: i18next.t('title.are_you_sure'),
+        text: i18next.t('text.generate_worksheet'),
+        confirmButton: { text: i18next.t('button.submit') },
+        cancelButton: { text: i18next.t('button.cancel') }
+      })
+
+      if (!result.value) return
+
+      const response = await client.mutate({
+        mutation: gql`
+          mutation generateMultipleReleaseGoodWorksheet($releaseGoodNos: [String!]) {
+            generateMultipleReleaseGoodWorksheet(releaseGoodNos: $releaseGoodNos)
+          }
+        `,
+        variables: {
+          releaseGoodNos
+        }
+      })
+
+      if (!response.errors) {
+        navigate('single_outbound_worksheets')
+        this._showToast({ message: i18next.t('text.worksheet(s)_has_been_generated') })
       }
-    )
+    } catch (e) {
+      this._showToast(e)
+    }
   }
 
   _compareValues(key, order = 'asc') {

package/client/pages/order/release-order/b2c/b2c-order-requests.js

@@ -1,7 +1,6 @@
 import '@things-factory/form-ui'
 import '@things-factory/grist-ui'
 import '../batch-picking-popup'
-import '../batch-generate-single-picking-worksheet-popup'
 
 import gql from 'graphql-tag'
 import { css, html } from 'lit-element'
@@ -12,7 +11,7 @@ import { GhostPrint } from '@operato/ghost-print'
 import { getCodeByName } from '@things-factory/code-base'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { openPopup } from '@things-factory/layout-base'
-import { client, navigate, PageView, store } from '@things-factory/shell'
+import { client, navigate, PageView, store, CustomAlert } from '@things-factory/shell'
 import { CommonButtonStyles, ScrollbarStyles } from '@things-factory/styles'
 import { isMobileDevice } from '@things-factory/utils'
 
@@ -91,7 +90,7 @@ class B2cOrderRequests extends connect(store)(localize(i18next)(PageView)) {
       },
       {
         title: i18next.t('button.generate_worksheet'),
-        action: this._openBatchGenerateSinglePickingWorksheetPopup.bind(this),
+        action: this._generatePickingWorksheet.bind(this),
         ...CommonButtonStyles.activate
       }
     ]
@@ -705,22 +704,45 @@ class B2cOrderRequests extends connect(store)(localize(i18next)(PageView)) {
     }
   }
 
-  _openBatchGenerateSinglePickingWorksheetPopup() {
-    openPopup(
-      html`
-        <batch-generate-single-picking-worksheet-popup
-          @generated="${() => {
-            this._showToast({ message: i18next.t('text.orders_has_been_activated') })
-            this.dataGrist.fetch()
-          }}"
-        ></batch-generate-single-picking-worksheet-popup>
-      `,
-      {
-        backdrop: true,
-        size: 'large',
-        title: i18next.t('title.generate_picking_worksheet')
+  async _generatePickingWorksheet() {
+    try {
+      let releaseGoodNos = []
+      if (this.dataGrist.selected.length <= 0)
+        throw new Error(i18next.t('text.please_select_one_or_more_order_to_generate_worksheet'))
+
+      let readyToPick = this.dataGrist.selected.filter(itm => itm.status === ORDER_STATUS.PENDING_WORKSHEET.value)
+      releaseGoodNos = readyToPick.map(record => record.name)
+
+      if (releaseGoodNos.length <= 0)
+        throw new Error(i18next.t('text.selected_release_order(s)_has_existing_worksheet'))
+
+      let result = await CustomAlert({
+        title: i18next.t('title.are_you_sure'),
+        text: i18next.t('text.generate_worksheet'),
+        confirmButton: { text: i18next.t('button.submit') },
+        cancelButton: { text: i18next.t('button.cancel') }
+      })
+
+      if (!result.value) return
+
+      const response = await client.mutate({
+        mutation: gql`
+          mutation generateMultipleReleaseGoodWorksheet($releaseGoodNos: [String!]) {
+            generateMultipleReleaseGoodWorksheet(releaseGoodNos: $releaseGoodNos)
+          }
+        `,
+        variables: {
+          releaseGoodNos
+        }
+      })
+
+      if (!response.errors) {
+        navigate('single_outbound_worksheets')
+        this._showToast({ message: i18next.t('text.worksheet(s)_has_been_generated') })
       }
-    )
+    } catch (e) {
+      this._showToast(e)
+    }
   }
 
   _compareValues(key, order = 'asc') {