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

feat: Download Template File

Browse source
This commit is contained in:
setthawutttty 2025-07-09 10:02:58 +07:00
parent 8a0395da63
commit d6546b4f89
5 changed files with 66 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

44
src/modules/03_recruiting/components/DialogHeadTemplate.vue Normal file
View file

@ -0,0 +1,44 @@
<script setup lang="ts">
const props = defineProps({
title: String,
titleType: String,
close: {
type: Function,
default: () => console.log("not function"),
},
});
const close = async () => {
props.close();
};
function onTemplate() {
window.open(`/File/${props.titleType}.xlsx`, "_blank");
}
</script>
<template>
<q-toolbar>
<q-toolbar-title class="text-subtitle2 text-bold"
>{{ title }}
<q-btn
icon="mdi-download"
unelevated
round
color="blue"
flat
dense
@click="onTemplate()"
>
<q-tooltip>ดาวน์โหลดไฟล์ต้นแบบ</q-tooltip>
</q-btn></q-toolbar-title
>
<q-btn
icon="close"
unelevated
round
dense
@click="close"
style="color: #ff8080; background-color: #ffdede"
/>
</q-toolbar>
</template>

60
src/modules/03_recruiting/views/01_compete/Period.vue
View file

@ -20,6 +20,7 @@ import type {
import Table from "@/modules/03_recruiting/components/Table.vue";
import DialogHeader from "@/components/DialogHeader.vue";
import HistoryTable from "@/components/TableHistory.vue";
import DialogHeadTemplate from "@/modules/03_recruiting/components/DialogHeadTemplate.vue";
const $q = useQuasar(); // show dialog
const mixin = useCounterMixin();
@ -772,31 +773,11 @@ onMounted(async () => {
<q-dialog v-model="modalScore" persistent>
<q-card style="width: 600px">
<q-form ref="myFormScore">
<q-toolbar>
<q-toolbar-title class="text-subtitle2 text-bold"
>{{ textTittleScore }}
<q-btn
icon="mdi-download"
unelevated
round
color="blue"
flat
dense
@click="onTemplate('สรรหาสอบแข่งขัน_จำนวนที่บันทึกผลสอบ')"
>
<q-tooltip>ดาวน์โหลดไฟล์ต้นแบบ</q-tooltip>
</q-btn>
</q-toolbar-title>
<q-btn
icon="close"
unelevated
round
dense
@click="clickCloseScore"
style="color: #ff8080; background-color: #ffdede"
/>
</q-toolbar>
<DialogHeadTemplate
:title="textTittleScore"
:close="clickCloseScore"
title-type="สรรหาสอบแข่งขัน_จำนวนที่บันทึกผลสอบ"
/>
<q-separator />
<q-card-section>
<div class="col-12 row items-center q-col-gutter-sm">
@ -836,30 +817,11 @@ onMounted(async () => {
<q-dialog v-model="modalCandidate" persistent>
<q-card style="width: 600px">
<q-form ref="myFormScore">
<q-toolbar>
<q-toolbar-title class="text-subtitle2 text-bold"
>{{ textTittleCandidate }}
<q-btn
icon="mdi-download"
unelevated
round
color="blue"
flat
dense
@click="onTemplate('สรรหาสอบแข่งขัน_จำนวนผู้สอบทั้งหมด')"
>
<q-tooltip>ดาวน์โหลดไฟล์ต้นแบบ</q-tooltip>
</q-btn>
</q-toolbar-title>
<q-btn
icon="close"
unelevated
round
dense
@click="clickCloseCandidate"
style="color: #ff8080; background-color: #ffdede"
/>
</q-toolbar>
<DialogHeadTemplate
:title="textTittleCandidate"
:close="clickCloseCandidate"
title-type="สรรหาสอบแข่งขัน_จำนวนผู้สอบทั้งหมด"
/>
<q-separator />
<q-card-section>
<div class="col-12 row items-center q-col-gutter-sm">

16
src/modules/03_recruiting/views/02_qualify/DisablePeriod.vue
View file

@ -20,6 +20,7 @@ import type { Pagination } from "@/modules/03_recruiting/interface/index/Main";
import Table from "@/modules/03_recruiting/components/Table.vue";
import DialogHeader from "@/components/DialogHeader.vue";
import HistoryTable from "@/components/TableHistory.vue";
import DialogHeadTemplate from "@/modules/03_recruiting/components/DialogHeadTemplate.vue";
const $q = useQuasar(); // show dialog
const router = useRouter();
@ -335,13 +336,13 @@ async function clickClose() {
/** ปิด dialog คะเเนน */
async function clickCloseScore() {
modalScore.value = false;
await fetchData();
files_score.value = null;
}
/** ปิด dialog เลือกไฟล์ผู้สมัครคัดเลือกคนพิการ */
async function clickCloseCandidate() {
modalCandidate.value = false;
await fetchData();
files_candidate.value = null;
}
/** บันทึก รอบการคัดเลือก */
@ -739,7 +740,11 @@ onMounted(async () => {
<q-dialog v-model="modalScore" persistent>
<q-card style="width: 600px">
<q-form ref="myFormScore">
<DialogHeader :tittle="textTittleScore" :close="clickCloseScore" />
<DialogHeadTemplate
:title="textTittleCandidate"
:close="clickCloseScore"
title-type="สรรหา_สอบคัดเลือกคนพิการ_จำนวนที่บันทึกผลสอบ"
/>
<q-separator />
<q-card-section>
<div class="col-12 row items-center q-col-gutter-sm">
@ -779,9 +784,10 @@ onMounted(async () => {
<q-dialog v-model="modalCandidate" persistent>
<q-card style="width: 600px">
<q-form ref="myFormScore">
<DialogHeader
:tittle="textTittleCandidate"
<DialogHeadTemplate
:title="textTittleCandidate"
:close="clickCloseCandidate"
title-type="สรรหา_สอบคัดเลือกคนพิการ_จำนวนผู้สอบทั้งหมด"
/>
<q-separator />
<q-card-section>