refactor: เพิ่ม select

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"