From 21fc2d5d9640dab867b64b31ad9fe711597be708 Mon Sep 17 00:00:00 2001
From: net <net@chamomind.local>
Date: Tue, 14 Oct 2025 18:03:59 +0700
Subject: [PATCH] refacotr: bind value

---
 .../16_business-type-management/MainPage.vue  | 21 ++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/pages/16_business-type-management/MainPage.vue b/src/pages/16_business-type-management/MainPage.vue
index 356c80de..4437b43c 100644
--- a/src/pages/16_business-type-management/MainPage.vue
+++ b/src/pages/16_business-type-management/MainPage.vue
@@ -45,7 +45,7 @@ const fieldSelected = ref<('no' | 'name' | 'nameEN')[]>([
 const fieldSelectedOption = ref<{ label: string; value: string }[]>([
   {
     label: 'general.order',
-    value: 'orderNumber',
+    value: 'no',
   },
 
   {
@@ -312,6 +312,25 @@ watch(
             </q-input>
 
             <div class="row col-md-5 justify-end" style="white-space: nowrap">
+              <q-select
+                v-if="$q.screen.gt.sm"
+                v-model="statusFilter"
+                outlined
+                dense
+                option-value="value"
+                option-label="label"
+                class="col"
+                :class="{ 'offset-md-5': pageState.gridView }"
+                map-options
+                emit-value
+                :for="'field-select-status'"
+                :hide-dropdown-icon="$q.screen.lt.sm"
+                :options="[
+                  { label: $t('general.all'), value: 'all' },
+                  { label: $t('general.active'), value: 'statusACTIVE' },
+                  { label: $t('general.inactive'), value: 'statusINACTIVE' },
+                ]"
+              />
               <q-select
                 v-if="!pageState.gridView"
                 id="select-field"