แก้ select /input

src/modules/11_discipline/components/6_BasicInformation/Channel/MainPage.vue

@@ -198,13 +198,7 @@ onMounted(() => {
         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>
 
@@ -220,7 +214,6 @@ onMounted(() => {
         map-options
         :options="dataStore.columns"
         option-value="name"
-        
         style="min-width: 140px"
         class="col-xs-12 col-sm-3 col-md-2"
       />
@@ -230,7 +223,7 @@ onMounted(() => {
         :columns="dataStore.columns"
         :rows="dataStore.rows"
         row-key="id"
-        :filter="filterKeyword"
+        :filter="filterKeyword.trim()"
         :visible-columns="dataStore.visibleColumns"
         v-model:pagination="pagination"
       >

src/modules/11_discipline/components/6_BasicInformation/Director/Form.vue

@@ -50,8 +50,7 @@ const props = defineProps({
 const type = ref<string>("citizenId");
 const typeOps = ref<typeOp[]>([
   { id: "citizenId", name: "เลขประจำตัวประชาชน" },
-  { id: "firstname", name: "ชื่อ" },
-  { id: "lastname", name: "นามสกุล" },
+  { id: "fullName", name: "ชื่อ-นามสกุล" },
 ]);
 const isReadonly = ref<boolean>(false); // อ่านได้อย่างเดียว
 const emit = defineEmits(["formDataReturn"]);
@@ -321,7 +320,6 @@ watch(
                   hide-bottom-space
                   dense
                   label="คำค้น"
-                  :rules="[(val:string) => !!val || `กรุณากรอกคำค้น`]"
                 >
                   <template v-slot:after>
                     <q-btn
@@ -329,7 +327,7 @@ watch(
                       icon="search"
                       label="ค้นหา"
                       class="full-width q-py-sm q-px-md"
-                      outline
+                      unelevated
                       @click="searchInput()"
                     >
                     </q-btn>

src/modules/11_discipline/components/6_BasicInformation/Director/MainPage.vue

@@ -52,7 +52,7 @@ async function getList() {
       config.API.directorList(
         pagination.value.page,
         pagination.value.rowsPerPage,
-        filterKeyword.value,
+        filterKeyword.value.trim(),
         mainStore.pathDirector(route.name as string)
       )
     )
@@ -189,13 +189,7 @@ onMounted(() => {
         @keydown.enter.prevent="filterFn"
       >
         <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>