update footer form probation

This commit is contained in:
Warunee Tamkoo 2023-09-15 11:02:42 +07:00
parent dd7bab4de0
commit 7568b974b3
2 changed files with 11 additions and 172 deletions

View file

@ -1098,170 +1098,6 @@ const putformData = () => {
</div>
</div>
<!-- Footer -->
<!-- <Footer /> -->
<div class="row col-12 q-gutter-lg no-margin justify-center">
<div class="col-xs-12 col-sm-11">
<div class="col-12 text-top2 row items-center">
งคบบญชาผมอบหมายงาน
</div>
<div class="col-12 row q-col-gutter-md">
<q-select class="col-xs-12 col-sm-8" dense v-model="commander.name" outlined label="ผู้บังคับบัญชา"
disable />
<div class="col-xs-12 col-sm-4">
<datepicker menu-class-name="modalfix" v-model="commander.dated" :locale="'th'" autoApply borderless
:readonly="!status" :enableTimePicker="false" week-start="0">
<template #year="{ year }">
{{ year + 543 }}
</template>
<template #year-overlay-value="{ value }">
{{ parseInt(value + 543) }}
</template>
<template #trigger>
<q-input outlined dense :disable="!status" hide-bottom-space class="full-width datepicker col-3"
:model-value="commander.dated != null
? date2Thai(commander.dated)
: null
" :label="`${'ลงวันที่'}`" :rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่'}`]">
<template v-slot:prepend>
<q-icon name="event" class="cursor-pointer" style="color: var(--q-primary)">
</q-icon>
</template>
</q-input>
</template>
</datepicker>
</div>
<!-- <q-select
class="col-xs-12 col-sm-8"
dense
v-model="mentors[0].name"
outlined
label="ผู้บังคับบัญชา"
disable
/> -->
<!-- <div class="col-xs-12 col-sm-4">
<datepicker
menu-class-name="modalfix"
v-model="dateAutherise"
:locale="'th'"
autoApply
borderless
:readonly="!status"
:enableTimePicker="false"
week-start="0"
>
<template #year="{ year }">
{{ year + 543 }}
</template>
<template #year-overlay-value="{ value }">
{{ parseInt(value + 543) }}
</template>
<template #trigger>
<q-input
outlined
:disable="!status"
dense
class="full-width datepicker col-3"
hide-bottom-space
:model-value="
dateAutherise != null ? date2Thai(dateAutherise) : null
"
:label="`${'ลงวันที่'}`"
:rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่'}`]"
>
<template v-slot:prepend>
<q-icon
name="event"
class="cursor-pointer"
style="color: var(--q-primary)"
>
</q-icon>
</template>
</q-input>
</template>
</datepicker>
</div> -->
<!-- <q-select
class="col-xs-12 col-sm-8"
dense
v-model="mentors[1].name"
outlined
label="ผู้บังคับบัญชา"
disable
/> -->
<!-- <div class="col-xs-12 col-sm-4">
<datepicker
menu-class-name="modalfix"
v-model="dateAutherise"
:locale="'th'"
autoApply
borderless
:readonly="!status"
:enableTimePicker="false"
week-start="0"
>
<template #year="{ year }">
{{ year + 543 }}
</template>
<template #year-overlay-value="{ value }">
{{ parseInt(value + 543) }}
</template>
<template #trigger>
<q-input
outlined
dense
:disable="!status"
class="full-width datepicker col-3"
hide-bottom-space
:model-value="
dateAutherise != null ? date2Thai(dateAutherise) : null
"
:label="`${'ลงวันที่'}`"
:rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่'}`]"
>
<template v-slot:prepend>
<q-icon
name="event"
class="cursor-pointer"
style="color: var(--q-primary)"
>
</q-icon>
</template>
</q-input>
</template>
</datepicker> -->
<!-- </div> -->
</div>
<div class="col-12 row q-col-gutter-md q-mt-sm" v-for="(mentor, index) in mentors">
<q-select :key="index" class="col-xs-12 col-sm-8" hide-bottom-space dense v-model="mentors[index].name"
outlined label="ผู้บังคับบัญชา" disable />
<datepicker class="col-xs-12 col-sm-4" :readonly="!status" menu-class-name="modalfix"
v-model="mentors[index].dated" :locale="'th'" autoApply borderless :enableTimePicker="false"
week-start="0">
<template #year="{ year }">
{{ year + 543 }}
</template>
<template #year-overlay-value="{ value }">
{{ parseInt(value + 543) }}
</template>
<template #trigger>
<q-input hide-bottom-space outlined dense class="full-width datepicker col-3" :model-value="mentors[index].dated != null
? date2Thai(mentors[index].dated)
: null
" :label="`${'ลงวันที่'}`" :rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่'}`]">
<template v-slot:prepend>
<q-icon name="event" class="cursor-pointer" style="color: var(--q-primary)">
</q-icon>
</template>
</q-input>
</template>
</datepicker>
</div>
</div>
</div>
<!-- Footer -->
<!-- <Footer /> -->
<div class="col-12 q-mt-lg">

View file

@ -38,12 +38,12 @@ const saveEdit = async (id: string) => {
}
});
};
const edit = () => {
status.value = true;
};
const cancel = () => {
status.value = false;
};
// const edit = () => {
// status.value = true;
// };
// const cancel = () => {
// status.value = false;
// };
onMounted(() => {
fecthAssign(assignId.value);
fecthResult(assignId.value);
@ -70,6 +70,9 @@ const fecthAssign = async (id: string) => {
date_start.value = res.data.data.assign.date_start;
date_finish.value = res.data.data.assign.date_finish;
develop.value = res.data.data.result.develop_complete;
result.value = res.data.data.result.evaluate_result;
director_id.value = res.data.data.chairman.name;
director_id2.value = res.data.data.commander.name;
if (mentors.value.length != 0) {
@ -244,7 +247,7 @@ const selectRuslt = () => {
</q-menu>
</q-btn>
<div v-if="action == 'edit'">
<!-- <div v-if="action == 'edit'">
<div v-if="status == false">
<q-btn
dense
@ -273,7 +276,7 @@ const selectRuslt = () => {
<q-tooltip>นทกขอม</q-tooltip>
</q-btn>
</div>
</div>
</div> -->
</div>
<q-form ref="myForm">
<div class="row col-12">