Corretto Ordini e visualizzazione dei Totali

src/views/ecommerce/orderInfo/orderInfo.scss

@@ -23,4 +23,9 @@ $heightBtn: 100%;
 .evaso {
   font-weight: bold;
   color: green;
+}
+
+.note {
+  font-style: italic;
+  color:blue;
 }

src/views/ecommerce/orderInfo/orderInfo.ts

@@ -33,6 +33,7 @@ export default defineComponent({
 
     const conferma_carrello = ref(false)
     const conferma_ordine = ref(false)
+    const endload = ref(false)
 
     const taborders = ref(shared_consts.OrderStat.IN_CORSO.value)
     const statusnow = ref(0)
@@ -164,13 +165,11 @@ export default defineComponent({
         arrnumstatus.value[status] = allorders.filter((rec) => (rec.status === status)).reduce((sum, item) => sum + 1, 0)
       }
 
+      selectfirstavailable()
+
     }
 
-    function mounted() {
-
-      updateorders()
-
-      taborders.value = -1
+    function selectfirstavailable() {
 
       Object.keys(arrnumstatus.value).forEach((stat: any) => {
         if (arrnumstatus.value[stat] > 0) {
@@ -178,6 +177,15 @@ export default defineComponent({
             taborders.value = parseInt(stat)
         }
       })
+    }
+
+    async function mounted() {
+
+      await productStore.loadProducts()
+
+      taborders.value = -1
+
+      updateorders()
 
       if (taborders.value === -1)
         taborders.value = shared_consts.OrderStat.IN_CORSO.value
@@ -186,6 +194,8 @@ export default defineComponent({
       if (tools.isManager()) {
         columns.value = [...columns_Admin.value]
       }
+
+      endload.value = true
     }
 
     function CanBeShipped() {
@@ -272,6 +282,7 @@ export default defineComponent({
       getAllOrdersCart,
       updateorders,
       getCols,
+      endload,
     }
   }
 })

src/views/ecommerce/orderInfo/orderInfo.vue

@@ -1,7 +1,8 @@
 <template>
   <q-page>
     <CTitleBanner title="Ordini"></CTitleBanner>
-    <div class="panel">
+    <q-spinner v-if="!endload" color="primary" size="3em" :thickness="2" />
+    <div v-if="endload" class="panel">
       <q-tabs v-model="taborders" inline-label class="text-blue">
         <span v-for="(stat, index) of shared_consts.OrderStat" :key="index">
           <q-tab
@@ -39,7 +40,7 @@
                           v-for="(item, index) of props.row.items"
                           :key="index"
                         >
-                          <div v-if="!!item.order.product">
+                          <div v-if="!!item.order && item.order.product">
                             {{ item.order.product.name }} ({{
                               item.order.quantity
                             }})<br />
@@ -82,12 +83,15 @@
               </q-td>
               <q-td key="items" :props="props">
                 <div v-for="(item, index) of props.row.items" :key="index">
-                  <div v-if="!!item.order.product">
+                  <div v-if="!!item.order && item.order.product">
                     {{ item.order.product.name }} ({{
                       item.order.quantity
                     }})<br />
                   </div>
                 </div>
+                <div v-if="props.row.note" class="note">
+                  Note: {{ props.row.note }}
+                </div>
               </q-td>
               <q-td key="totalPrice" :props="props">
                 {{ props.row.totalPrice }} €