บรรจุ แต่งตั้ง ===> ปรับ ui

src/modules/05_placement/views/08_otherMain.vue

@@ -12,7 +12,6 @@ import config from "@/app.config";
 /** importType*/
 import type { QTableProps } from "quasar";
 import type { listMain } from "@/modules/05_placement/interface/response/OhterMain";
-import type { OpType } from "@/modules/05_placement/interface/response/Main";
 
 /** importcomopnents*/
 import Dialogbody from "@/modules/05_placement/components/Other/DialogOrders.vue";
@@ -160,14 +159,6 @@ async function fecthlistOthet() {
     });
 }
 
-/**
- * รีเซ็ตข้อมูลในช่อง input
- */
-function resetFilter() {
-  filterKeyword.value = "";
-  filterKeyword2.value = "";
-}
-
 /**
  * เปิด popup ส่งไปออกคำสั่งอื่นๆ
  */
@@ -248,13 +239,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>
           <q-select
@@ -268,7 +253,6 @@ onMounted(() => {
             map-options
             :options="columns"
             option-value="name"
-            
             style="min-width: 140px"
             class="col-xs-12 col-sm-3 col-md-2 q-ml-sm"
           />
@@ -307,15 +291,18 @@ onMounted(() => {
                   </q-btn>
 
                   <q-btn
-                    v-if="
-                      props.row.status !== 'REPORT' &&
-                      props.row.status !== 'DONE' &&
-                      checkPermission($route)?.attrIsDelete
-                    "
+                    v-if="checkPermission($route)?.attrIsDelete"
                     flat
+                    :disable="
+                      props.row.status == 'REPORT' || props.row.status == 'DONE'
+                    "
                     round
                     dense
-                    color="red"
+                    :color="
+                      props.row.status == 'REPORT' || props.row.status == 'DONE'
+                        ? 'grey-5'
+                        : 'red'
+                    "
                     icon="mdi-delete"
                     @click.stop="clickDelete(props.row.id)"
                   >
@@ -332,7 +319,7 @@ onMounted(() => {
                     :class="
                       col.name === 'organizationPositionOld' ||
                       col.name === 'organization'
-                        ? 'table_ellipsis'
+                        ? 'table_ellipsis2'
                         : ''
                     "
                   >