From 00229ae3337779f9b83f7becb8e2dc17130aee75 Mon Sep 17 00:00:00 2001
From: Viet An <tiktaktictac269@gmail.com>
Date: Tue, 23 Jun 2026 14:21:05 +0700
Subject: [PATCH] print-receipt

---
 app/components/datatable/ContextMenu.vue        |  4 +++-
 app/components/parameter/ImportData.vue         |  2 +-
 app/components/pos/ConfirmOrder.vue             | 10 ++--------
 app/components/pos/POS.vue                      |  2 +-
 app/components/pos/composables/usePlaceOrder.js |  2 +-
 5 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/app/components/datatable/ContextMenu.vue b/app/components/datatable/ContextMenu.vue
index a37a2e0..9a7f49a 100644
--- a/app/components/datatable/ContextMenu.vue
+++ b/app/components/datatable/ContextMenu.vue
@@ -235,7 +235,9 @@
         style="top: 110%; bottom: unset; min-width: max-content; right: 0"
       >
         <span class="is-block">Lưu thiết lập: </span>
-        <span class="is-block fs-12 is-family-monospace">{{ pagedata.setting.name }}</span>
+        <span class="tag fs-12 has-text-inherit is-family-monospace has-background-blue-85">{{
+          pagedata.setting.name
+        }}</span>
       </p>
     </div>
   </div>
diff --git a/app/components/parameter/ImportData.vue b/app/components/parameter/ImportData.vue
index 8d97a0a..0cb74f0 100644
--- a/app/components/parameter/ImportData.vue
+++ b/app/components/parameter/ImportData.vue
@@ -13,7 +13,7 @@
           class="file-cta"
           style="padding-left: 0.5rem"
         >
-          <span class="icon-text">
+          <span class="icon-text is-align-items-center">
             <span class="icon">
               <Icon
                 name="material-symbols:attach-file"
diff --git a/app/components/pos/ConfirmOrder.vue b/app/components/pos/ConfirmOrder.vue
index 1977382..a15414a 100644
--- a/app/components/pos/ConfirmOrder.vue
+++ b/app/components/pos/ConfirmOrder.vue
@@ -110,7 +110,7 @@ const { subtotal, shipping_address, isPending, showVietQRModal, placeOrder, test
               </tr>
               <tr>
                 <td class="font-bold fs-14">Tổng cộng</td>
-                <td class="has-text-right has-text-success-35 font-bold fs-17">
+                <td class="has-text-right has-text-primary font-bold fs-18">
                   {{ $formatNum(subtotal, { hasUnit: true }) }}
                 </td>
               </tr>
@@ -134,13 +134,7 @@ const { subtotal, shipping_address, isPending, showVietQRModal, placeOrder, test
           @click="placeOrder"
           :class="['button is-success', isPending && 'is-loading']"
         >
-          <span class="icon">
-            <Icon
-              name="material-symbols:check-rounded"
-              :size="18"
-            />
-          </span>
-          <span>Đặt hàng</span>
+          Đặt hàng
         </button>
         <!-- <button
           @click="testReturnPage"
diff --git a/app/components/pos/POS.vue b/app/components/pos/POS.vue
index 9930e2a..aae8536 100644
--- a/app/components/pos/POS.vue
+++ b/app/components/pos/POS.vue
@@ -332,7 +332,7 @@ provide("pos", {
             <button
               @click="openConfirmModal"
               :disabled="!isOrderValid"
-              class="button is-success"
+              class="button is-primary"
             >
               Thanh toán
             </button>
diff --git a/app/components/pos/composables/usePlaceOrder.js b/app/components/pos/composables/usePlaceOrder.js
index d2ccef6..bc9d154 100644
--- a/app/components/pos/composables/usePlaceOrder.js
+++ b/app/components/pos/composables/usePlaceOrder.js
@@ -75,7 +75,7 @@ export default function usePlaceOrder({ activeCart, activeCartItems, orderInfo,
     }
 
     // update invoice.payment_status from PENDING to PAID
-    const patchedInvoice = await $patchapi("Invoice", { id: invoiceId, payment_status: paidPaymentStatus.value.id });
+    await $patchapi("Invoice", { id: invoiceId, payment_status: paidPaymentStatus.value.id });
     $snackbar("Khởi tạo đơn hàng thành công", "Success");
     resetCart();
     onSuccess();