เครื่องราช จัดการคำขอ

src/modules/07_insignia/components/2_Manage/Tab1.vue

@@ -750,12 +750,10 @@ function filterSelector(val: string, update: Function, name: string) {
   update(() => {
     const needle = val.toLowerCase();
     if (name === "typeinsigniaOptions") {
-      DataStore.typeinsignia = "";
       typeinsigniaOptions.value = DataStore.typeinsigniaOptions.filter(
         (v: OptionData) => v.name.toLowerCase().indexOf(needle) > -1
       );
     } else if (name === "employeeClassOps") {
-      DataStore.employeeClass = "";
       employeeClassOps.value = DataStore.employeeClassOps.filter(
         (v: OptionData) => v.name.toLowerCase().indexOf(needle) > -1
       );
@@ -832,6 +830,8 @@ onMounted(async () => {
           option-label="name"
           lazy-rules
           use-input
+          hide-selected
+          fill-input
           hide-bottom-space
           :readonly="false"
           :borderless="false"
@@ -846,7 +846,6 @@ onMounted(async () => {
         <q-space />
 
         <q-input
-          class="col-xs-12 col-sm-3 col-md-2"
           standout
           dense
           v-model="filterKeyword"
@@ -856,13 +855,7 @@ onMounted(async () => {
           placeholder="ค้นหา"
         >
           <template v-slot:append>
-            <q-icon v-if="filterKeyword == ''" name="search" />
-            <q-icon
-              v-if="filterKeyword !== ''"
-              name="clear"
-              class="cursor-pointer"
-              @click="resetFilter"
-            />
+            <q-icon name="search" />
           </template>
         </q-input>
 
@@ -878,7 +871,6 @@ onMounted(async () => {
           :options="columns"
           option-value="name"
           style="min-width: 140px"
-          class="col-xs-12 col-sm-3 col-md-2"
         />
       </div>
       <q-card bordered class="q-pa-sm col-12 bg-grey-1 q-mt-sm">
@@ -896,6 +888,8 @@ onMounted(async () => {
             lazy-rules
             hide-bottom-space
             use-input
+            hide-selected
+            fill-input
             :readonly="false"
             :borderless="false"
             :outlined="true"
@@ -940,6 +934,8 @@ onMounted(async () => {
             emit-value
             use-input
             map-options
+            hide-selected
+            fill-input
             option-label="name"
             :options="employeeClassOps"
             option-value="id"