ปรับรายการลา

src/modules/09_leave/components/1_Work/DialogReport.vue

@@ -173,15 +173,15 @@ watch(
 </script>
 <template>
   <q-dialog v-model="props.modal">
-    <q-card style="width: 800px; max-width: 80vw">
+    <q-card style="width: 700px; max-width: 100vw">
       <Header :close="props.close" :tittle="'รายงานสถิติการลา'" />
 
       <q-separator />
 
-      <q-card-section class="q-pt-none">
+      <q-card-section class="q-pt-none" style="padding: 0px">
         <div class="q-pa-sm q-gutter-y-sm">
           <q-toolbar class="q-pa-sm bg-grey-2" style="border-radius: 5px">
-            <div class="q-pr-xs">
+            <div class="q-pr-xs col-4">
               <q-select
                 class="bg-white"
                 outlined
@@ -193,7 +193,6 @@ watch(
                 option-label="name"
                 option-value="id"
                 use-input
-                style="width: 230px"
                 @update:model-value="updateFilterType"
                 @filter="(inputValue: any,
         doneFn: Function) => filterFnOptions(inputValue, doneFn,)"
@@ -206,7 +205,7 @@ watch(
                 </template>
               </q-select>
             </div>
-            <div class="q-pr-xs" v-if="filterType === 'daily'">
+            <div class="q-pr-xs col-4" v-if="filterType === 'daily'">
               <datepicker
                 menu-class-name="modalfix"
                 v-model="date"
@@ -242,7 +241,7 @@ watch(
                 </template>
               </datepicker>
             </div>
-            <div class="q-pr-xs" v-if="filterType === 'monthly'">
+            <div class="q-pr-xs col-4" v-if="filterType === 'monthly'">
               <datepicker
                 v-model="dateMonth"
                 :locale="'th'"
@@ -276,17 +275,19 @@ watch(
                 </template>
               </datepicker>
             </div>
-            <q-space />
-            <q-btn
-              :loading="loadingBtn"
-              :disable="loadingBtn"
-              color="primary"
-              icon="download"
-              label="ดาวน์โหลดรายงาน"
-              @click="genReportXLSX(detailReport)"
-            >
-              <q-tooltip>ดาวน์โหลดรายงาน</q-tooltip>
-            </q-btn>
+            <div class="q-pr-xs col-4">
+              <q-btn
+                :loading="loadingBtn"
+                :disable="loadingBtn"
+                color="primary"
+                icon="download"
+                label="ดาวน์โหลดรายงาน"
+                @click="genReportXLSX(detailReport)"
+                style="width: 100%"
+              >
+                <q-tooltip>ดาวน์โหลดรายงาน</q-tooltip>
+              </q-btn>
+            </div>
           </q-toolbar>
         </div>
       </q-card-section>

src/modules/09_leave/stores/LeaveStore.ts

@@ -24,7 +24,7 @@ export const useLeavelistDataStore = defineStore("leave", () => {
   const filter = reactive<DateFilter>({
     year: new Date().getFullYear(), //*ปีในการยื่นขอใบลา(ใช้เป็น คศ.)
     type: "00000000-0000-0000-0000-000000000000", //*Id ประเภทการลา
-    status: "ALL", //*สถานะการของลา
+    status: "NEW", //*สถานะการของลา
     keyword: "", //keyword ค้นหา
   });
 

src/modules/09_leave/views/WorkingMain.vue

@@ -21,7 +21,7 @@ function onClickOpenDialog() {
     <q-btn
       dense
       flat
-      class="text-primary"
+      class="text-secondary"
       label="รายงานสถิติการลา"
       @click="onClickOpenDialog"
     >