From 5e155cfb0c43b1c30ee65327a03e2e0febc3c249 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Tue, 8 Jul 2025 15:31:41 +0700
Subject: [PATCH] feat: sanitize service detail display in
 TableProductAndService component

---
 src/components/shared/table/TableProductAndService.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/shared/table/TableProductAndService.vue b/src/components/shared/table/TableProductAndService.vue
index e1801167..d8e0c683 100644
--- a/src/components/shared/table/TableProductAndService.vue
+++ b/src/components/shared/table/TableProductAndService.vue
@@ -251,7 +251,10 @@ function selectedIndex(item: any) {
         >
           <!-- NOTE: custom column will starts with # -->
           <template v-if="!col.name.startsWith('#')">
-            <span>
+            <span v-if="col.name === 'serviceDetail'">
+              {{ props.row.detail.replace(/<\/?[^>]+(>|$)/g, '') || '-' }}
+            </span>
+            <span v-else>
               {{
                 typeof col.field === 'string'
                   ? props.row[col.field as keyof (Product | Service)]