Corretto Ordini e visualizzazione dei Totali

src/views/ecommerce/checkOut/checkOut.ts

@@ -1,4 +1,4 @@
-import { defineComponent, onMounted, ref } from 'vue'
+import { defineComponent, onMounted, ref, computed } from 'vue'
 import { tools } from '@store/Modules/tools'
 import { useUserStore } from '@store/UserStore'
 import { useRouter } from 'vue-router'
@@ -31,8 +31,15 @@ export default defineComponent({
     const myrec = ref(<any[string]>[])
     const oldrec = ref(<any[string]>[])
     const note = ref('')
+    const endload = ref(false)
     const recOrderCart = ref(<IOrderCart>{})
-    const statusnow = ref(shared_consts.OrderStatus.NONE)
+    
+    const statusnow = computed(() => (): number => {
+      if (recOrderCart.value) {
+        return recOrderCart.value.status
+      }
+      return 0
+    })
 
     function mounted() {
       // Inizializza
@@ -98,10 +105,12 @@ export default defineComponent({
       note.value = mycart.value.note!
 
       if (mycart.value) {
-        recOrderCart.value = await productStore.CreateOrdersCart({ cart_id: mycart.value._id, status: 0 })
+        recOrderCart.value = await productStore.CreateOrdersCart({ cart_id: mycart.value._id, status: 0, note: note.value })
       }
 
       console.log('myrec', myrec.value)
+
+      endload.value = true
     }
 
     function CanBeShipped() {
@@ -150,11 +159,11 @@ export default defineComponent({
       }).onOk(async () => {
         const status = shared_consts.OrderStatus.CHECKOUT_SENT
       
-        const myordercart = await productStore.CreateOrdersCart({ cart_id: mycart.value._id, status })
+        recOrderCart.value = await productStore.CreateOrdersCart({ cart_id: mycart.value._id, status, note: note.value })
         
-        statusnow.value = myordercart ? myordercart.status : 0
+        // statusnow.value = myordercart ? myordercart.status : 0
 
-        if (statusnow.value === status) {
+        if (recOrderCart.value.status === status) {
           tools.showPositiveNotif($q, t('ecomm.ord_confirmed'))
           setTimeout(() => {
             $router.push('/orderinfo')
@@ -187,6 +196,7 @@ export default defineComponent({
       myTotalQty,
       recOrderCart,
       mycart,
+      endload,
     }
   }
 })

src/views/ecommerce/checkOut/checkOut.vue

@@ -1,50 +1,62 @@
 <template>
-  <q-page v-if="recOrderCart">
-    <CTitleBanner title="Carrello"></CTitleBanner>
-    <div class="panel">
-      <div>
-        <div class="container">
-          <div
-            class="q-pa-sm col items-start q-gutter-xs"
-            v-for="(itemorder, index) in getItemsCart()"
-            :key="index"
-          >
-            <CSingleCart :order="itemorder.order" :showall="true" />
+  <q-page>
+    <CTitleBanner :title="$t('ecomm.carrello')"></CTitleBanner>
+    {{ tools.getstrDateTimeShort(mycart.modify_at) }}
+    <q-spinner v-if="!endload" color="primary" size="3em" :thickness="2" />
+    <div v-if="endload">
+      <div v-if="recOrderCart" class="panel">
+        <div>
+          <div class="container">
+            <div
+              class="q-pa-sm col items-start q-gutter-xs"
+              v-for="(itemorder, index) in getItemsCart()"
+              :key="index"
+            >
+              <CSingleCart :order="itemorder.order" :showall="true" />
+            </div>
           </div>
-        </div>
-        <q-separator></q-separator>
-        <div class="col-6 q-mr-sm" style="text-align: right">
-          <span class="text-grey q-mr-xs">Totale:</span>
-          <span class="text-subtitle1 q-mr-sm">€ {{ myTotalPrice() }}</span>
+          <q-separator></q-separator>
+          <div class="col-6 q-mr-sm" style="text-align: right">
+            <span class="text-grey q-mr-xs">{{ $t('ecomm.totale') }}:</span>
+            <span class="text-subtitle1 q-mr-sm">€ {{ myTotalPrice() }}</span>
+          </div>
+
+          <q-input
+            v-if="getNumItems() > 0"
+            v-model="note"
+            style="max-width: 400px"
+            :label="$t('ecomm.note')"
+            filled
+            dense
+            debounce="1000"
+            autogrow
+            @input="change_field('note')"
+          >
+          </q-input>
+
+          <br />
         </div>
 
-        <q-input
-          v-if="getNumItems() > 0"
-          v-model="note"
-          style="max-width: 400px"
-          label="Scrivi qui per eventuali note o chiarimenti:"
-          filled
-          dense
-          debounce="1000"
-          autogrow
-          @input="change_field('note')"
-        >
-        </q-input>
+        recOrderCart.status: {{ recOrderCart.status }}
 
-        <br />
+        <div class="text-center">
+          <q-btn
+            v-if="
+              recOrderCart &&
+              recOrderCart.status < shared_consts.OrderStatus.CHECKOUT_SENT
+            "
+            rounded
+            icon="fas fa-shopping-cart"
+            color="green"
+            :label="$t('ecomm.completa_ord')"
+            class="q-mb-sm"
+            :disabled="myTotalQty() < 1"
+            @click="completeOrder()"
+          ></q-btn>
+        </div>
       </div>
-
-      <div class="text-center">
-        <q-btn
-          v-if="recOrderCart && recOrderCart.status < shared_consts.OrderStatus.CHECKOUT_SENT"
-          rounded
-          icon="fas fa-shopping-cart"
-          color="green"
-          :label="$t('ecomm.completa_ord')"
-          class="q-mb-sm"
-          :disabled="myTotalQty() < 1"
-          @click="completeOrder()"
-        ></q-btn>
+      <div v-else style="text-align: center" class="text-grey">
+        {{ $t('ecomm.carrello_vuoto') }}
       </div>
     </div>
   </q-page>