From 55834bf450a152f8f0efd184245e6bc67eba6c89 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Tue, 11 Mar 2025 13:16:12 +0700
Subject: [PATCH] refactor: update optionStore mapping to include
 'propertiesField' for better context

---
 src/components/04_flow-management/FormFlow.vue             | 7 ++++++-
 .../04_product-service/WorkManagementComponent.vue         | 7 ++++++-
 src/pages/05_quotation/QuotationFormProductSelect.vue      | 7 ++++++-
 src/pages/08_request-list/PropertiesExpansion.vue          | 7 +++++--
 4 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/src/components/04_flow-management/FormFlow.vue b/src/components/04_flow-management/FormFlow.vue
index 3e4b264e..95dd1c6f 100644
--- a/src/components/04_flow-management/FormFlow.vue
+++ b/src/components/04_flow-management/FormFlow.vue
@@ -455,7 +455,12 @@ onMounted(async () => {
                           :key="i"
                           class="surface-2 bordered rounded q-px-xs"
                         >
-                          {{ optionStore.mapOption(att.fieldName ?? '') }}
+                          {{
+                            optionStore.mapOption(
+                              att.fieldName ?? '',
+                              'propertiesField',
+                            )
+                          }}
                         </span>
                       </section>
                     </div>
diff --git a/src/components/04_product-service/WorkManagementComponent.vue b/src/components/04_product-service/WorkManagementComponent.vue
index 2bf5db83..e79872d9 100644
--- a/src/components/04_product-service/WorkManagementComponent.vue
+++ b/src/components/04_product-service/WorkManagementComponent.vue
@@ -584,7 +584,12 @@ watch(
                         :key="i"
                         class="surface-2 bordered rounded q-px-xs"
                       >
-                        {{ optionStore.mapOption(att.fieldName ?? '') }}
+                        {{
+                          optionStore.mapOption(
+                            att.fieldName ?? '',
+                            'propertiesField',
+                          )
+                        }}
                       </span>
                     </div>
                     <div v-else class="app-text-muted-2">
diff --git a/src/pages/05_quotation/QuotationFormProductSelect.vue b/src/pages/05_quotation/QuotationFormProductSelect.vue
index 0a22545b..eb6ffef8 100644
--- a/src/pages/05_quotation/QuotationFormProductSelect.vue
+++ b/src/pages/05_quotation/QuotationFormProductSelect.vue
@@ -773,7 +773,12 @@ watch(
                                   :key="att"
                                   class="bordered q-py-xs q-px-sm rounded"
                                 >
-                                  {{ optionStore.mapOption(att.fieldName) }}
+                                  {{
+                                    optionStore.mapOption(
+                                      att.fieldName,
+                                      'propertiesField',
+                                    )
+                                  }}
                                 </div>
                               </div>
                             </template>
diff --git a/src/pages/08_request-list/PropertiesExpansion.vue b/src/pages/08_request-list/PropertiesExpansion.vue
index b7ac0250..b2b9baad 100644
--- a/src/pages/08_request-list/PropertiesExpansion.vue
+++ b/src/pages/08_request-list/PropertiesExpansion.vue
@@ -164,12 +164,15 @@ defineEmits<{
           class="row items-center q-pb-sm"
         >
           <article class="col-5">
-            {{ i + 1 }} {{ optionStore.mapOption(prop.fieldName) }}
+            {{ i + 1 }}
+            {{ optionStore.mapOption(prop.fieldName, 'propertiesField') }}
           </article>
           <PropertiesToInput
             :readonly="!state.isEdit || readonlyField.includes(prop.fieldName)"
             :prop="prop"
-            :placeholder="optionStore.mapOption(prop.fieldName)"
+            :placeholder="
+              optionStore.mapOption(prop.fieldName, 'propertiesField')
+            "
             v-model="formData[prop.fieldName]"
           />
         </span>