hrms-bangkok/hrms-mgt
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

ปรับ UI รายงานสถิติข้อมูลข้าราชการ กทม. สามัญ และลูกจ้างประจำ

Browse source
This commit is contained in:
setthawutttty 2024-12-10 14:00:25 +07:00
parent 5f654f7567
commit d206c19362
1 changed files with 57 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

25
src/modules/04_registryPerson/components/TableView.vue
View file

@ -34,7 +34,7 @@ const rangeAge = ref<RangeAge>({
}); });
const objMarkerLabel = computed(() => { const objMarkerLabel = computed(() => {
return { 50: `ช่วงอายุ ${rangeAge.value.min}-${rangeAge.value.max} ปี` }; return { 50: `เลือกช่วงอายุ ${rangeAge.value.min}-${rangeAge.value.max} ปี` };
}); });
const loadingBtn = ref<boolean>(false); const loadingBtn = ref<boolean>(false);
@ -626,7 +626,7 @@ watch(
</d-table> </d-table>
<q-dialog v-model="modalReport" persistent> <q-dialog v-model="modalReport" persistent>
<q-card class="col-12" style="width: 80%"> <q-card class="col-12" style="width: 40%">
<DialogHeader <DialogHeader
:tittle=" :tittle="
empType == 'officer' empType == 'officer'
@ -637,9 +637,8 @@ watch(
/> />
<q-separator /> <q-separator />
<q-card-section class="q-pt-none" style="padding: 0px"> <q-card-section class="q-pt-none" style="padding: 0px">
<div class="q-pa-sm q-gutter-y-sm"> <div class="column 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 col-4">
<datepicker <datepicker
menu-class-name="modalfix" menu-class-name="modalfix"
v-model="year" v-model="year"
@ -671,9 +670,8 @@ watch(
</q-input> </q-input>
</template> </template>
</datepicker> </datepicker>
</div>
<div class="q-pr-xs col-4"> <div class="q-px-sm q-mx-md q-py-lg">
<div class="q-px-sm q-mx-md">
<q-range <q-range
v-model="rangeAge" v-model="rangeAge"
:min="20" :min="20"
@ -684,8 +682,11 @@ watch(
> >
</q-range> </q-range>
</div> </div>
</div> </div>
<div class="q-pr-xs col-4"> </q-card-section>
<q-separator />
<q-card-actions align="right">
<q-btn <q-btn
:loading="loadingBtn" :loading="loadingBtn"
:disable="loadingBtn" :disable="loadingBtn"
@ -697,11 +698,7 @@ watch(
> >
<q-tooltip>ดาวน์โหลดรายงาน</q-tooltip> <q-tooltip>ดาวน์โหลดรายงาน</q-tooltip>
</q-btn> </q-btn>
</div> </q-card-actions>
</q-toolbar>
</div>
</q-card-section>
<q-separator />
</q-card> </q-card>
</q-dialog> </q-dialog>