Integrazione ECommerce (conversione)

src/views/ecommerce/orderInfo/orderInfo.ts

@@ -0,0 +1,227 @@
+import Vue from 'vue'
+import { Component, Watch } from 'vue-property-decorator'
+
+import { SingleProject } from '../../../components/projects/SingleProject/index'
+import { CTodo } from '../../../components/todos/CTodo'
+
+import { CProgress } from '../../../components/CProgress'
+import { CDate } from '../../../components/CDate'
+import { Action } from 'vuex'
+import Products from '@src/store/Modules/Products'
+import { CSingleCart } from '../../../components/CSingleCart'
+import { CTitleBanner } from '@components'
+import { tools } from '@src/store/Modules/tools'
+import { ICart, IOrderCart } from '@src/model'
+import MixinBase from '@src/mixins/mixin-base'
+import { shared_consts } from '@src/common/shared_vuejs'
+
+const namespace: string = 'Products'
+
+@Component({
+  name: 'checkOut',
+  components: { SingleProject, CProgress, CTodo, CDate, CSingleCart, CTitleBanner },
+  filters: {
+    capitalize(value) {
+      if (!value) {
+        return ''
+      }
+      value = value.toString()
+      return value.charAt(0).toUpperCase() + value.slice(1)
+    }
+  }
+})
+
+export default class OrderInfo extends MixinBase {
+  public $q: any
+  public myorderscart: IOrderCart[] = []
+  public myarrrec: any = {}
+
+  public conferma_carrello: boolean = false
+  public conferma_ordine: boolean = false
+
+  public taborders: string = 'incorso'
+  public filter: string = ''
+  public statusnow: number = 0
+  public arrnumstatus: any = []
+  public columns = [
+    {
+      name: 'numorder',
+      required: true,
+      align: 'left',
+      label: 'Numero Ordine',
+      field: 'numorder',
+      sortable: true
+    },
+    {
+      name: 'nameSurname',
+      required: true,
+      align: 'left',
+      label: 'Nome',
+      field: 'nameSurname',
+      sortable: true
+    },
+    {
+      name: 'created_at',
+      required: true,
+      align: 'center',
+      label: 'Effettuato il',
+      field: 'created_at',
+      sortable: true
+    },
+    {
+      name: 'items',
+      required: true,
+      label: 'Articoli',
+      field: 'items',
+      sortable: true
+    },
+    {
+      name: 'totalPrice',
+      required: true,
+      label: 'Totale',
+      field: 'totalPrice',
+      sortable: true
+    },
+    {
+      name: 'status',
+      align: 'center',
+      required: true,
+      label: 'Stato',
+      field: 'status',
+      sortable: true
+    }
+  ]
+
+  /*public $refs: {
+    singleproject: SingleProject[],
+    ctodo: CTodo
+  }*/
+
+  get getOrdersCart() {
+    return Products.getters.getOrdersCart(this.taborders)
+  }
+
+  get getAllOrdersCart() {
+    return Products.getters.getOrdersAllCart()
+  }
+
+  public change_field(myorderid, fieldname) {
+    if (this.myarrrec[myorderid][fieldname] !== this[fieldname]) {
+      this.myarrrec[myorderid][fieldname] = this[fieldname]
+
+      const mydata = {
+        [fieldname]: this.myarrrec[myorderid][fieldname]
+      }
+
+      const aggiorna = fieldname !== 'status'
+      tools.saveFieldToServer(this, 'orderscart', myorderid, mydata, aggiorna)
+    }
+  }
+  public updateorders() {
+    this.myorderscart = this.getOrdersCart
+    for (const ordercart of this.myorderscart) {
+      this.myarrrec[ordercart._id] = Object.keys(ordercart)
+    }
+
+    const allorders = this.getAllOrdersCart
+    for (const status of [
+      2,
+      3,
+      4,
+      6,
+      10
+    ]) {
+      this.arrnumstatus[status] = allorders.filter((rec) => (rec.status === status)).reduce((sum, item) => sum + 1, 0)
+    }
+
+  }
+
+  public mounted() {
+
+    this.updateorders()
+
+    console.log('arrnumstatus;')
+    console.log(this.arrnumstatus)
+
+    this.columns = [...this.columns,
+      {
+        name: 'comandi',
+        align: 'center',
+        required: false,
+        label: 'Comandi',
+        field: 'comandi',
+        sortable: false
+      }]
+
+  }
+
+  public CanBeShipped() {
+    return Products.state.cart.items.filter((rec) => rec.order.product.canBeShipped).length
+  }
+
+  public CanBeBuyOnline() {
+    return Products.state.cart.items.filter((rec) => rec.order.product.canBeBuyOnline).length
+  }
+
+  get getnumsteps() {
+    let numsteps = 1
+
+    if (this.CanBeShipped())
+      numsteps++
+    if (this.CanBeBuyOnline())
+      numsteps++
+
+    return numsteps
+  }
+
+  public docheckout() {
+
+    // Può essere spedito?
+
+    if (this.CanBeShipped()) {
+      // mostra form di spedizione
+    }
+
+    if (this.CanBeBuyOnline()) {
+      // mostra form di acquisto Online
+    }
+  }
+
+  get nextstep() {
+    return 0
+  }
+
+  public clickFunz(order, status) {
+
+    if (status === shared_consts.OrderStatus.ORDER_CONFIRMED) {
+      // Conferma Ordine
+    }
+
+    const statusStr = shared_consts.getStatusStr(status)
+
+    this.$q.dialog({
+      message: 'Impostare l\'ordine n. ' + order.numorder + ' ' + statusStr + ' ?',
+      ok: {
+        label: this.$t('dialog.yes'),
+        push: true
+      },
+      cancel: {
+        label: this.$t('dialog.cancel')
+      },
+      title: 'Ordine'
+    }).onOk(async () => {
+
+      this.statusnow = await Products.actions.UpdateOrderStatus({ order_id: order._id, status })
+
+      if (this.statusnow === status) {
+        order.status = this.statusnow
+        this.updateorders()
+        tools.showPositiveNotif(this.$q, 'Ordine ' + statusStr)
+      }
+      // this.change_field('status')
+      // this.change_field('status')
+    })
+  }
+
+
+}