@things-factory/operato-wms 3.7.2 → 3.7.7

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

@@ -0,0 +1,305 @@
+import '@things-factory/form-ui'
+import '@things-factory/grist-ui'
+
+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 { ScrollbarStyles } from '@things-factory/styles'
+import { isMobileDevice } from '@things-factory/utils'
+
+class LoadingManifestList extends 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 {
+      _searchFields: Array,
+      config: Object,
+      data: Object
+    }
+  }
+
+  get context() {
+    return {
+      title: i18next.t('title.manifest_list'),
+      exportable: {
+        name: i18next.t('title.manifest_list'),
+        data: this._exportableData.bind(this)
+      }
+    }
+  }
+
+  get _fromDateInput() {
+    return this.searchForm.shadowRoot.querySelector('input[name=fromDate]')
+  }
+
+  get _toDateInput() {
+    return this.searchForm.shadowRoot.querySelector('input[name=toDate]')
+  }
+
+  get searchForm() {
+    return this.shadowRoot.querySelector('search-form')
+  }
+
+  get dataGrist() {
+    return this.shadowRoot.querySelector('data-grist')
+  }
+
+  render() {
+    return html`
+      <search-form id="search-form" .fields=${this._searchFields} @submit=${e => this.dataGrist.fetch()}></search-form>
+
+      <data-grist
+        .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
+        .config=${this.config}
+        .fetchHandler="${this.fetchHandler.bind(this)}"
+      ></data-grist>
+    `
+  }
+
+  pageUpdated(changes, lifecycle) {
+    if (this.active) {
+      this.dataGrist.fetch()
+    }
+  }
+
+  async pageInitialized() {
+    const manifestStatus = await getCodeByName('MANIFEST_STATUS')
+    this._searchFields = [
+      {
+        label: i18next.t('field.manifest_no'),
+        name: 'name',
+        type: 'text',
+        props: { searchOper: 'i_like' }
+      },
+      {
+        label: i18next.t('field.shipping_provider'),
+        name: 'shippingProvider',
+        type: 'text',
+        props: { searchOper: 'i_like' }
+      },
+      {
+        label: i18next.t('field.from'),
+        name: 'fromDate',
+        type: 'date',
+        props: {
+          searchOper: 'eq'
+        },
+        value: (() => {
+          let date = new Date()
+          date.setMonth(date.getMonth() - 6)
+          return date.toISOString().split('T')[0]
+        })(),
+        handlers: { change: this._modifyDateRange.bind(this) }
+      },
+      {
+        label: i18next.t('field.to'),
+        name: 'toDate',
+        type: 'date',
+        props: {
+          searchOper: 'eq',
+          min: (() => {
+            let date = new Date()
+            date.setMonth(date.getMonth() - 6)
+            return date.toISOString().split('T')[0]
+          })()
+        },
+        value: new Date().toISOString().split('T')[0]
+      },
+      {
+        label: i18next.t('field.status'),
+        name: 'status',
+        type: 'select',
+        options: [
+          { value: '' },
+          ...manifestStatus.map(status => {
+            return {
+              name: i18next.t(`label.${status.description}`),
+              value: status.name
+            }
+          })
+        ],
+        props: { searchOper: 'eq' }
+      }
+    ]
+
+    this.config = {
+      list: {
+        fields: ['name', 'shippingProvider', 'dispatchedAt', 'status', 'createdAt', 'updatedAt', 'creator']
+      },
+      rows: { appendable: false, selectable: { multiple: true } },
+      columns: [
+        { type: 'gutter', gutterName: 'sequence' },
+        { type: 'gutter', gutterName: 'row-selector', multiple: true },
+        {
+          type: 'gutter',
+          gutterName: 'button',
+          icon: 'reorder',
+          handlers: {
+            click: (columns, data, column, record, rowIndex) => {
+              navigate(`loading_manifest_detail/${record.name}`)
+            }
+          }
+        },
+        {
+          type: 'string',
+          name: 'name',
+          header: i18next.t('field.manifest_no'),
+          label: true,
+          sortable: true,
+          width: 180
+        },
+        {
+          type: 'string',
+          name: 'shippingProvider',
+          header: i18next.t('field.shipping_provider'),
+          label: true,
+          sortable: true,
+          width: 150
+        },
+        {
+          type: 'datetime',
+          name: 'dispatchedAt',
+          header: i18next.t('field.dispatch_at'),
+          label: true,
+          sortable: true,
+          width: 150
+        },
+        {
+          type: 'string',
+          name: 'status',
+          header: i18next.t('field.status'),
+          label: true,
+          sortable: true,
+          width: 170
+        },
+        {
+          type: 'datetime',
+          name: 'createdAt',
+          header: i18next.t('field.created_at'),
+          label: true,
+          sortable: true,
+          width: 160
+        },
+        {
+          type: 'object',
+          name: 'creator',
+          header: i18next.t('field.created_by'),
+          label: true,
+          sortable: true,
+          width: 200
+        }
+      ]
+    }
+  }
+
+  async fetchHandler({ page, limit, sorters = [{ name: 'createdAt', desc: true }] }) {
+    const response = await client.query({
+      query: gql`
+        query manifests($filters: [Filter], $pagination: Pagination, $sortings: [Sorting]) {
+          manifests(filters: $filters, pagination: $pagination, sortings: $sortings) {
+            items {
+              id
+              name
+              shippingProvider
+              dispatchedAt
+              status
+              createdAt
+              creator {
+                id
+                name
+                description
+              }
+            }
+            total
+          }
+        }
+      `,
+      variables: { filters: this.searchForm.queryFilters, pagination: { page, limit }, sortings: sorters }
+    })
+
+    if (!response.errors) {
+      return {
+        total: response.data.manifests.total || 0,
+        records: response.data.manifests.items || []
+      }
+    }
+  }
+
+  _modifyDateRange(e) {
+    const fromDate = e.currentTarget.value
+
+    if (this._toDateInput.value < fromDate) this._toDateInput.value = fromDate
+
+    let min = new Date(fromDate)
+    let today = new Date()
+    today.setHours(0, 0, 0, 0)
+
+    min = min.toISOString().split('T')[0]
+
+    this._toDateInput.min = min
+  }
+
+  get _columns() {
+    return this.config.columns
+  }
+
+  async _exportableData() {
+    try {
+      let data = []
+
+      var headerSetting = [
+        { header: i18next.t('field.manifest_no'), key: 'name', width: 25, type: 'string' },
+        { header: i18next.t('field.shipping_provider'), key: 'shippingProvider', width: 25, type: 'string' },
+        { header: i18next.t('field.dispatch_at'), key: 'dispatchedAt', width: 25, type: 'date' },
+        { header: i18next.t('field.status'), key: 'status', width: 25, type: 'string' },
+        { header: i18next.t('field.created_at'), key: 'createdAt', width: 30, type: 'date' },
+        { header: i18next.t('field.created_by'), key: 'createdBy', width: 25, type: 'string' }
+      ]
+
+      if (this.dataGrist.selected && this.dataGrist.selected.length > 0) {
+        data = this.dataGrist.selected.map(record => {
+          return {
+            ...record,
+            createdBy: record.creator.name
+          }
+        })
+      } else {
+        data = (await this.fetchHandler({ page: 1, limit: 9999999 })).records.map(record => {
+          return {
+            ...record,
+            createdBy: record.creator.name
+          }
+        })
+      }
+
+      return { header: headerSetting, data }
+    } catch (e) {
+      this._showToast(e)
+    }
+  }
+}
+
+customElements.define('loading-manifest-list', LoadingManifestList)

