From 9440fdd412c07d4da1fcd433ec8cd80d60959ac0 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 28 Nov 2024 09:47:12 +0700
Subject: [PATCH] fix: product detail v-html display

---
 src/pages/04_product-service/MainPage.vue             |  8 +++++++-
 src/pages/05_quotation/QuotationFormProductSelect.vue | 11 +----------
 2 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index 93ea10d4..fa5e8c2f 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -2665,7 +2665,13 @@ watch(
                             )
                           "
                         >
-                          {{ props.row.detail || '-' }}
+                          <q-tooltip>
+                            <div v-html="props.row.detail || '-'" />
+                          </q-tooltip>
+                          <div
+                            class="ellipsis-3-lines"
+                            v-html="props.row.detail || '-'"
+                          />
                         </q-td>
                         <q-td
                           v-if="
diff --git a/src/pages/05_quotation/QuotationFormProductSelect.vue b/src/pages/05_quotation/QuotationFormProductSelect.vue
index f3f9a11d..19f80011 100644
--- a/src/pages/05_quotation/QuotationFormProductSelect.vue
+++ b/src/pages/05_quotation/QuotationFormProductSelect.vue
@@ -682,16 +682,7 @@ watch(
                             }}
                           </span>
                           <aside class="surface-3 q-pa-md">
-                            <div
-                              v-if="
-                                selectedType === 'product' &&
-                                selectedNode[0].detail
-                              "
-                              v-html="selectedNode[0].detail"
-                            />
-                            <div v-else>
-                              {{ selectedNode[0].detail || '-' }}
-                            </div>
+                            <div v-html="selectedNode[0].detail || '-'" />
                           </aside>
                         </span>