diff --git a/src/modules/06_retirement/components/resign/Resign.vue b/src/modules/06_retirement/components/resign/Resign.vue
index 32b651144..c58813040 100644
--- a/src/modules/06_retirement/components/resign/Resign.vue
+++ b/src/modules/06_retirement/components/resign/Resign.vue
@@ -5,10 +5,8 @@ import { useRouter } from "vue-router";
 import { useCounterMixin } from "@/stores/mixin";
 import { useRetirementDataStore } from "@/modules/06_retirement/store";
 import DialogHeader from "@/modules/06_retirement/components/DialogHeader.vue";
-
 import http from "@/plugins/http";
 import config from "@/app.config";
-
 import type { QTableProps } from "quasar";
 import type { ResponseItems } from "@/modules/06_retirement/interface/response/Main";
 
@@ -16,9 +14,7 @@ const $q = useQuasar(); //ใช้ noti quasar
 const router = useRouter();
 const mixin = useCounterMixin();
 const RetirementData = useRetirementDataStore();
-
 const { messageError, date2Thai, showLoader, hideLoader, success } = mixin;
-const { statusText } = RetirementData;
 
 const rows = ref<ResponseItems[]>([]);
 const columns = ref<QTableProps["columns"]>([
@@ -276,7 +272,6 @@ const closeModal = () => (modal.value = false);
 const selected = ref<ResponseItems[]>([]);
 const checkSelected = computed(() => {
   if (selected.value.length === 0) {
-
     return true;
   }
 });
@@ -287,20 +282,19 @@ const resetFilter = () => {
 };
 
 const openModalOrder = () => {
-
   openModal();
   const row = filters.value.filter(
     (r: ResponseItems) =>
       r.status == "PENDING" || r.status == "APPROVE" || r.status == "REJECT"
   );
   rows2.value = row;
-
 };
 
 onMounted(async () => {
   await fecthlist();
 });
 
+//นำข้อมูลจาก API มาแสดง
 const fecthlist = async () => {
   showLoader();
   await http
@@ -346,6 +340,7 @@ const fecthlist = async () => {
     });
 };
 
+//บันทึกคำสั่ง
 const saveOrder = async () => {
   const id = selected.value.map((r) => r.id);
   const body = {
@@ -369,6 +364,8 @@ const saveOrder = async () => {
       hideLoader();
     });
 };
+
+//แปลงข้อความ status
 const status = (val: string) => {
   switch (val) {
     case "WAITTING":
@@ -405,28 +402,66 @@ const pagination = ref({
       <div class="row col-12">
         <div class="row col-12 q-col-gutter-sm">
           <div>
-            <q-btn @click="openModalOrder" size="14px" flat round color="add" icon="mdi-account-arrow-right">
+            <q-btn
+              @click="openModalOrder"
+              size="14px"
+              flat
+              round
+              color="add"
+              icon="mdi-account-arrow-right"
+            >
               <q-tooltip>ส่งไปออกคำสั่งลาออก</q-tooltip>
             </q-btn>
           </div>
 
           <q-space />
 
-          <q-input class="col-xs-12 col-sm-3 col-md-2" standout dense v-model="filterKeyword" ref="filterRef" outlined
-            debounce="300" placeholder="ค้นหา">
+          <q-input
+            class="col-xs-12 col-sm-3 col-md-2"
+            standout
+            dense
+            v-model="filterKeyword"
+            ref="filterRef"
+            outlined
+            debounce="300"
+            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
+                v-if="filterKeyword !== ''"
+                name="clear"
+                class="cursor-pointer"
+                @click="resetFilter"
+              />
             </template>
           </q-input>
 
-          <q-select v-model="visibleColumns" multiple outlined dense options-dense :display-value="$q.lang.table.columns"
-            emit-value map-options :options="columns" option-value="name" options-cover style="min-width: 150px"
-            class="col-xs-12 col-sm-3 col-md-2" />
+          <q-select
+            v-model="visibleColumns"
+            multiple
+            outlined
+            dense
+            options-dense
+            :display-value="$q.lang.table.columns"
+            emit-value
+            map-options
+            :options="columns"
+            option-value="name"
+            options-cover
+            style="min-width: 150px"
+            class="col-xs-12 col-sm-3 col-md-2"
+          />
         </div>
         <div class="col-12 q-pt-sm">
-          <d-table :columns="columns" :rows="rows" :filter="filterKeyword" row-key="id" :visible-columns="visibleColumns"
-            v-model:pagination="pagination">
+          <d-table
+            :columns="columns"
+            :rows="rows"
+            :filter="filterKeyword"
+            row-key="id"
+            :visible-columns="visibleColumns"
+            v-model:pagination="pagination"
+          >
             <template v-slot:header="props">
               <q-tr :props="props">
                 <q-th v-for="col in props.cols" :key="col.name" :props="props">
@@ -435,7 +470,11 @@ const pagination = ref({
               </q-tr>
             </template>
             <template v-slot:body="props">
-              <q-tr :props="props" class="cursor-pointer" @click="router.push(`/retirement/resign/${props.row.id}`)">
+              <q-tr
+                :props="props"
+                class="cursor-pointer"
+                @click="router.push(`/retirement/resign/${props.row.id}`)"
+              >
                 <q-td key="no" :props="props">
                   {{ props.rowIndex + 1 }}
                 </q-td>
@@ -485,32 +524,72 @@ const pagination = ref({
         <div class="row justify-end">
           <div class="col-5">
             <q-toolbar style="padding: 0">
-
-              <q-input borderless outlined dense debounce="300" v-model="filterKeyword2" placeholder="ค้นหา"
-                style="width: 850px; max-width: auto">
+              <q-input
+                borderless
+                outlined
+                dense
+                debounce="300"
+                v-model="filterKeyword2"
+                placeholder="ค้นหา"
+                style="width: 850px; max-width: auto"
+              >
                 <template v-slot:append>
                   <q-icon v-if="filterKeyword2 == ''" name="search" />
-                  <q-icon v-if="filterKeyword2 !== ''" name="clear" class="cursor-pointer" @click="resetFilter" />
+                  <q-icon
+                    v-if="filterKeyword2 !== ''"
+                    name="clear"
+                    class="cursor-pointer"
+                    @click="resetFilter"
+                  />
                 </template>
               </q-input>
-              <q-select v-model="visibleColumns2" multiple outlined dense options-dense
-                :display-value="$q.lang.table.columns" emit-value map-options :options="columns2" option-value="name"
-                options-cover style="min-width: 150px" class="gt-xs q-ml-sm" />
+              <q-select
+                v-model="visibleColumns2"
+                multiple
+                outlined
+                dense
+                options-dense
+                :display-value="$q.lang.table.columns"
+                emit-value
+                map-options
+                :options="columns2"
+                option-value="name"
+                options-cover
+                style="min-width: 150px"
+                class="gt-xs q-ml-sm"
+              />
             </q-toolbar>
           </div>
         </div>
 
-        <d-table :columns="columns2" :rows="rows2" :filter="filterKeyword2" row-key="id"
-          :visible-columns="visibleColumns2" selection="multiple" v-model:selected="selected"
-          v-model:pagination="pagination">
+        <d-table
+          :columns="columns2"
+          :rows="rows2"
+          :filter="filterKeyword2"
+          row-key="id"
+          :visible-columns="visibleColumns2"
+          selection="multiple"
+          v-model:selected="selected"
+          v-model:pagination="pagination"
+        >
           <template v-slot:header-selection="scope">
-            <q-checkbox keep-color color="primary" dense v-model="scope.selected" />
+            <q-checkbox
+              keep-color
+              color="primary"
+              dense
+              v-model="scope.selected"
+            />
           </template>
 
           <template v-slot:body="props">
             <q-tr :props="props" class="cursor-pointer">
               <q-td>
-                <q-checkbox keep-color color="primary" dense v-model="props.selected" />
+                <q-checkbox
+                  keep-color
+                  color="primary"
+                  dense
+                  v-model="props.selected"
+                />
               </q-td>
               <q-td key="no" :props="props">
                 {{ props.rowIndex + 1 }}
@@ -548,7 +627,12 @@ const pagination = ref({
       </q-card-section>
 
       <q-card-actions align="right" class="bg-white text-teal">
-        <q-btn label="ส่งไปออกคำสั่ง" @click="saveOrder" :disable="checkSelected" color="public" />
+        <q-btn
+          label="ส่งไปออกคำสั่ง"
+          @click="saveOrder"
+          :disable="checkSelected"
+          color="public"
+        />
       </q-card-actions>
     </q-card>
   </q-dialog>