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

ทดลอง งาน ค้างไว้

Browse source
This commit is contained in:
STW_TTTY\stwtt 2024-06-06 10:54:03 +07:00
parent dbe620c549
commit 38d3c6d6ee
20 changed files with 7283 additions and 91 deletions
Download patch file Download diff file Expand all files Collapse all files

85
src/modules/11_probation/component/02_RecordCareker.vue
View file

@ -1,14 +1,64 @@
<script setup lang="ts">
import { useQuasar } from "quasar";
import { ref } from "vue";
import { useRouter } from "vue-router";
import { ref, onMounted, defineAsyncComponent } from "vue";
import { useRoute, useRouter } from "vue-router";
import { useCounterMixin } from "@/stores/mixin";
import http from "@/plugins/http";
import config from "@/app.config";
import { useProbationStore } from "@/modules/11_probation/store/probation";
const ResultPage = defineAsyncComponent(
() => import("@/modules/11_probation/component/editPage/01_result.vue")
);
const evaluate = ref<any>([]);
const store = useProbationStore();
const router = useRouter();
const route = useRoute();
const $q = useQuasar();
const mode = ref<any>($q.screen.gt.xs);
const mixin = useCounterMixin();
const { showLoader, hideLoader, messageError, dialogConfirm, success } = mixin;
const id = ref<string>(route.params.id as string);
const profileId = ref<string>(route.params.profileId as string);
const fullname = ref<string>("");
const dataArrayNumber = ref<number>();
/** get ข้อมูล มอบหมาย
* @param id person id
*/
async function fecthAssign(id: string) {
showLoader();
await http
.get(config.API.formevaluate(id))
.then(async (res: any) => {
await store.fecthdataAssign(res.data.data);
evaluate.value = res.data.data.evaluate;
fullname.value = res.data.data.experimentee
? res.data.data.experimentee.name
: "";
dataArrayNumber.value = 1;
})
.catch((e: any) => {
messageError($q, e);
})
.finally(() => {
hideLoader();
});
}
function addData() {
router.push(`/probation/detail/addresult/${profileId.value}/${id.value}`);
}
onMounted(async () => {
await fecthAssign(id.value);
});
</script>
<template>
<div v-if="!$q.screen.gt.xs" class="col-xs-12 col-sm-12 col-md-11">
<div v-if="!$q.screen.gt.xs" class="col-xs-12 col-sm-12 col-md-11">
<div class="toptitle text-white col-12 row items-center">
<q-btn
icon="mdi-arrow-left"
@ -23,5 +73,32 @@ const mode = ref<any>($q.screen.gt.xs);
<div>แบบบันทึกผล (ผู้ดูแล)</div>
</div>
</div>
<div :class="`row q-my-sm ${$q.screen.gt.xs ? '' : 'mobileClass'}`">
<div class="col-12 q-gutter-md" v-if="store.tabs.length == 0">
<div class="flex justify-center items-center q-my-md q-gutter-md">
<q-btn
outline
color="primary"
label="สร้างแบบบันทึกผล"
@click="addData"
/>
</div>
</div>
<div v-else>
<ResultPage
:fullname="fullname"
v-model:dataArrayNumber="dataArrayNumber"
:fecthAssign="fecthAssign"
:data="evaluate.find((x: any) => x.no === dataArrayNumber)"
/>
</div>
</div>
</template>
<style scoped>
.mobileClass {
background-color: #fff;
border-radius: 10px;
}
</style>

84
src/modules/11_probation/component/03_RecordCommander.vue
View file

@ -1,11 +1,65 @@
<script setup lang="ts">
import { useQuasar } from "quasar";
import { ref } from "vue";
import { useRouter } from "vue-router";
import { ref,defineAsyncComponent,onMounted } from "vue";
import { useProbationStore } from "@/modules/11_probation/store/probation";
import { useRoute, useRouter } from "vue-router";
import { useCounterMixin } from "@/stores/mixin";
import http from "@/plugins/http";
import config from "@/app.config";
const mixin = useCounterMixin();
const { showLoader, hideLoader, messageError, dialogConfirm, success } = mixin;
const Evaluacommander = defineAsyncComponent(
() => import("@/modules/11_probation/component/editPage/02_evaluacommander.vue")
);
const router = useRouter();
const route = useRoute();
const dataArrayNumber = ref<number>();
const fullname = ref<string>("");
const id = ref<string>(route.params.id as string);
const profileId = ref<string>(route.params.profileId as string);
const store = useProbationStore();
const $q = useQuasar();
const mode = ref<any>($q.screen.gt.xs);
function addData() {
router.push(`/probation/detail/addevaluacommander/${profileId.value}/${id.value}`);
}
/**
* get data
* @param id person id
*/
async function fecthAssign(id: string){
showLoader();
await http
.get(config.API.formevaluateCommander(id))
.then(async (res: any) => {
await store.fecthdataAssign(res.data.data);
fullname.value = res.data.data.experimentee
? res.data.data.experimentee.name
: "";
dataArrayNumber.value = 1;
})
.catch((e: any) => {
messageError($q, e);
})
.finally(() => {
hideLoader();
});
};
onMounted(async () => {
await fecthAssign(id.value);
});
</script>
<template>
<div v-if="!$q.screen.gt.xs" class="col-xs-12 col-sm-12 col-md-11">
@ -23,5 +77,29 @@ const mode = ref<any>($q.screen.gt.xs);
<div>แบบบันทึกผล (ผู้บังคับบัญชา)</div>
</div>
</div>
<div :class="`row q-my-sm ${$q.screen.gt.xs ? '' : 'mobileClass'}`">
<div class="col-12 q-gutter-md" v-if="store.tabs.length == 0">
<div class="flex justify-center items-center q-my-md q-gutter-md">
<q-btn
outline
color="primary"
label="สร้างแบบบันทึกผล"
@click="addData"
/>
</div>
</div>
<div v-else>
<Evaluacommander
/>
</div>
</div>
</template>
<style scoped>
.mobileClass {
background-color: #fff;
border-radius: 10px;
}
</style>

47
src/modules/11_probation/component/04_EvaluateCommander.vue
View file

@ -1,11 +1,28 @@
<script setup lang="ts">
import { useQuasar } from "quasar";
import { ref } from "vue";
import { useRouter } from "vue-router";
import { ref,defineAsyncComponent } from "vue";
import { useProbationStore } from "@/modules/11_probation/store/probation";
import { useRoute, useRouter } from "vue-router";
const Evalua = defineAsyncComponent(
() => import("@/modules/11_probation/component/editPage/03_evalua.vue")
);
const router = useRouter();
const route = useRoute();
const id = ref<string>(route.params.id as string);
const profileId = ref<string>(route.params.profileId as string);
const store = useProbationStore();
const $q = useQuasar();
const mode = ref<any>($q.screen.gt.xs);
function addData() {
router.push(`/probation/detail/addevalua/${profileId.value}/${id.value}`);
}
</script>
<template>
<div v-if="!$q.screen.gt.xs" class="col-xs-12 col-sm-12 col-md-11">
@ -23,5 +40,29 @@ const mode = ref<any>($q.screen.gt.xs);
<div>แบบประเมินผล (ผู้บังคับบัญชา)</div>
</div>
</div>
<div :class="`row q-my-sm ${$q.screen.gt.xs ? '' : 'mobileClass'}`">
<div class="col-12 q-gutter-md" v-if="store.tabs.length == 0">
<div class="flex justify-center items-center q-my-md q-gutter-md">
<q-btn
outline
color="primary"
label="สร้างแบบประเมิน"
@click="addData"
/>
</div>
</div>
<div v-else>
<Evalua
/>
</div>
</div>
</template>
<style scoped>
.mobileClass {
background-color: #fff;
border-radius: 10px;
}
</style>

44
src/modules/11_probation/component/05_EvaluateChairman.vue
View file

@ -1,11 +1,26 @@
<script setup lang="ts">
import { useQuasar } from "quasar";
import { ref } from "vue";
import { useRouter } from "vue-router";
import { ref,defineAsyncComponent } from "vue";
import { useRoute, useRouter } from "vue-router";
import { useProbationStore } from "@/modules/11_probation/store/probation";
const Evaluascore = defineAsyncComponent(
() => import("@/modules/11_probation/component/editPage/04_evaluascore.vue")
);
const router = useRouter();
const route = useRoute();
const id = ref<string>(route.params.id as string);
const profileId = ref<string>(route.params.profileId as string);
const store = useProbationStore();
const $q = useQuasar();
const mode = ref<any>($q.screen.gt.xs);
function addData() {
router.push(`/probation/detail/addevaluascore/${profileId.value}/${id.value}`);
}
</script>
<template>
<div v-if="!$q.screen.gt.xs" class="col-xs-12 col-sm-12 col-md-11">
@ -23,5 +38,28 @@ const mode = ref<any>($q.screen.gt.xs);
<div>แบบประเมินผล (คณะกรรมการ)</div>
</div>
</div>
<div :class="`row q-my-sm ${$q.screen.gt.xs ? '' : 'mobileClass'}`">
<div class="col-12 q-gutter-md" v-if="store.tabs.length == 0">
<div class="flex justify-center items-center q-my-md q-gutter-md">
<q-btn
outline
color="primary"
label="สร้างแบบประเมิน"
@click="addData"
/>
</div>
</div>
<div v-else>
<Evaluascore
/>
</div>
</div>
</template>
<style scoped>
.mobileClass {
background-color: #fff;
border-radius: 10px;
}
</style>

4
src/modules/11_probation/component/08_SurveyComment.vue
View file

