ปรับระบบสรรหา ประวัติการทำงาน รวมระยะเวลา

src/modules/03_recruiting/components/Career.vue

@@ -34,7 +34,7 @@
             </div>
           </q-td>
           <q-td
-            auto-width
+            style="width:5% !important;"
             v-if="status == 'checkRegister' || status == 'payment'"
           >
             <q-btn
@@ -50,11 +50,12 @@
         </q-tr>
       </template>
       <template #bottom="props">
-        <div :props="props" class="row col-11 justify-end">
-          <span class="text-weight-medium text-subtitle2"
-            >รวมระยะเวลา : <span class="q-pl-sm">{{ total }}</span></span
-          >
-        </div>
+          <div style="width:75% !important;"/>
+          <div :props="props" style="width:25% !important;padding-left: 12px;">
+            <span class="text-weight-medium text-subtitle2 q-py-sm"
+              >รวมระยะเวลา : <span class="q-pl-sm">{{ total }}</span></span
+            >
+          </div>
       </template>
     </Table>
   </q-form>
@@ -353,7 +354,7 @@ const columns = ref<QTableProps["columns"]>([
     sortable: true,
     field: "position",
     headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
+    style: "font-size: 14px; width:25%;",
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
@@ -364,7 +365,7 @@ const columns = ref<QTableProps["columns"]>([
     sortable: true,
     field: "type",
     headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
+    style: "font-size: 14px; width:20%;",
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
@@ -408,7 +409,7 @@ const columns = ref<QTableProps["columns"]>([
     sortable: true,
     field: "startDate",
     headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
+    style: "font-size: 14px; width:15%;",
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
@@ -419,7 +420,7 @@ const columns = ref<QTableProps["columns"]>([
     sortable: true,
     field: "endDate",
     headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
+    style: "font-size: 14px; width:15%;",
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
@@ -430,7 +431,7 @@ const columns = ref<QTableProps["columns"]>([
     sortable: true,
     field: "rangeDate",
     headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
+    style: "font-size: 14px; width:20%;",
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },