From 7b89fd7cb64e8b986fb6be2634e9cbd34fa065d5 Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Tue, 9 Jul 2024 16:56:03 +0700
Subject: [PATCH] =?UTF-8?q?refactor:=20=E0=B9=80=E0=B8=9E=E0=B8=B4?=
 =?UTF-8?q?=E0=B9=88=E0=B8=A1=20select?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/04_product-service/MainPage.vue | 27 +++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index 9ab359be..c6f4ca92 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -2148,6 +2148,33 @@ watch(inputSearchProductAndService, async () => {
                 </q-list>
               </q-menu>
             </q-btn>
+
+
+    <q-select
+                  v-if="modeView === false"
+                  id="select-field"
+                  for="select-field"
+                  :options="   {
+                    product: tbControl.product.fieldDisplay,
+                    service: tbControl.service.fieldDisplay,
+                  }[productAndServiceTab].map(x => ({ label: $t(x), value: x })) "
+                  :display-value="$t('displayField')"
+                  :model-value="
+                    { product: tbControl.product.fieldSelected,
+                    service: tbControl.service.fieldSelected,
+                  }[productAndServiceTab]
+"
+                  @update:model-value="(v) => tbControl[productAndServiceTab].fieldSelected = v
+                  "
+                  option-label="label"
+                  option-value="value"
+                  map-options
+                  emit-value
+                  outlined
+                  multiple
+                  dense
+                />
+
             <q-btn-toggle
               v-model="modeView"
               id="btn-mode"