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

เพิ่มเกณฑ์การประเมินความคาดหวัง,ปรับcss คำสั่ง

Browse source
This commit is contained in:
Tanyalak 2023-09-13 16:16:01 +07:00
parent 4936c51a31
commit da45e0301e
11 changed files with 297 additions and 201 deletions
Download patch file Download diff file Expand all files Collapse all files

61
src/modules/05_placement/components/Other/Criterion.vue Normal file
View file

@ -0,0 +1,61 @@
<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>
</template>
<style lang="scss" scoped>
.text-top0 {
font-weight: 600;
padding-bottom: 8px;
color: rgb(70, 68, 68);
}
</style>

5
src/modules/05_placement/components/probation/FormEvaluation/FormEvaluate.vue
View file

@ -7,6 +7,7 @@ import { useCounterMixin } from "@/stores/mixin";
import { useRouter, useRoute } from "vue-router";
import http from "@/plugins/http";
import config from "@/app.config";
import criterion from "@/modules/05_placement/components/Other/Criterion.vue"
const router = useRouter();
const routeName = router.currentRoute.value.name;
@ -386,6 +387,10 @@ const save = () => {
<div class="col-12 q-pt-md">
<q-separator size="3px" color="grey-2" />
</div>
<criterion />
<div class="col-12 q-pt-md">
<q-separator size="3px" color="grey-2" />
</div>
</div>
<div class="col-12 row">
<div class="col-12 text-top0 items-center">

5
src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateAdd.vue
View file

@ -6,6 +6,7 @@ import { useCounterMixin } from "@/stores/mixin";
import { useRoute, useRouter } from "vue-router";
import http from "@/plugins/http";
import config from "@/app.config";
import criterion from "@/modules/05_placement/components/Other/Criterion.vue"
const $q = useQuasar();
const probationStore = useProbationDataStore();
@ -369,6 +370,10 @@ const getBordered = (i: boolean) => {
<div class="col-12 q-pt-md">
<q-separator size="3px" color="grey-2" />
</div>
<criterion />
<div class="col-12 q-pt-md">
<q-separator size="3px" color="grey-2" />
</div>
</div>
<div class="col-12 row">

5
src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue
View file

@ -7,6 +7,7 @@ import { useCounterMixin } from "@/stores/mixin";
import { useRouter, useRoute } from "vue-router";
import http from "@/plugins/http";
import config from "@/app.config";
import criterion from "@/modules/05_placement/components/Other/Criterion.vue"
const router = useRouter();
const routeName = router.currentRoute.value.name;
@ -504,6 +505,10 @@ const putformData = () => {
<div class="col-12 q-pt-md">
<q-separator size="3px" color="grey-2" />
</div>
<criterion />
<div class="col-12 q-pt-md">
<q-separator size="3px" color="grey-2" />
</div>
</div>
<div class="col-12 row">

5
src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScoreAdd.vue
View file

@ -6,6 +6,7 @@ import { useCounterMixin } from "@/stores/mixin";
import { useRoute, useRouter } from "vue-router";
import http from "@/plugins/http";
import config from "@/app.config";
import criterion from "@/modules/05_placement/components/Other/Criterion.vue"
const $q = useQuasar();
const probationStore = useProbationDataStore();
@ -481,6 +482,10 @@ watch(lengthdiscipline_level, (newLength) => {
<div class="col-12 q-pt-md">
<q-separator size="3px" color="grey-2" />
</div>
<criterion />
<div class="col-12 q-pt-md">
<q-separator size="3px" color="grey-2" />
</div>
</div>
<div class="col-12 row">

7
src/modules/05_placement/components/probation/FormEvaluation/FormSaveResult.vue
View file

@ -9,6 +9,9 @@ import { useCounterMixin } from "@/stores/mixin";
import { useRouter, useRoute } from "vue-router";
import http from "@/plugins/http";
import config from "@/app.config";
import criterion from "@/modules/05_placement/components/Other/Criterion.vue"
const router = useRouter();
const routeName = router.currentRoute.value.name;
const $q = useQuasar();
@ -478,6 +481,10 @@ const editData = async (data: any) => {
<div class="col-12 q-pt-md">
<q-separator size="3px" color="grey-2" />
</div>
<criterion />
<div class="col-12 q-pt-md">
<q-separator size="3px" color="grey-2" />
</div>
</div>
<div class="col-12 row">

6
src/modules/05_placement/components/probation/FormEvaluation/FormSaveResultAdd.vue
View file

@ -9,6 +9,8 @@ import { useRoute, useRouter } from "vue-router";
import http from "@/plugins/http";
import config from "@/app.config";
import criterion from "@/modules/05_placement/components/Other/Criterion.vue"
const $q = useQuasar();
const route = useRoute();
const router = useRouter();
@ -468,6 +470,10 @@ const getBordered = (i: boolean) => {
<div class="col-12 q-pt-md">
<q-separator size="3px" color="grey-2" />
</div>
<criterion />
<div class="col-12 q-pt-md">
<q-separator size="3px" color="grey-2" />
</div>
</div>
<div class="col-12 row">

4
src/modules/05_placement/components/probation/SummarySurvey.vue
View file

@ -6,6 +6,7 @@ import { useRoute, useRouter } from "vue-router";
import { useProbationDataStore } from "@/modules/05_placement/store";
import http from "@/plugins/http";
import config from "@/app.config";
import criterion from "@/modules/05_placement/components/Other/Criterion.vue"
const probationStore = useProbationDataStore();
const { ratingColors } = probationStore;
const $q = useQuasar();
@ -175,9 +176,10 @@ watch(answer3, () => {
</template>
</q-rating>
</div>
<div class="col-12 q-my-md">
<div class="col-12 q-mt-md">
<q-separator size="3px" color="grey-2" />
</div>
<criterion />
</q-form>
<!-- <Footer /> -->
<div class="row col-12">