@ -225,7 +225,9 @@ onMounted(() => {
<div class="col-12">
<q-separator size="3px" color="grey-2" />
</div>
<Criterion />
<Criterion />
<div class="col-12" align="right">
<q-btn label="บันทึก" color="secondary" type="submit" v-if="!status"
><q-tooltip>บันทึกข้อมูล</q-tooltip></q-btn

383
src/modules/11_probation/component/Criterion.vue
View file

@ -1,56 +1,335 @@
<template>
<div class="col-12 row q-pb-sm">
<div class="col-12 text-top0 items-center q-pa-md">
เกณฑ์การประเมินความคาดหวัง
</div>
<div class="q-gutter-sm row">
<div class="col-12 row">
<div class="col-2 row justify-center">
<i class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-3" aria-hidden="true" role="presentation">grade</i>
</div>
<div class="q-pl-md col-3">ต่ำกว่าความคาดหวังมาก</div>
<div class="q-pl-md">หมายถึง มีคะแนนเฉลี่ยที่ระดับ 1</div>
</div>
<div class="col-12 row">
<div class="col-2 row justify-center">
<i class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-3" aria-hidden="true" role="presentation">grade</i>
<i class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-6" aria-hidden="true" role="presentation">grade</i>
</div>
<div class="q-pl-md col-3">ต่ำกว่าความคาดหวังค่อนข้างมาก</div>
<div class="q-pl-md">หมายถึง มีคะแนนเฉลี่ยที่ระดับ 2</div>
</div>
<div class="col-12 row">
<div class="col-2 row justify-center">
<i class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-3" aria-hidden="true" role="presentation">grade</i>
<i class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-6" aria-hidden="true" role="presentation">grade</i>
<i class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-blue" aria-hidden="true" role="presentation">grade</i>
</div>
<div class="q-pl-md col-3">เป็นไปตามความคาดหวัง</div>
<div class="q-pl-md">หมายถึง มีคะแนนเฉลี่ยที่ระดับ 3</div>
</div>
<div class="col-12 row">
<div class="col-2 row justify-center">
<i class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-3" aria-hidden="true" role="presentation">grade</i>
<i class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-6" aria-hidden="true" role="presentation">grade</i>
<i class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-blue" aria-hidden="true" role="presentation">grade</i>
<i class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-blue-9" aria-hidden="true" role="presentation">grade</i>
</div>
<div class="q-pl-md col-3">สูงว่าความคาดหวังค่อนข้างมาก</div>
<div class="q-pl-md">หมายถึง มีคะแนนเฉลี่ยที่ระดับ 4</div>
</div>
<div class="col-12 row">
<div class="col-2 row justify-center">
<i class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-3" aria-hidden="true" role="presentation">grade</i>
<i class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-6" aria-hidden="true" role="presentation">grade</i>
<i class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-blue" aria-hidden="true" role="presentation">grade</i>
<i class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-blue-9" aria-hidden="true" role="presentation">grade</i>
<i class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-blue-10" aria-hidden="true" role="presentation">grade</i>
</div>
<div class="q-pl-md col-3">สูงกว่าความคาดหวังมาก</div>
<div class="q-pl-md">หมายถึง มีคะแนนเฉลี่ยที่ระดับ 5</div>
</div>
</div>
<div class="col-12 row q-pb-sm">
<div class="col-12 text-top0 items-center q-pa-md">
เกณฑ์การประเมินความคาดหวัง
</div>
<div v-if="$q.screen.gt.xs" class="q-gutter-sm row">
<div class="col-12 row">
<div class="col-2 row justify-center">
<i
class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-3"
aria-hidden="true"
role="presentation"
>grade</i
>
</div>
<div class="q-pl-md col-3">ต่ำกว่าความคาดหวังมาก</div>
<div class="q-pl-md col-7">หมายถึง มีคะแนนเฉลี่ยที่ระดับ 1</div>
</div>
<div class="col-12 row">
<div class="col-2 row justify-center">
<i
class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-3"
aria-hidden="true"
role="presentation"
>grade</i
>
<i
class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-6"
aria-hidden="true"
role="presentation"
>grade</i
>
</div>
<div class="q-pl-md col-3">ต่ำกว่าความคาดหวังค่อนข้างมาก</div>
<div class="q-pl-md col-7">หมายถึง มีคะแนนเฉลี่ยที่ระดับ 2</div>
</div>
<div class="col-12 row">
<div class="col-2 row justify-center">
<i
class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-3"
aria-hidden="true"
role="presentation"
>grade</i
>
<i
class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-6"
aria-hidden="true"
role="presentation"
>grade</i
>
<i
class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-blue"
aria-hidden="true"
role="presentation"
>grade</i
>
</div>
<div class="q-pl-md col-3">เป็นไปตามความคาดหวัง</div>
<div class="q-pl-md col-7">หมายถึง มีคะแนนเฉลี่ยที่ระดับ 3</div>
</div>
<div class="col-12 row">
<div class="col-2 row justify-center">
<i
class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-3"
aria-hidden="true"
role="presentation"
>grade</i
>
<i
class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-6"
aria-hidden="true"
role="presentation"
>grade</i
>
<i
class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-blue"
aria-hidden="true"
role="presentation"
>grade</i
>
<i
class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-blue-9"
aria-hidden="true"
role="presentation"
>grade</i
>
</div>
<div class="q-pl-md col-3">สูงว่าความคาดหวังค่อนข้างมาก</div>
<div class="q-pl-md col-7">หมายถึง มีคะแนนเฉลี่ยที่ระดับ 4</div>
</div>
<div class="col-12 row">
<div class="col-2 row justify-center">
<i
class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-3"
aria-hidden="true"
role="presentation"
>grade</i
>
<i
class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-6"
aria-hidden="true"
role="presentation"
>grade</i
>
<i
class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-blue"
aria-hidden="true"
role="presentation"
>grade</i
>
<i
class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-blue-9"
aria-hidden="true"
role="presentation"
>grade</i
>
<i
class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-blue-10"
aria-hidden="true"
role="presentation"
>grade</i
>
</div>
<div class="q-pl-md col-3">สูงกว่าความคาดหวังมาก</div>
<div class="q-pl-md col-7">หมายถึง มีคะแนนเฉลี่ยที่ระดับ 5</div>
</div>
</div>
<div v-else class="col-12">
<div class="row q-col-gutter-sm">
<div class="col-12">
<q-card bordered style="border-radius: 20px;">
<div class="q-pa-sm text-center bg-blue-1">
<span class="text-weight-medium">
<i
class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-3"
aria-hidden="true"
role="presentation"
>grade</i
></span
>
</div>
<q-separator />
<q-card-section class="q-pa-none">
<q-list >
<q-item class="q-pa-none text-center">
<q-item-section>
<q-item-label>ต่ำกว่าความคาดหวังมาก</q-item-label>
</q-item-section>
<q-separator color="grey-3" vertical />
<q-item-section class="q-ma-none">
<q-item-label>มีคะแนนเฉลี่ยที่ระดับ 1</q-item-label>
</q-item-section>
</q-item>
</q-list>
</q-card-section>
</q-card>
</div>
<div class="col-12">
<q-card bordered style="border-radius: 20px;">
<div class="q-pa-sm text-center bg-blue-1">
<span class="text-weight-medium">
<i
class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-3"
aria-hidden="true"
role="presentation"
>grade</i
>
<i
class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-6"
aria-hidden="true"
role="presentation"
>grade</i
></span
>
</div>
<q-separator />
<q-card-section class="q-pa-none">
<q-list >
<q-item class="q-pa-none text-center">
<q-item-section>
<q-item-label>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-item-label>
</q-item-section>
<q-separator color="grey-3" vertical />
<q-item-section class="q-ma-none">
<q-item-label>มีคะแนนเฉลี่ยที่ระดับ 2</q-item-label>
</q-item-section>
</q-item>
</q-list>
</q-card-section>
</q-card>
</div>
<div class="col-12">
<q-card bordered style="border-radius: 20px;">
<div class="q-pa-sm text-center bg-blue-1">
<span class="text-weight-medium">
<i
class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-3"
aria-hidden="true"
role="presentation"
>grade</i
>
<i
class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-6"
aria-hidden="true"
role="presentation"
>grade</i
>
<i
class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-blue"
aria-hidden="true"
role="presentation"
>grade</i
></span
>
</div>
<q-separator />
<q-card-section class="q-pa-none">
<q-list >
<q-item class="q-pa-none text-center">
<q-item-section>
<q-item-label>เป็นไปตามความคาดหวัง</q-item-label>
</q-item-section>
<q-separator color="grey-3" vertical />
<q-item-section class="q-ma-none">
<q-item-label>มีคะแนนเฉลี่ยที่ระดับ 3</q-item-label>
</q-item-section>
</q-item>
</q-list>
</q-card-section>
</q-card>
</div>
<div class="col-12">
<q-card bordered style="border-radius: 20px;">
<div class="q-pa-sm text-center bg-blue-1">
<span class="text-weight-medium">
<i
class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-3"
aria-hidden="true"
role="presentation"
>grade</i
>
<i
class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-6"
aria-hidden="true"
role="presentation"
>grade</i
>
<i
class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-blue"
aria-hidden="true"
role="presentation"
>grade</i
>
<i
class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-blue-9"
aria-hidden="true"
role="presentation"
>grade</i
></span
>
</div>
<q-separator />
<q-card-section class="q-pa-none">
<q-list >
<q-item class="q-pa-none text-center">
<q-item-section>
<q-item-label>สูงว่าความคาดหวังค่อนข้างมาก</q-item-label>
</q-item-section>
<q-separator color="grey-3" vertical />
<q-item-section class="q-ma-none">
<q-item-label>มีคะแนนเฉลี่ยที่ระดับ 4</q-item-label>
</q-item-section>
</q-item>
</q-list>
</q-card-section>
</q-card>
</div>
<div class="col-12">
<q-card bordered style="border-radius: 20px;">
<div class="q-pa-sm text-center bg-blue-1">
<span class="text-weight-medium">
<i
class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-3"
aria-hidden="true"
role="presentation"
>grade</i
>
<i
class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-6"
aria-hidden="true"
role="presentation"
>grade</i
>
<i
class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-blue"
aria-hidden="true"
role="presentation"
>grade</i
>
<i
class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-blue-9"
aria-hidden="true"
role="presentation"
>grade</i
>
<i
class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-blue-10"
aria-hidden="true"
role="presentation"
>grade</i
></span
>
</div>
<q-separator />
<q-card-section class="q-pa-none">
<q-list >
<q-item class="q-pa-none text-center">
<q-item-section>
<q-item-label>สูงกว่าความคาดหวังมาก</q-item-label>
</q-item-section>
<q-separator color="grey-3" vertical />
<q-item-section class="q-ma-none">
<q-item-label>มีคะแนนเฉลี่ยที่ระดับ 5</q-item-label>
</q-item-section>
</q-item>
</q-list>
</q-card-section>
</q-card>
</div>
</div>
</div>
</div>
</template>
<style lang="scss" scoped>
.text-top0 {
@ -58,4 +337,4 @@
padding-bottom: 8px;
color: rgb(70, 68, 68);
}
</style>
</style>

110
src/modules/11_probation/component/Header.vue Normal file
View file

@ -0,0 +1,110 @@
<script setup lang="ts">
import { ref, watch } from "vue";
const tabHead = ref<string>("save1");
/** รับค่ามาจากหน้าหลัก */
const props = defineProps({
FileDownload: {
type: Function,
default() {
return "Default function";
},
},
loop: {
type: Number,
},
addData: {
type: Function,
default() {
return "Default function";
},
},
changeTab: {
type: Function,
default() {
return "Default function";
},
},
});
/** เรียกใช้ฟังชั่นจากหน้าหลัก */
function downloadFile(type: string){
props.FileDownload(type);
};
watch(tabHead, () => {
props.changeTab(tabHead.value);
});
/** ไปยัง step ต่อไป */
function nextPage(){
if (props.loop !== undefined) {
if (props.loop < 3) {
props.addData();
}
}
};
</script>
<template>
<q-header class="bg-grey-1">
<div class="bg-grey-1">
<div class="col-12 row q-gutter-x-md items-center">
<q-tabs
dense
v-model="tabHead"
active-class="text-primary text-weight-medium"
indicator-color="grey-1"
class="text-grey-7"
>
<q-tab v-for="(i, j) in loop" :name="`save${i}`" :key="j">
<div class="row col-12 items-center">
<div class="q-mr-sm">ครั้งที่{{ i }}</div>
<q-btn
size="12px"
flat
dense
icon="mdi-download"
:disable="tabHead !== 'save' + i"
:color="tabHead !== 'save' + i ? 'grey' : 'add'"
>
<q-tooltip>ดาวน์โหลด</q-tooltip>
<q-menu>
<q-list style="min-width: 150px">
<q-item
clickable
v-close-popup
@click="downloadFile('pdf')"
>
<q-item-section avatar
><q-icon color="red" name="mdi-file-pdf"
/></q-item-section>
<q-item-section>ไฟล์ .PDF</q-item-section>
</q-item>
<q-item
clickable
v-close-popup
@click="downloadFile('docx')"
>
<q-item-section avatar
><q-icon color="blue" name="mdi-file-word"
/></q-item-section>
<q-item-section>ไฟล์ .docx</q-item-section>
</q-item>
</q-list>
</q-menu>
</q-btn>
</div>
</q-tab>
</q-tabs>
<div>
<q-btn color="blue" flat dense icon="mdi-plus" @click="nextPage">
<q-tooltip> เพิ่ม </q-tooltip>
</q-btn>
</div>
</div>
<q-separator />
</div>
</q-header>
</template>

2249
src/modules/11_probation/component/addPage/01_addresult.vue Normal file
View file

File diff suppressed because it is too large Load diff

1776
src/modules/11_probation/component/addPage/02_addevaluacommander.vue Normal file
View file

File diff suppressed because it is too large Load diff

3
src/modules/11_probation/component/addPage/03_addevalua.vue Normal file
View file

@ -0,0 +1,3 @@
<template>
03
</template>

3
src/modules/11_probation/component/addPage/04_addevaluascore.vue Normal file
View file

@ -0,0 +1,3 @@
<template>
04
</template>

2369
src/modules/11_probation/component/editPage/01_result.vue Normal file
View file

File diff suppressed because it is too large Load diff

3
src/modules/11_probation/component/editPage/02_evaluacommander.vue Normal file
View file

@ -0,0 +1,3 @@
<template>
02
</template>

3
src/modules/11_probation/component/editPage/03_evalua.vue Normal file
View file

@ -0,0 +1,3 @@
<template>
03
</template>

3
src/modules/11_probation/component/editPage/04_evaluascore.vue Normal file
View file

@ -0,0 +1,3 @@
<template>
04
</template>