package/client/pages/order/arrival-notice/create-arrival-notice.js

@@ -1600,7 +1600,14 @@ class CreateArrivalNotice extends localize(i18next)(PageView) {
       })
       this.productData = {
         ...this.productData,
-        records: data
+        records: data.map((dt, idx) => {
+          return {
+            ...dt,
+            id: idx,
+            name: idx,
+            __dirty__: '+'
+          }
+        })
       }
 
       this.productGrist.fetch()

package/client/pages/order/goods-received-note/received-note-list.js

@@ -71,6 +71,7 @@ class ReceivedNoteList extends localize(i18next)(PageView) {
 
   async pageInitialized() {
     const _grnStatus = await getCodeByName('GRN_STATUS')
+    const _ganStatus = await getCodeByName('GAN_REQUESTS_STATUS')
     const _partners = await this._fetchPartners()
 
     this._searchFields = [
@@ -98,20 +99,32 @@ class ReceivedNoteList extends localize(i18next)(PageView) {
         props: { searchOper: 'eq' }
       },
       {
-        name: 'arrivalNoticeRefNo',
+        name: 'arrivalNoticeNo',
+        label: i18next.t('field.gan'),
+        type: 'text',
+        props: { searchOper: 'i_like' }
+      },
+      {
         label: i18next.t('field.ref_no'),
+        name: 'refNo',
         type: 'text',
         props: { searchOper: 'i_like' }
       },
       {
-        name: 'arrivalNoticeNo',
-        label: i18next.t('field.gan'),
+        label: i18next.t('field.ref_no_2'),
+        name: 'refNo2',
+        type: 'text',
+        props: { searchOper: 'i_like' }
+      },
+      {
+        label: i18next.t('field.ref_no_3'),
+        name: 'refNo3',
         type: 'text',
         props: { searchOper: 'i_like' }
       },
       {
-        label: i18next.t('field.status'),
-        name: 'status',
+        label: i18next.t('field.grn_status'),
+        name: 'grnStatus',
         type: 'select',
         options: [
           { value: '' },
@@ -120,6 +133,46 @@ class ReceivedNoteList extends localize(i18next)(PageView) {
           })
         ],
         props: { searchOper: 'eq' }
+      },
+      {
+        label: i18next.t('field.from'),
+        name: 'fromDate',
+        type: 'date',
+        props: {
+          searchOper: 'eq'
+        },
+        value: (() => {
+          let date = new Date()
+          date.setMonth(date.getMonth() - 6)
+          return date.toISOString().split('T')[0]
+        })(),
+        handlers: { change: this._modifyDateRange.bind(this) }
+      },
+      {
+        label: i18next.t('field.to'),
+        name: 'toDate',
+        type: 'date',
+        props: {
+          searchOper: 'eq',
+          min: (() => {
+            let date = new Date()
+            date.setMonth(date.getMonth() - 6)
+            return date.toISOString().split('T')[0]
+          })()
+        },
+        value: new Date().toISOString().split('T')[0]
+      },
+      {
+        label: i18next.t('field.gan_status'),
+        name: 'ganStatus',
+        type: 'select',
+        options: [
+          { value: '' },
+          ..._ganStatus.map(status => {
+            return { name: i18next.t(`label.${status.description}`), value: status.name }
+          })
+        ],
+        props: { searchOper: 'eq' }
       }
     ]
 
@@ -144,6 +197,7 @@ class ReceivedNoteList extends localize(i18next)(PageView) {
           type: 'string',
           name: 'name',
           header: i18next.t('field.grn'),
+          imex: { header: i18next.t('field.grn'), key: 'name', width: 25, type: 'string' },
           sortable: true,
           width: 180,
           handlers: {
@@ -158,6 +212,7 @@ class ReceivedNoteList extends localize(i18next)(PageView) {
           type: 'object',
           name: 'bizplace',
           header: i18next.t('field.company'),
+          imex: { header: i18next.t('field.company'), key: 'bizplace.name', width: 25, type: 'string' },
           sortable: true,
           width: 230
         },
@@ -165,13 +220,31 @@ class ReceivedNoteList extends localize(i18next)(PageView) {
           type: 'string',
           name: 'refNo',
           header: i18next.t('field.ref_no'),
+          imex: { header: i18next.t('field.ref_no'), key: 'refNo', width: 25, type: 'string' },
           sortable: true,
           width: 160
         },
+        {
+          type: 'string',
+          name: 'refNo2',
+          header: i18next.t('field.ref_no_2'),
+          imex: { header: i18next.t('field.ref_no_2'), key: 'refNo2', width: 25, type: 'string' },
+          sortable: true,
+          width: 150
+        },
+        {
+          type: 'string',
+          name: 'refNo3',
+          header: i18next.t('field.ref_no_3'),
+          imex: { header: i18next.t('field.ref_no_3'), key: 'refNo3', width: 25, type: 'string' },
+          sortable: true,
+          width: 150
+        },
         {
           type: 'object',
           name: 'arrivalNotice',
           header: i18next.t('field.gan'),
+          imex: { header: i18next.t('field.arrivalNotice'), key: 'arrivalNotice.name', width: 25, type: 'string' },
           sortable: true,
           width: 180
         },
@@ -179,6 +252,7 @@ class ReceivedNoteList extends localize(i18next)(PageView) {
           type: 'string',
           name: 'ganStatus',
           header: i18next.t('field.gan_status'),
+          imex: { header: i18next.t('field.gan_status'), key: 'ganStatus', width: 25, type: 'string' },
           sortable: true,
           width: 180
         },
@@ -186,6 +260,7 @@ class ReceivedNoteList extends localize(i18next)(PageView) {
           type: 'string',
           name: 'status',
           header: i18next.t('field.grn_status'),
+          imex: { header: i18next.t('field.grn_status'), key: 'status', width: 25, type: 'string' },
           sortable: true,
           width: 180
         },
@@ -193,6 +268,7 @@ class ReceivedNoteList extends localize(i18next)(PageView) {
           type: 'datetime',
           name: 'updatedAt',
           header: i18next.t('field.updated_at'),
+          imex: { header: i18next.t('field.updated_at'), key: 'updatedAt', width: 25, type: 'datetime' },
           sortable: true,
           width: 160
         },
@@ -200,6 +276,7 @@ class ReceivedNoteList extends localize(i18next)(PageView) {
           type: 'object',
           name: 'updater',
           header: i18next.t('field.updater'),
+          imex: { header: i18next.t('field.updater'), key: 'updater.name', width: 25, type: 'string' },
           sortable: true,
           width: 160
         }
@@ -215,6 +292,28 @@ class ReceivedNoteList extends localize(i18next)(PageView) {
     return this.shadowRoot.querySelector('data-grist')
   }
 
+  get _fromDateInput() {
+    return this.searchForm.shadowRoot.querySelector('input[name=fromDate]')
+  }
+
+  get _toDateInput() {
+    return this.searchForm.shadowRoot.querySelector('input[name=toDate]')
+  }
+
+  _modifyDateRange(e) {
+    const fromDate = e.currentTarget.value
+
+    if (this._toDateInput.value < fromDate) this._toDateInput.value = fromDate
+
+    let min = new Date(fromDate)
+    let today = new Date()
+    today.setHours(0, 0, 0, 0)
+
+    min = min.toISOString().split('T')[0]
+
+    this._toDateInput.min = min
+  }
+
   async fetchHandler({ page, limit, sorters = [{ name: 'createdAt', desc: true }] }) {
     const response = await client.query({
       query: gql`
@@ -233,6 +332,8 @@ class ReceivedNoteList extends localize(i18next)(PageView) {
                 description
                 status
                 refNo
+                refNo2
+                refNo3
               }
               status
               description
@@ -269,6 +370,8 @@ class ReceivedNoteList extends localize(i18next)(PageView) {
             return {
               ...grn,
               refNo: grn.arrivalNotice.refNo || '',
+              refNo2: grn.arrivalNotice.refNo2 || '',
+              refNo3: grn.arrivalNotice.refNo3 || '',
               ganStatus: grn.arrivalNotice.status
             }
           }) || []
@@ -321,7 +424,36 @@ class ReceivedNoteList extends localize(i18next)(PageView) {
   }
 
   _exportableData() {
-    return this.dataGrist.exportRecords()
+    let records = []
+    if (this.dataGrist.selected && this.dataGrist.selected.length > 0) {
+      records = this.dataGrist.selected
+    } else {
+      records = this.dataGrist.data.records
+    }
+
+    var headerSetting = this.dataGrist._config.columns
+      .filter(column => column.type !== 'gutter' && column.record !== undefined && column.imex !== undefined)
+      .map(column => {
+        return column.imex
+      })
+
+    var data = records.map(item => {
+      return {
+        id: item.id,
+        ...this._columns
+          .filter(column => column.type !== 'gutter' && column.record !== undefined && column.imex !== undefined)
+          .reduce((record, column) => {
+            record[column.imex.key] = column.imex.key
+              .split('.')
+              .reduce((obj, key) => (obj && obj[key] !== 'undefined' ? obj[key] : undefined), item)
+            if (column.type === 'datetime') {
+              record[column.imex.key] = new Date(parseInt(record[column.imex.key])).toLocaleString()
+            }
+            return record
+          }, {})
+      }
+    })
+    return { header: headerSetting, data: data }
   }
 }