filter ==> จัดการผู้ใช้งาน

src/modules/02_users/views/03_permissionsView.vue

@@ -22,9 +22,7 @@ import type {
 import DialogAdd from "@/modules/02_users/components/Permissions/DialogAdd.vue";
 import PopupPersonal from "@/modules/02_users/components/RoleOrganization/DialogPersonal.vue";
 
-/**
- * use
- */
+/** use*/
 const $q = useQuasar();
 const store = usePermissionsStore();
 const { showLoader, hideLoader, messageError, success, dialogRemove } =
@@ -254,9 +252,7 @@ const pagination = ref<Pagination>({
 
 const modalDialogAdd = ref<boolean>(false); // popup จัดการสิทธิ์
 
-/**
- *  function เรียกข้อมูลโครงสร้าง แบบปัจุบันและ แบบร่าง
- */
+/**  function เรียกข้อมูลโครงสร้าง แบบปัจุบันและ แบบร่าง */
 async function fetchOrganizationActive() {
   showLoader();
   await http
@@ -545,13 +541,7 @@ onMounted(() => {
                     <div class="col-12">
                       <q-input dense outlined v-model="filter" label="ค้นหา">
                         <template v-slot:append>
-                          <q-icon
-                            v-if="filter !== ''"
-                            name="clear"
-                            class="cursor-pointer"
-                            @click="filter = ''"
-                          />
-                          <q-icon name="search" color="grey-5" v-else />
+                          <q-icon name="search" />
                         </template>
                       </q-input>
                     </div>
@@ -659,8 +649,6 @@ onMounted(() => {
                       dense
                       v-model="reqMaster.keyword"
                       label="ค้นหา"
-                      clearable
-                      @clear="reqMaster.keyword = ''"
                       @keydown.enter.prevent="
                         (reqMaster.page = 1),
                           fetchDataTable(
@@ -670,8 +658,8 @@ onMounted(() => {
                           )
                       "
                     >
-                      <template v-slot:append v-if="reqMaster.keyword === ''">
-                        <q-icon name="search" color="grey-5" />
+                      <template v-slot:append>
+                        <q-icon name="search" />
                       </template>
                     </q-input>
                   </div>