From 8618897a1af3f3b5eb3017f99138e792c8507e8b Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Tue, 25 Jun 2024 18:06:45 +0700
Subject: [PATCH] =?UTF-8?q?fix:=20=E0=B9=81=E0=B8=81=E0=B9=89=20=20ui=20?=
 =?UTF-8?q?=20=E0=B9=81=E0=B8=AA=E0=B8=94=E0=B8=87=E0=B8=A3=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=84=E0=B8=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../TotalProductCardComponent.vue             | 49 +++++++++++++++++--
 1 file changed, 46 insertions(+), 3 deletions(-)

diff --git a/src/components/04_product-service/TotalProductCardComponent.vue b/src/components/04_product-service/TotalProductCardComponent.vue
index 55e8ac89..53c6d51f 100644
--- a/src/components/04_product-service/TotalProductCardComponent.vue
+++ b/src/components/04_product-service/TotalProductCardComponent.vue
@@ -157,10 +157,53 @@ withDefaults(
 
         <div
           v-if="data?.type === 'product'"
-          class="flex justify-end text-bold"
-          style="color: var(--green-10)"
+          class="row q-gutter-x-md flex justify-end"
         >
-          ฿ {{ data?.price }}
+          <div class="column text-right" style="height: 25px">
+            <div
+              class="col"
+              style="font-size: 10px; color: hsl(var(--stone-4-hsl))"
+            >
+              ราคาขาย
+            </div>
+            <div
+              class="col text-weight-bold"
+              style="font-size: 16px; color: hsl(var(--orange-5-hsl))"
+            >
+              ฿{{ data?.price }}.00
+            </div>
+          </div>
+
+          <div class="column text-right" style="height: 25px">
+            <div
+              class="col"
+              style="font-size: 10px; color: hsl(var(--stone-4-hsl))"
+            >
+              ราคาตัวแทน
+            </div>
+            <div
+              class="col text-weight-bold"
+              style="font-size: 16px; color: hsl(var(--purple-9-hsl))"
+            >
+              ฿{{ data?.agentPrice }}.00
+            </div>
+          </div>
+          <div class="column text-right" style="height: 25px">
+            <div
+              class="col"
+              style="font-size: 10px; color: hsl(var(--stone-4-hsl))"
+            >
+              ราคาค่าดำเนินการ
+            </div>
+            <div
+              class="col"
+              style="font-size: 16px; color: hsl(var(--pink-7-hsl))"
+            >
+              ฿{{ data?.serviceCharge }}.00
+            </div>
+          </div>
+
+          <!-- ฿ {{ data?.price }} -->
         </div>
 
         <div