ทดลองงาน

src/modules/05_placement/components/probation/MainAppoint.vue

@@ -158,6 +158,7 @@ onMounted(async () => {
   await getData();
 });
 </script>
+
 <template>
   <q-card flat class="q-pa-sm">
     <div class="row q-col-gutter-sm">
@@ -188,13 +189,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>
 
@@ -209,7 +204,6 @@ onMounted(async () => {
             map-options
             :options="columns"
             option-value="name"
-            
             style="min-width: 140px"
             class="col-xs-12 col-sm-3 col-md-2"
           />
@@ -254,28 +248,26 @@ onMounted(async () => {
                 </q-btn>
                 <q-btn
                   v-if="
-                    props.row.status == 'PENDING' &&
                     checkPermission($route)?.attrIsUpdate &&
                     checkPermission($route)?.attrIsGet
                   "
                   flat
+                  :disable="props.row.status !== 'PENDING'"
+                  :color="props.row.status !== 'PENDING' ? 'grey-5' : 'edit'"
                   dense
                   round
-                  color="edit"
                   icon="edit"
                   @click="onNextPage(props.row.id, true)"
                 >
                   <q-tooltip>แก้ไขข้อมูล</q-tooltip>
                 </q-btn>
                 <q-btn
-                  v-if="
-                    props.row.status == 'PENDING' &&
-                    checkPermission($route)?.attrIsDelete
-                  "
+                  v-if="checkPermission($route)?.attrIsDelete"
+                  :disable="props.row.status !== 'PENDING'"
+                  :color="props.row.status !== 'PENDING' ? 'grey-5' : 'red'"
                   flat
                   dense
                   round
-                  color="red"
                   icon="delete"
                   @click="onDelete(props.row.id)"
                 >