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

updated format code

Browse source
This commit is contained in:
Warunee Tamkoo 2024-09-03 11:28:01 +07:00
parent b75d69ea08
commit b14bad2249
241 changed files with 14012 additions and 13811 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/modules/05_placement/components/AppointEmployee/DialogHeader.vue
View file

@ -13,7 +13,14 @@ const close = async () => {
<template>
<q-toolbar class="q-py-md">
<q-toolbar-title class="header-text">{{ title }}</q-toolbar-title>
<q-btn icon="close" unelevated round dense @click="close" style="color: #ff8080; background-color: #ffdede" />
<q-btn
icon="close"
unelevated
round
dense
@click="close"
style="color: #ff8080; background-color: #ffdede"
/>
</q-toolbar>
</template>
@ -22,6 +29,6 @@ const close = async () => {
font-size: 18px;
font-weight: 600;
line-height: 26px;
color: #35373C;
color: #35373c;
}
</style>

13
src/modules/05_placement/components/AppointMent/DialogHeader.vue
View file

@ -13,17 +13,22 @@ const close = async () => {
<template>
<q-toolbar class="q-py-md">
<q-toolbar-title class="header-text">{{ title }}</q-toolbar-title>
<q-btn icon="close" unelevated round dense @click="close" style="color: #ff8080; background-color: #ffdede" />
<q-btn
icon="close"
unelevated
round
dense
@click="close"
style="color: #ff8080; background-color: #ffdede"
/>
</q-toolbar>
</template>
<style scoped lang="scss">
.header-text {
font-size: 18px;
font-weight: 600;
line-height: 26px;
color: #35373C;
color: #35373c;
}
</style>

13
src/modules/05_placement/components/ChangePosition/DialogHeader.vue
View file

@ -13,17 +13,22 @@ const close = async () => {
<template>
<q-toolbar class="q-py-md">
<q-toolbar-title class="header-text">{{ title }}</q-toolbar-title>
<q-btn icon="close" unelevated round dense @click="close" style="color: #ff8080; background-color: #ffdede" />
<q-btn
icon="close"
unelevated
round
dense
@click="close"
style="color: #ff8080; background-color: #ffdede"
/>
</q-toolbar>
</template>
<style scoped lang="scss">
.header-text {
font-size: 18px;
font-weight: 600;
line-height: 26px;
color: #35373C;
color: #35373c;
}
</style>

2
src/modules/05_placement/components/ChangePosition/DialogRound.vue
View file

@ -28,7 +28,7 @@ function close() {
function onSubmit() {
dialogConfirm($q, () => {
const url = editCheck.value
? config.API.changePosition+`/${idRound.value}`
? config.API.changePosition + `/${idRound.value}`
: config.API.changePosition;
http[editCheck.value ? "put" : "post"](url, {

3
src/modules/05_placement/components/ChangePosition/Main.vue
View file

@ -97,7 +97,7 @@ const resetFilter = () => {
filterKeyword.value = "";
filterKeyword2.value = "";
filterRef.value.focus();
fecthLists()
fecthLists();
};
//ปิด modal
@ -374,7 +374,6 @@ onMounted(() => {
{{ col.value ? col.value : "-" }}
</div>
</q-td>
</q-tr>
</template>
</d-table>

15
src/modules/05_placement/components/ChangePosition/PersonalList.vue
View file

@ -135,7 +135,7 @@ const resetFilter = () => {
filterKeyword.value = "";
filterKeyword2.value = "";
filterRef.value.focus();
fecthLists()
fecthLists();
};
//ปิด modal
@ -156,8 +156,8 @@ const fecthLists = async () => {
config.API.changePositionById +
`/${id.value}?page=${pagination.value.page}&pageSize=${pagination.value.rowsPerPage}&searchKeyword=${filterKeyword.value}`
)
.then(async(res) => {
let response = await res.data.result;
.then(async (res) => {
let response = await res.data.result;
totalList.value = Math.ceil(
res.data.result.total / pagination.value.rowsPerPage
);
@ -245,13 +245,12 @@ function onSave(data: any) {
function updatePagination(newPagination: any) {
pagination.value.page = 1;
pagination.value.rowsPerPage = newPagination.rowsPerPage;
}
watch(
() => pagination.value.rowsPerPage,
async() => {
await fecthLists();
async () => {
await fecthLists();
}
);
@ -417,7 +416,9 @@ onMounted(() => {
</div>
<div v-else-if="col.name == 'lastUpdatedAt'">
{{
props.row.lastUpdatedAt ? date2Thai(props.row.lastUpdatedAt) : "-"
props.row.lastUpdatedAt
? date2Thai(props.row.lastUpdatedAt)
: "-"
}}
</div>
<div v-else>

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

@ -6,35 +6,35 @@
<div class="q-gutter-sm row">
<div class="col-12 row items-center">
<div class="col-2 row justify-center">
<q-btn outline color="grey-6" :label="'1'"> </q-btn>
<q-btn outline color="grey-6" :label="'1'"> </q-btn>
</div>
<div class="q-pl-md col-3">ต่ำกว่าความคาดหวังมาก</div>
<div class="q-pl-md">หมายถึง มีคะแนนเฉลี่ยที่ระดับ 1</div>
</div>
<div class="col-12 row items-center">
<div class="col-2 row justify-center">
<q-btn outline color="grey-6" :label="'2'"> </q-btn>
<q-btn outline color="grey-6" :label="'2'"> </q-btn>
</div>
<div class="q-pl-md col-3">ต่ำกว่าความคาดหวังค่อนข้างมาก</div>
<div class="q-pl-md">หมายถึง มีคะแนนเฉลี่ยที่ระดับ 2</div>
</div>
<div class="col-12 row items-center">
<div class="col-2 row justify-center">
<q-btn outline color="grey-6" :label="'3'"> </q-btn>
<q-btn outline color="grey-6" :label="'3'"> </q-btn>
</div>
<div class="q-pl-md col-3">เป็นไปตามความคาดหวัง</div>
<div class="q-pl-md">หมายถึง มีคะแนนเฉลี่ยที่ระดับ 3</div>
</div>
<div class="col-12 row items-center">
<div class="col-2 row justify-center">
<q-btn outline color="grey-6" :label="'4'"> </q-btn>
<q-btn outline color="grey-6" :label="'4'"> </q-btn>
</div>
<div class="q-pl-md col-3">สูงว่าความคาดหวังค่อนข้างมาก</div>
<div class="q-pl-md">หมายถึง มีคะแนนเฉลี่ยที่ระดับ 4</div>
</div>
<div class="col-12 row items-center">
<div class="col-2 row justify-center">
<q-btn outline color="grey-6" :label="'5'"> </q-btn>
<q-btn outline color="grey-6" :label="'5'"> </q-btn>
</div>
<div class="q-pl-md col-3">สูงกว่าความคาดหวังมาก</div>
<div class="q-pl-md">หมายถึง มีคะแนนเฉลี่ยที่ระดับ 5</div>

13
src/modules/05_placement/components/Other/DialogHeader.vue
View file

@ -13,17 +13,22 @@ const close = async () => {
<template>
<q-toolbar class="q-py-md">
<q-toolbar-title class="header-text">{{ title }}</q-toolbar-title>
<q-btn icon="close" unelevated round dense @click="close" style="color: #ff8080; background-color: #ffdede" />
<q-btn
icon="close"
unelevated
round
dense
@click="close"
style="color: #ff8080; background-color: #ffdede"
/>
</q-toolbar>
</template>
<style scoped lang="scss">
.header-text {
font-size: 18px;
font-weight: 600;
line-height: 26px;
color: #35373C;
color: #35373c;
}
</style>

30
src/modules/05_placement/components/PersonalList/DialogFooter.vue
View file

@ -1,5 +1,4 @@
<script setup lang="ts">
/** รับค่ามาจากหน้าหลัก */
const props = defineProps({
editvisible: Boolean,
@ -32,41 +31,40 @@ const emit = defineEmits([
* ฟังชั่น update
* @param value true/false
*/
function updateEdit(value: Boolean){
function updateEdit(value: Boolean) {
emit("update:editvisible", value);
};
}
/** update edit */
async function edit(){
async function edit() {
updateEdit(!props.editvisible);
props.edit();
};
}
/** save */
function checkSave(){
function checkSave() {
props.validate();
props.save();
};
}
</script>
<template>
<q-card-actions class="text-primary">
<q-space />
<q-btn
v-if="!editvisible"
<q-btn
v-if="!editvisible"
outline
:disabled="editvisible"
:disabled="editvisible"
:color="editvisible ? 'grey-7' : 'primary'"
@click="edit"
>
@click="edit"
>
</q-btn>
<div v-else>
<q-btn
<q-btn
unelevated
label="บันทึก"
:disabled="!editvisible"
:color="!editvisible ? 'grey-7' : 'public'"
:disabled="!editvisible"
:color="!editvisible ? 'grey-7' : 'public'"
@click="checkSave"
>
</q-btn>

14
src/modules/05_placement/components/PersonalList/DialogHeader.vue
View file

@ -1,5 +1,4 @@
<script setup lang="ts">
/** รับค่ามาจากหน้าหลัก */
const props = defineProps({
title: String,
@ -17,17 +16,22 @@ const close = async () => {
<template>
<q-toolbar class="q-py-md">
<q-toolbar-title class="header-text">{{ title }}</q-toolbar-title>
<q-btn icon="close" unelevated round dense @click="close" style="color: #ff8080; background-color: #ffdede" />
<q-btn
icon="close"
unelevated
round
dense
@click="close"
style="color: #ff8080; background-color: #ffdede"
/>
</q-toolbar>
</template>
<style scoped lang="scss">
.header-text {
font-size: 18px;
font-weight: 600;
line-height: 26px;
color: #35373C;
color: #35373c;
}
</style>

19
src/modules/05_placement/components/Receive/DialogFooter.vue
View file

@ -1,5 +1,4 @@
<script setup lang="ts">
const props = defineProps({
editvisible: Boolean,
modalEdit: Boolean,
@ -39,30 +38,30 @@ const edit = async () => {
const checkSave = () => {
props.validate();
props.save();
};
</script>
<template>
<q-card-actions class="text-primary">
<q-space />
<q-btn
v-if="!editvisible"
<q-btn
v-if="!editvisible"
outline
:disabled="editvisible"
:disabled="editvisible"
:color="editvisible ? 'grey-7' : 'primary'"
@click="edit"
@click="edit"
><!-- icon="mdi-pencil-outline"
<q-tooltip>แก้ไขข้อมูล</q-tooltip> -->
</q-btn>
<div v-else>
<q-btn
<q-btn
unelevated
label="บันทึก"
:disabled="!editvisible"
:color="!editvisible ? 'grey-7' : 'public'"
:disabled="!editvisible"
:color="!editvisible ? 'grey-7' : 'public'"
@click="checkSave"
>
</q-btn><!-- icon="mdi-content-save-outline">
</q-btn
><!-- icon="mdi-content-save-outline">
<q-tooltip>บันทึก</q-tooltip> -->
</div>
</q-card-actions>

13
src/modules/05_placement/components/Receive/DialogHeader.vue
View file

@ -13,17 +13,22 @@ const close = async () => {
<template>
<q-toolbar class="q-py-sm">
<q-toolbar-title class="header-text">{{ title }}</q-toolbar-title>
<q-btn icon="close" unelevated round dense @click="close" style="color: #ff8080; background-color: #ffdede" />
<q-btn
icon="close"
unelevated
round
dense
@click="close"
style="color: #ff8080; background-color: #ffdede"
/>
</q-toolbar>
</template>
<style scoped lang="scss">
.header-text {
font-size: 18px;
font-weight: 600;
line-height: 26px;
color: #35373C;
color: #35373c;
}
</style>

2
src/modules/05_placement/components/Receive/receiveMain.vue
View file

@ -272,7 +272,7 @@ const nextPage = (id: string) => {
function onSave(data: any) {
console.log("not save", data);
const dataAppoint = {
node: data.node,
node: data.node,
nodeId: data.nodeId,
orgRevisionId: data.orgRevisionId,
positionId: data.positionId,

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

@ -29,7 +29,7 @@ const {
const route = useRoute();
const checkRoutePermisson = ref<boolean>(route.name == "probationFormDetail");
const assignId = ref<string>(route.params.form.toString());
const { fecthAssignoutput,assign } = probationStore;
const { fecthAssignoutput, assign } = probationStore;
const Autherise = ref<any>(null);
const dateAutherise = ref<any>(new Date());
const option = ref<any>([]);

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

@ -110,7 +110,7 @@ const variablesToWatch = [
success_level,
];
function savaForm(){
function savaForm() {
let hasError = false;
behavio_strengthRef.value.validate();
if (
@ -166,13 +166,13 @@ function savaForm(){
}
dialogMessageNotify($q, "กรุณากรอกข้อมูลให้ครบ");
}
};
}
/**
* get ประเมิน
* @param id
*/
async function fecthAssign(id: string) {
async function fecthAssign(id: string) {
showLoader();
await http
.get(config.API.evaluateCreate(id))

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

@ -1,5 +1,4 @@
<script setup lang="ts">
import { ref, defineAsyncComponent, computed, onMounted, watch } from "vue";
import { useQuasar, QForm } from "quasar";
import { useProbationDataStore } from "@/modules/05_placement/storeProbation";
@ -691,7 +690,6 @@ watch(lengthdiscipline_level, (newLength) => {
</q-btn>
</q-btn-group>
</q-item-section>
</q-item>
</q-list>
</q-card>
@ -798,23 +796,23 @@ watch(lengthdiscipline_level, (newLength) => {
<q-item-label>{{ list.label }}</q-item-label>
</q-item-section>
<q-item-section side>
<q-btn-group outline>
<q-btn
v-for="(item, index) in 5"
:class="conduct_level[i] == item && 'active'"
outline
color="grey-6"
:label="item"
@click="conduct_level[i] = item"
>
<q-tooltip>
<div class="text-body2">
<span>{{ optionText[index].label }}</span>
</div>
</q-tooltip>
</q-btn>
</q-btn-group>
</q-item-section>
<q-btn-group outline>
<q-btn
v-for="(item, index) in 5"
:class="conduct_level[i] == item && 'active'"
outline
color="grey-6"
:label="item"
@click="conduct_level[i] = item"
>
<q-tooltip>
<div class="text-body2">
<span>{{ optionText[index].label }}</span>
</div>
</q-tooltip>
</q-btn>
</q-btn-group>
</q-item-section>
</q-item>
<q-separator
class="q-my-xs"
@ -840,23 +838,23 @@ watch(lengthdiscipline_level, (newLength) => {
<q-item-label>{{ list.label }}</q-item-label>
</q-item-section>
<q-item-section side>
<q-btn-group outline>
<q-btn
v-for="(item, index) in 5"
:class="moral_level[i] == item && 'active'"
outline
color="grey-6"
:label="item"
@click="moral_level[i] = item"
>
<q-tooltip>
<div class="text-body2">
<span>{{ optionText[index].label }}</span>
</div>
</q-tooltip>
</q-btn>
</q-btn-group>
</q-item-section>
<q-btn-group outline>
<q-btn
v-for="(item, index) in 5"
:class="moral_level[i] == item && 'active'"
outline
color="grey-6"
:label="item"
@click="moral_level[i] = item"
>
<q-tooltip>
<div class="text-body2">
<span>{{ optionText[index].label }}</span>
</div>
</q-tooltip>
</q-btn>
</q-btn-group>
</q-item-section>
</q-item>
<q-separator
class="q-my-xs"
@ -882,23 +880,23 @@ watch(lengthdiscipline_level, (newLength) => {
<q-item-label>{{ list.label }}</q-item-label>
</q-item-section>
<q-item-section side>
<q-btn-group outline>
<q-btn
v-for="(item, index) in 5"
:class="discipline_level[i] == item && 'active'"
outline
color="grey-6"
:label="item"
@click="discipline_level[i] = item"
>
<q-tooltip>
<div class="text-body2">
<span>{{ optionText[index].label }}</span>
</div>
</q-tooltip>
</q-btn>
</q-btn-group>
</q-item-section>
<q-btn-group outline>
<q-btn
v-for="(item, index) in 5"
:class="discipline_level[i] == item && 'active'"
outline
color="grey-6"
:label="item"
@click="discipline_level[i] = item"
>
<q-tooltip>
<div class="text-body2">
<span>{{ optionText[index].label }}</span>
</div>
</q-tooltip>
</q-btn>
</q-btn-group>
</q-item-section>
</q-item>
<q-separator
class="q-my-xs"
@ -947,23 +945,23 @@ watch(lengthdiscipline_level, (newLength) => {
</q-item-label>
</q-item-section>
<q-item-section side>
<q-btn-group outline>
<q-btn
v-for="(item, index) in 5"
:class="behavio_orther.level == item && 'active'"
outline
color="grey-6"
:label="item"
@click="behavio_orther.level = item"
>
<q-tooltip>
<div class="text-body2">
<span>{{ optionText[index].label }}</span>
</div>
</q-tooltip>
</q-btn>
</q-btn-group>
</q-item-section>
<q-btn-group outline>
<q-btn
v-for="(item, index) in 5"
:class="behavio_orther.level == item && 'active'"
outline
color="grey-6"
:label="item"
@click="behavio_orther.level = item"
>
<q-tooltip>
<div class="text-body2">
<span>{{ optionText[index].label }}</span>
</div>
</q-tooltip>
</q-btn>
</q-btn-group>
</q-item-section>
</q-item>
</q-list>
</q-card>

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

@ -1022,26 +1022,23 @@ onMounted(async () => {
<q-item-label>{{ list.label }}</q-item-label>
</q-item-section>
<q-item-section side>
<q-btn-group outline>
<q-btn
v-for="(item, index) in 5"
:class="
moral_level[i] == item.toString() &&
'active'
"
outline
color="grey-6"
:label="item"
@click="moral_level[i] = item"
>
<q-tooltip>
<div class="text-body2">
<span>{{ optionText[index].label }}</span>
</div>
</q-tooltip>
</q-btn>
</q-btn-group>
</q-item-section>
<q-btn-group outline>
<q-btn
v-for="(item, index) in 5"
:class="moral_level[i] == item.toString() && 'active'"
outline
color="grey-6"
:label="item"
@click="moral_level[i] = item"
>
<q-tooltip>
<div class="text-body2">
<span>{{ optionText[index].label }}</span>
</div>
</q-tooltip>
</q-btn>
</q-btn-group>
</q-item-section>
</q-item>
<q-separator class="q-my-xs" v-if="i + 1 < list2_2.length" />
</q-list>
@ -1067,27 +1064,25 @@ onMounted(async () => {
<q-item-label>{{ list.label }}</q-item-label>
</q-item-section>
<q-item-section side>
<q-btn-group outline>
<q-btn
v-for="(item, index) in 5"
:class="
discipline_level[i] == item.toString() &&
'active'
"
outline
color="grey-6"
:label="item"
@click="discipline_level[i] = item"
>
<q-tooltip>
<div class="text-body2">
<span>{{ optionText[index].label }}</span>
</div>
</q-tooltip>
</q-btn>
</q-btn-group>
</q-item-section>
<q-btn-group outline>
<q-btn
v-for="(item, index) in 5"
:class="
discipline_level[i] == item.toString() && 'active'
"
outline
color="grey-6"
:label="item"
@click="discipline_level[i] = item"
>
<q-tooltip>
<div class="text-body2">
<span>{{ optionText[index].label }}</span>
</div>
</q-tooltip>
</q-btn>
</q-btn-group>
</q-item-section>
</q-item>
<q-separator class="q-my-xs" v-if="i + 1 < list2_3.length" />
</q-list>
@ -1134,23 +1129,23 @@ onMounted(async () => {
</q-item-label>
</q-item-section>
<q-item-section side>
<q-btn-group outline>
<q-btn
v-for="(item, index) in 5"
:class="behavio_orther.level == item && 'active'"
outline
color="grey-6"
:label="item"
@click="behavio_orther.level = item"
>
<q-tooltip>
<div class="text-body2">
<span>{{ optionText[index].label }}</span>
</div>
</q-tooltip>
</q-btn>
</q-btn-group>
</q-item-section>
<q-btn-group outline>
<q-btn
v-for="(item, index) in 5"
:class="behavio_orther.level == item && 'active'"
outline
color="grey-6"
:label="item"
@click="behavio_orther.level = item"
>
<q-tooltip>
<div class="text-body2">
<span>{{ optionText[index].label }}</span>
</div>
</q-tooltip>
</q-btn>
</q-btn-group>
</q-item-section>
</q-item>
</q-list>
</q-card>

111
src/modules/05_placement/components/probation/FormEvaluation/FormSaveResultAddCommander.vue
View file

@ -1026,26 +1026,23 @@ onMounted(async () => {
<q-item-label>{{ list.label }}</q-item-label>
</q-item-section>
<q-item-section side>
<q-btn-group outline>
<q-btn
v-for="(item, index) in 5"
:class="
moral_level[i] == item.toString() &&
'active'
"
outline
color="grey-6"
:label="item"
@click="moral_level[i] = item"
>
<q-tooltip>
<div class="text-body2">
<span>{{ optionText[index].label }}</span>
</div>
</q-tooltip>
</q-btn>
</q-btn-group>
</q-item-section>
<q-btn-group outline>
<q-btn
v-for="(item, index) in 5"
:class="moral_level[i] == item.toString() && 'active'"
outline
color="grey-6"
:label="item"
@click="moral_level[i] = item"
>
<q-tooltip>
<div class="text-body2">
<span>{{ optionText[index].label }}</span>
</div>
</q-tooltip>
</q-btn>
</q-btn-group>
</q-item-section>
</q-item>
<q-separator class="q-my-xs" v-if="i + 1 < list2_2.length" />
</q-list>
@ -1071,27 +1068,25 @@ onMounted(async () => {
<q-item-label>{{ list.label }}</q-item-label>
</q-item-section>
<q-item-section side>
<q-btn-group outline>
<q-btn
v-for="(item, index) in 5"
:class="
discipline_level[i] == item.toString() &&
'active'
"
outline
color="grey-6"
:label="item"
@click="discipline_level[i] = item"
>
<q-tooltip>
<div class="text-body2">
<span>{{ optionText[index].label }}</span>
</div>
</q-tooltip>
</q-btn>
</q-btn-group>
</q-item-section>
<q-btn-group outline>
<q-btn
v-for="(item, index) in 5"
:class="
discipline_level[i] == item.toString() && 'active'
"
outline
color="grey-6"
:label="item"
@click="discipline_level[i] = item"
>
<q-tooltip>
<div class="text-body2">
<span>{{ optionText[index].label }}</span>
</div>
</q-tooltip>
</q-btn>
</q-btn-group>
</q-item-section>
</q-item>
<q-separator class="q-my-xs" v-if="i + 1 < list2_3.length" />
</q-list>
@ -1138,23 +1133,23 @@ onMounted(async () => {
</q-item-label>
</q-item-section>
<q-item-section side>
<q-btn-group outline>
<q-btn
v-for="(item, index) in 5"
:class="behavio_orther.level == item && 'active'"
outline
color="grey-6"
:label="item"
@click="behavio_orther.level = item"
>
<q-tooltip>
<div class="text-body2">
<span>{{ optionText[index].label }}</span>
</div>
</q-tooltip>
</q-btn>
</q-btn-group>
</q-item-section>
<q-btn-group outline>
<q-btn
v-for="(item, index) in 5"
:class="behavio_orther.level == item && 'active'"
outline
color="grey-6"
:label="item"
@click="behavio_orther.level = item"
>
<q-tooltip>
<div class="text-body2">
<span>{{ optionText[index].label }}</span>
</div>
</q-tooltip>
</q-btn>
</q-btn-group>
</q-item-section>
</q-item>
</q-list>
</q-card>

9
src/modules/05_placement/components/probation/FormEvaluation/Header.vue
View file

@ -101,7 +101,14 @@ function nextPage() {
</q-tab>
</q-tabs>
<div>
<q-btn v-if="!checkRoutePermisson" color="blue" flat dense icon="mdi-plus" @click="nextPage">
<q-btn
v-if="!checkRoutePermisson"
color="blue"
flat
dense
icon="mdi-plus"
@click="nextPage"
>
<q-tooltip> เพิ่ม </q-tooltip>
</q-btn>
</div>

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

@ -103,9 +103,7 @@ async function FileDownload(type: string) {
messageError($q, JSON.parse(await e.response.data.text()));
hideLoader();
})
.finally(() => {
});
.finally(() => {});
} else {
//ผุ้บังคับ
showLoader();
@ -124,8 +122,7 @@ async function FileDownload(type: string) {
messageError($q, JSON.parse(await e.response.data.text()));
hideLoader();
})
.finally(() => {
});
.finally(() => {});
}
}

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

@ -102,9 +102,7 @@ async function FileDownload(type: string) {
messageError($q, JSON.parse(await e.response.data.text()));
hideLoader();
})
.finally(() => {
});
.finally(() => {});
}
/** เปลี่ยนหน้า เพิ่ม */

9
src/modules/05_placement/components/probation/FormEvaluation/Template3.vue
View file

@ -2,12 +2,15 @@
import { ref, defineAsyncComponent } from "vue";
const FormReport = defineAsyncComponent(
() => import("@/modules/05_placement/components/probation/FormEvaluation/FormReport.vue")
)
() =>
import(
"@/modules/05_placement/components/probation/FormEvaluation/FormReport.vue"
)
);
</script>
<template>
<div class="col-12 q-ma-sm">
<FormReport />
</div>
</template>
</template>

12
src/modules/05_placement/components/probation/MainDetail.vue
View file

@ -56,16 +56,16 @@ const personalId = ref<string>(route.params.personalId.toString());
* เปลี่ยน tab เมนู
* @param tab กำหนด tab
*/
function changeTab(tab: string){
function changeTab(tab: string) {
DataStore.mainTab = tab;
activeTab.value = DataStore.mainTab;
};
}
/** ปุ่มกลับ */
function clickBack(){
router.go(-1)
function clickBack() {
router.go(-1);
DataStore.mainTab = "tab1";
};
}
/** เมื่อเริ่มโหลดหน้า ให้ tab เป็น tab1 */
onMounted(() => {
@ -197,7 +197,7 @@ onMounted(() => {
>
<q-item-section> แบบรายงาน<br />การประเมินฯ </q-item-section>
</q-item>
<q-item
active-class="text-primary bg-teal-1 text-weight-medium"
clickable

14
src/modules/05_placement/components/probation/SummaryScore.vue
View file

@ -8,9 +8,7 @@ import config from "@/app.config";
const mixin = useCounterMixin();
const {
date2Thai,
} = mixin;
const { date2Thai } = mixin;
const route = useRoute();
const checkRoutePermisson = ref<boolean>(route.name == "probationFormDetail");
const assignId = ref<string>(route.params.form.toString());
@ -163,18 +161,14 @@ onMounted(() => {
<q-item-section>
<q-item-label style="color: gray">
<div class="row text-weight-light">
<div class="col">คะแนน</div>
<div class="col">ร้อยละ</div>
</div>
</q-item-label>
<q-item-label caption style="color: #464444">
<div class="row text-weight-bold">
<div class="col">{{ behavior_score }}</div>
<div class="col">{{ behavior_percent }}</div>
</div>
</q-item-label>
</q-item-section>
@ -200,18 +194,14 @@ onMounted(() => {
<q-item-section>
<q-item-label style="color: gray">
<div class="row text-weight-light">
<div class="col">คะแนน</div>
<div class="col">ร้อยละ</div>
</div>
</q-item-label>
<q-item-label caption style="color: #464444">
<div class="row text-weight-bold">
<div class="col">{{ sum_score }}</div>
<div class="col">{{ sum_percent }}</div>
</div>
</q-item-label>
</q-item-section>
@ -329,7 +319,7 @@ onMounted(() => {
v-model="develop_other_training_score"
/>
</div>
<div class="col">
<q-input
outlined

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

@ -21,11 +21,7 @@ const $q = useQuasar();
const myForm = ref<QForm>();
const mixin = useCounterMixin();
const {
messageError,
success,
dialogConfirm,
} = mixin;
const { messageError, success, dialogConfirm } = mixin;
const route = useRoute();
const checkRoutePermisson = ref<boolean>(route.name == "probationFormDetail");
const assignId = ref<string>(route.params.form.toString());
@ -146,26 +142,23 @@ onMounted(() => {
ความพึงพอใจกับการทดลองปฏิบัติหน้าที่ราชการของคุณอยู่ในระดับใด
</div>
<q-space />
<q-btn-group outline>
<q-btn
v-for="(item, index) in 5"
:disable="!status || checkRoutePermisson"
:class="
answer3 == item && 'active'
"
outline
color="grey-6"
:label="item"
@click="answer3 = item"
>
<q-tooltip>
<div class="text-body2">
<span>{{ optionText[index].label }}</span>
</div>
</q-tooltip>
</q-btn>
</q-btn-group>
<q-btn-group outline>
<q-btn
v-for="(item, index) in 5"
:disable="!status || checkRoutePermisson"
:class="answer3 == item && 'active'"
outline
color="grey-6"
:label="item"
@click="answer3 = item"
>
<q-tooltip>
<div class="text-body2">
<span>{{ optionText[index].label }}</span>
</div>
</q-tooltip>
</q-btn>
</q-btn-group>
</div>
<div class="col-12 q-mt-md">
<q-separator size="3px" color="grey-2" />