filter ==> คำสั่งและต้นแบบ

src/modules/05_command/views/salaryLists.vue

@@ -6,20 +6,17 @@ import http from "@/plugins/http";
 import config from "@/app.config";
 
 import { useCounterMixin } from "@/stores/mixin";
-import { useDataStore } from "@/modules/05_command/stores/main";
 
 import type {
   CommandSysType,
   ListTemplateSalary,
-  ActiveOptions,
 } from "@/modules/05_command/interface/index/Main";
 
 import Header from "@/components/DialogHeader.vue";
-import { options } from "@fullcalendar/core/preact";
 
 const $q = useQuasar();
 const mixin = useCounterMixin();
-const store = useDataStore();
+
 const {
   dialogConfirm,
   success,
@@ -42,16 +39,6 @@ const filter = ref<string>(""); // ตัวแปร ฟิลเตอร์
 const listOrder = ref<CommandSysType[]>([]);
 const activeOrderId = ref<string>(""); // ตัวแปรเก็บ id เพื่อเอาไป = class
 const isActive = ref<boolean>(true); // สถานะการใช้งาน
-const isActiveOption = ref<ActiveOptions[]>([
-  {
-    value: true,
-    label: "ใช้งาน",
-  },
-  {
-    value: false,
-    label: "ไม่ได้ใช้งาน",
-  },
-]);
 const dataForm = reactive<ListTemplateSalary>({
   id: "",
   name: "",
@@ -139,7 +126,6 @@ function closeDialog() {
   dataForm.id = "";
   dataForm.name = "";
   dataForm.isActive = false;
-
   isEdit.value = false;
   dialogForm.value = false;
 }
@@ -323,20 +309,13 @@ onMounted(() => {
                 <q-input
                   borderless
                   dense
-                  debounce="300"
                   outlined
                   v-model="filter"
                   placeholder="ค้นหา"
                   @keydown.enter="(pagination.page = 1), fetchSalaryList()"
                 >
                   <template v-slot:append>
-                    <q-icon name="search" v-if="filter == ''" />
-                    <q-icon
-                      name="clear"
-                      v-else
-                      class="cursor-pointer"
-                      @click="filter = ''"
-                    />
+                    <q-icon name="search" />
                   </template>
                 </q-input>
                 <q-select