From 5baa9429c41d158222497129e97cf19509c937d6 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Wed, 18 Dec 2024 14:34:57 +0700
Subject: [PATCH] fix: product => remove tooltip & ellipsis

---
 src/pages/04_product-service/MainPage.vue | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index d452c046..cd1198bb 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -2140,6 +2140,8 @@ watch(
                         </q-td>
 
                         <q-td
+                          class="ellipsis"
+                          style="max-width: 150px"
                           v-if="
                             tbControl.groupAndType.fieldSelected.includes(
                               'formDialogInputRemark',
@@ -2605,6 +2607,7 @@ watch(
                             1
                           }}
                         </q-td>
+
                         <q-td
                           v-if="
                             {
@@ -2692,14 +2695,17 @@ watch(
                             )
                           "
                         >
-                          <q-tooltip>
-                            <div v-html="props.row.detail || '-'" />
-                          </q-tooltip>
-                          <div
-                            class="ellipsis-2-lines"
+                          {{
+                            props.row.detail.replace(/<\/?[^>]+(>|$)/g, '') ||
+                            '-'
+                          }}
+                          <!-- <div
+                            class="ellipsis"
+                            style="max-width: 150px"
                             v-html="props.row.detail || '-'"
-                          />
+                          /> -->
                         </q-td>
+
                         <q-td
                           v-if="
                             {
@@ -2716,7 +2722,7 @@ watch(
                           {{
                             optionStore.mapOption(
                               {
-                                product: props.row.expenseType,
+                                product: props.row.expenseType || '-',
                                 service: props.row.work?.length,
                               }[productAndServiceTab],
                             )