- แก้ไข focus style icon ของเพิ่มคนในทดลองงาน + ลาออก

- fix code error (type script)

src/modules/06_retirement/components/resign/Resign.vue

@@ -389,6 +389,13 @@ const status = (val: string) => {
       return "-";
   }
 };
+
+const pagination = ref({
+  sortBy: "datetext",
+  descending: true,
+  page: 1,
+  rowsPerPage: 10,
+});
 </script>
 <template>
   <div class="toptitle text-dark col-12 row items-center">รายการลาออก</div>
@@ -397,9 +404,11 @@ const status = (val: string) => {
     <div class="col-12 row q-pa-md">
       <div class="row col-12">
         <div class="row col-12 q-col-gutter-sm">
-          <q-btn @click="openModalOrder" size="14px" flat round color="add" icon="mdi-account-arrow-right">
-            <q-tooltip>ส่งไปออกคำสั่งลาออก</q-tooltip>
-          </q-btn>
+          <div>
+            <q-btn @click="openModalOrder" size="14px" flat round color="add" icon="mdi-account-arrow-right">
+              <q-tooltip>ส่งไปออกคำสั่งลาออก</q-tooltip>
+            </q-btn>
+          </div>
 
           <q-space />
 
@@ -416,7 +425,8 @@ const status = (val: string) => {
             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">
+          <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">
@@ -491,7 +501,8 @@ const status = (val: string) => {
         </div>
 
         <d-table :columns="columns2" :rows="rows2" :filter="filterKeyword2" row-key="id"
-          :visible-columns="visibleColumns2" selection="multiple" v-model:selected="selected">
+          :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" />
           </template>