delete clearable

src/modules/05_placement/components/OrderReplace/MainOrderReplace.vue

@@ -8,7 +8,6 @@
             v-model="fiscalyear"
             label="ปีงบประมาณ"
             dense
-            clearable
             emit-value
             map-options
             :options="fiscalyearOP"
@@ -83,7 +82,6 @@
                 v-model="OrderType"
                 label="ประเภท"
                 dense
-                clearable
                 emit-value
                 map-options
                 option-label="name"
@@ -103,7 +101,6 @@
                 v-model="OrderStatus"
                 label="สถานะ"
                 dense
-                clearable
                 emit-value
                 map-options
                 option-label="name"
@@ -208,7 +205,7 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, reactive, ref, useAttrs } from "vue";
+import { onMounted, reactive, ref, useAttrs, computed } from "vue";
 import type { QTableProps } from "quasar";
 import type { FormOrderPlacementMainData } from "@/modules/05_placement/interface/request/Main";
 import type { DataOption } from "@/modules/05_placement/interface/index/Main";
@@ -381,6 +378,14 @@ const rows = ref<FormOrderPlacementMainData[]>([
 let OriginalData = ref<FormOrderPlacementMainData[]>([]);
 let UpdataData = ref<FormOrderPlacementMainData[]>([]);
 
+onMounted(async () => {
+  await OriginalDataFetch();
+  fiscalYearFilter();
+  searchFilterTable();
+  OrderStatusFilter();
+  OrderTypeFilter();
+});
+
 const OriginalDataFetch = async () => {
   // API
   // await http
@@ -397,14 +402,6 @@ const OriginalDataFetch = async () => {
   UpdataData.value = OriginalData.value;
 };
 
-onMounted(async () => {
-  await OriginalDataFetch();
-  fiscalYearFilter();
-  searchFilterTable();
-  OrderStatusFilter();
-  OrderTypeFilter();
-});
-
 // ดูรายการสอบแข่งขัน หน้าต่อไป
 const redirectToPage = (id?: number) => {
   // router.push({ name: 'placementDetail'});