changes

app/components/pos/POS.vue

@@ -21,12 +21,13 @@ const { activeCartId, activeCart, activeCartItems, customerIdsWithNoCart, subtot
 
 const { addresses, getAddresses, isChangingCus, changeCustomer } = useCustomer({ activeCart, getCarts });
 
-const { orderInfo, isOrderValid } = useOrderInfo({
+const { orderInfo, isOrderValid, fullAddress, total } = useOrderInfo({
   activeCartId,
   activeCart,
   activeCartItems,
   addresses,
   getAddresses,
+  subtotal,
 });
 
 const showModal = ref();
@@ -63,7 +64,10 @@ provide("pos", {
   activeCartItems,
   isChangingCus,
   orderInfo,
+  fullAddress,
   getCarts,
+  subtotal,
+  total,
 });
 </script>
 
@@ -321,10 +325,14 @@ provide("pos", {
                   </td>
                   <td class="has-text-right">{{ $formatNum(subtotal, { hasUnit: true }) }}</td>
                 </tr>
+                <tr>
+                  <td>Phí giao hàng</td>
+                  <td class="has-text-right">{{ $formatNum(orderInfo.shipping_fee, { hasUnit: true }) }}</td>
+                </tr>
                 <tr>
                   <td class="font-bold fs-14">Tổng cộng</td>
                   <td class="has-text-right has-text-primary font-bold fs-18">
-                    {{ $formatNum(subtotal, { hasUnit: true }) }}
+                    {{ $formatNum(total, { hasUnit: true }) }}
                   </td>
                 </tr>
               </tbody>