From 807c812b1a246bcf2c8734c73bd1e2c801536ef7 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Wed, 27 Nov 2024 12:04:52 +0700
Subject: [PATCH] refactor: quotation select product info display (detail and
 properties)

---
 .../QuotationFormProductSelect.vue            | 32 ++++++++++++++-----
 1 file changed, 24 insertions(+), 8 deletions(-)

diff --git a/src/pages/05_quotation/QuotationFormProductSelect.vue b/src/pages/05_quotation/QuotationFormProductSelect.vue
index 96da0dbb..f3f9a11d 100644
--- a/src/pages/05_quotation/QuotationFormProductSelect.vue
+++ b/src/pages/05_quotation/QuotationFormProductSelect.vue
@@ -682,7 +682,16 @@ watch(
                             }}
                           </span>
                           <aside class="surface-3 q-pa-md">
-                            {{ selectedNode[0].detail || '-' }}
+                            <div
+                              v-if="
+                                selectedType === 'product' &&
+                                selectedNode[0].detail
+                              "
+                              v-html="selectedNode[0].detail"
+                            />
+                            <div v-else>
+                              {{ selectedNode[0].detail || '-' }}
+                            </div>
                           </aside>
                         </span>
 
@@ -711,19 +720,26 @@ watch(
                           >
                             {{ selectedNode[0].remark || '-' }}
                           </aside>
-                          <aside v-else class="q-pt-md row q-gutter-sm">
+                          <aside v-else>
                             <template
                               v-if="
-                                selectedNode[0].attributes.additional.length > 0
+                                selectedNode[0].attributes.workflowStep.length >
+                                0
                               "
                             >
                               <div
-                                v-for="att in selectedNode[0].attributes
-                                  .additional"
-                                :key="att"
-                                class="bordered q-py-xs q-px-sm rounded"
+                                v-for="step in selectedNode[0].attributes
+                                  .workflowStep"
+                                :key="step"
+                                class="q-pt-sm row q-gutter-sm"
                               >
-                                {{ optionStore.mapOption(att.fieldName) }}
+                                <div
+                                  v-for="att in step.attributes.properties"
+                                  :key="att"
+                                  class="bordered q-py-xs q-px-sm rounded"
+                                >
+                                  {{ optionStore.mapOption(att.fieldName) }}
+                                </div>
                               </div>
                             </template>
                             <div v-else>