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

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

@@ -247,7 +247,6 @@ async function fetchDataCommandTypeId(id: string) {
  */
 function filterSelector(val: string, update: Function) {
   update(() => {
-    category.value = val ? "" : category.value;
     categoryOP.value = dataCategory.value.filter(
       (v: DateOption) => v.name.indexOf(val) > -1
     );
@@ -281,13 +280,11 @@ onMounted(async () => {
             borderless
             dense
             outlined
-            clearable
             v-model="keyword"
             placeholder="ค้นหา"
-            @clear="(keyword = ''), searchByStatus()"
             @keydown.enter.prevent="searchByStatus()"
           >
-            <template v-slot:append v-if="keyword === ''">
+            <template v-slot:append>
               <q-icon name="search" />
             </template>
           </q-input>
@@ -475,6 +472,8 @@ onMounted(async () => {
                 option-value="id"
                 lazy-rules
                 use-input
+                hide-selected
+                fill-input
                 hide-bottom-space
                 outlined
                 :rules="[(val:string) => !!val || `${'กรุณาเลือกหมวดหมู่'}`]"
@@ -505,11 +504,7 @@ onMounted(async () => {
                 label="บัญชีแนบท้าย"
                 size="sm"
               />
-              <q-checkbox
-                v-model="isSalary"
-                label="แก้ไขเงินเดือน"
-                size="sm"
-              />
+              <q-checkbox v-model="isSalary" label="แก้ไขเงินเดือน" size="sm" />
             </div>
           </div>
         </q-card-section>