refacotr: bind value

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"