From 5a3ae092c8a9368f563df7f2a442c9822e5a45ab Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Fri, 16 Aug 2024 15:33:07 +0700
Subject: [PATCH] refactor(04): show total price checkbox

---
 .../04_product-service/FormServiceWork.vue        |  2 +-
 .../WorkManagementComponent.vue                   | 15 +++++++++++++--
 src/stores/product-service/types.ts               |  1 +
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/components/04_product-service/FormServiceWork.vue b/src/components/04_product-service/FormServiceWork.vue
index fed24d7b..e470ceb7 100644
--- a/src/components/04_product-service/FormServiceWork.vue
+++ b/src/components/04_product-service/FormServiceWork.vue
@@ -28,7 +28,7 @@ function addWork() {
   workItems.value.push({
     id: '',
     name: '',
-    attributes: { additional: [] },
+    attributes: { additional: [], showTotalPrice: false },
     product: [],
   });
 }
diff --git a/src/components/04_product-service/WorkManagementComponent.vue b/src/components/04_product-service/WorkManagementComponent.vue
index 738d5df4..40f52442 100644
--- a/src/components/04_product-service/WorkManagementComponent.vue
+++ b/src/components/04_product-service/WorkManagementComponent.vue
@@ -209,7 +209,18 @@ defineEmits<{
             class="q-py-xs text-weight-medium row justify-between items-center q-px-md"
             style="background-color: hsla(var(--info-bg) / 0.1)"
           >
-            <span>{{ $t('productInWork') }} {{ workIndex + 1 }}</span>
+            <span>
+              {{ $t('productInWork') }} {{ workIndex + 1 }}
+
+              <q-checkbox
+                size="xs"
+                class="q-pl-lg"
+                v-model="attributes.showTotalPrice"
+                :label="$t('service.showTotalPrice')"
+                style="color: hsl(var(--text-mute-2))"
+                :disable="readonly"
+              />
+            </span>
             <q-btn
               v-if="!readonly"
               id="btn-add-work-product"
@@ -271,7 +282,7 @@ defineEmits<{
                   <div class="row no-wrap">
                     <div class="bordered q-mx-md col-3 image-box">
                       <q-img
-                        :src="`${baseUrl}/product/${product?.id}/image?ts=${Date.now()}`"
+                        :src="`${baseUrl}/product/${product?.id}/image`"
                         style="object-fit: cover; width: 100%; height: 100%"
                       >
                         <template #error>
diff --git a/src/stores/product-service/types.ts b/src/stores/product-service/types.ts
index 9de22857..f3fc2276 100644
--- a/src/stores/product-service/types.ts
+++ b/src/stores/product-service/types.ts
@@ -66,6 +66,7 @@ export interface ServiceCreate {
 }
 
 export interface Attributes {
+  showTotalPrice?: boolean;
   additional: (PropString | PropNumber | PropDate | PropOptions)[];
 }