add: leaveCount in permission leave

src/modules/09_leave/components/07_LeaveHistory/DialogForm.vue

@@ -84,6 +84,7 @@ const formData = reactive({
   leaveYear: calculateFiscalYear(new Date()), //ปี
   leaveDays: "", //วันลาที่ยกมา
   leaveDaysUsed: "", //วันลาที่ใช้ไป
+  leaveCount: "", //ครั้งที่ใช้ไป
 });
 const leaveTypeOptions = ref<DataLeaveType[]>([]);
 const leaveTypeOptionsMain = ref<DataLeaveType[]>([]);
@@ -104,6 +105,7 @@ async function onSubmit() {
       leaveDaysUsed: formData.leaveDaysUsed
         ? Number(formData.leaveDaysUsed)
         : 0,
+      leaveCount: formData.leaveCount ? Number(formData.leaveCount) : 0,
     })
 
       .then(async () => {
@@ -156,6 +158,7 @@ async function defineDataLeaveBeginning(data: DataLeaveBeginning) {
   formData.leaveDaysUsed = data.leaveDaysUsed
     ? data.leaveDaysUsed.toString()
     : "0";
+  formData.leaveCount = data.leaveCount ? data.leaveCount.toString() : "0";
 }
 
 /**
@@ -450,7 +453,17 @@ watch(modal, async (val) => {
                     v-model="formData.leaveDaysUsed"
                     dense
                     outlined
-                    label="วันลาที่ใช้ไป"
+                    label="ที่ใช้ไป (วัน)"
+                    hide-bottom-space
+                  />
+                </div>
+                <div class="col-12">
+                  <q-input
+                    :class="classInput(true)"
+                    v-model="formData.leaveCount"
+                    dense
+                    outlined
+                    label="ที่ใช้ไป (ครั้ง)"
                     hide-bottom-space
                   />
                 </div>

src/modules/09_leave/interface/response/leaveHistory.ts

@@ -27,6 +27,7 @@ interface DataLeaveBeginning {
   leaveYear: number;
   prefix: string;
   profileId: string;
+  leaveCount: number;
 }
 
 export type { DataLeaveType, DataLeaveBeginning };

src/modules/09_leave/views/07_LeaveHistoryMain.vue

@@ -83,12 +83,21 @@ const columns = ref<QTableColumn[]>([
   {
     name: "leaveDaysUsed",
     align: "left",
-    label: " วันลาที่ใช้ไป",
+    label: "ที่ใช้ไป (วัน)",
     sortable: true,
     field: "leaveDaysUsed",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
+  {
+    name: "leaveCount",
+    align: "left",
+    label: "ที่ใช้ไป (ครั้ง)",
+    sortable: true,
+    field: "leaveCount",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
 ]);
 const visibleColumns = ref<string[]>([
   "fullName",
@@ -96,6 +105,7 @@ const visibleColumns = ref<string[]>([
   "leaveYear",
   "leaveDays",
   "leaveDaysUsed",
+  "leaveCount",
 ]);
 
 const modalDialogForm = ref<boolean>(false); //modal Dialog บันทึกข้อมูลการลาย้อนหลัง