update footer form probation
This commit is contained in:
parent
dd7bab4de0
commit
7568b974b3
2 changed files with 11 additions and 172 deletions
|
|
@ -1098,170 +1098,6 @@ const putformData = () => {
|
||||||
</div>
|
</div>
|
||||||
</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 -->
|
||||||
<!-- <Footer /> -->
|
<!-- <Footer /> -->
|
||||||
<div class="col-12 q-mt-lg">
|
<div class="col-12 q-mt-lg">
|
||||||
|
|
|
||||||
|
|
@ -38,12 +38,12 @@ const saveEdit = async (id: string) => {
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
const edit = () => {
|
// const edit = () => {
|
||||||
status.value = true;
|
// status.value = true;
|
||||||
};
|
// };
|
||||||
const cancel = () => {
|
// const cancel = () => {
|
||||||
status.value = false;
|
// status.value = false;
|
||||||
};
|
// };
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
fecthAssign(assignId.value);
|
fecthAssign(assignId.value);
|
||||||
fecthResult(assignId.value);
|
fecthResult(assignId.value);
|
||||||
|
|
@ -70,6 +70,9 @@ const fecthAssign = async (id: string) => {
|
||||||
date_start.value = res.data.data.assign.date_start;
|
date_start.value = res.data.data.assign.date_start;
|
||||||
date_finish.value = res.data.data.assign.date_finish;
|
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_id.value = res.data.data.chairman.name;
|
||||||
director_id2.value = res.data.data.commander.name;
|
director_id2.value = res.data.data.commander.name;
|
||||||
if (mentors.value.length != 0) {
|
if (mentors.value.length != 0) {
|
||||||
|
|
@ -244,7 +247,7 @@ const selectRuslt = () => {
|
||||||
</q-menu>
|
</q-menu>
|
||||||
</q-btn>
|
</q-btn>
|
||||||
|
|
||||||
<div v-if="action == 'edit'">
|
<!-- <div v-if="action == 'edit'">
|
||||||
<div v-if="status == false">
|
<div v-if="status == false">
|
||||||
<q-btn
|
<q-btn
|
||||||
dense
|
dense
|
||||||
|
|
@ -273,7 +276,7 @@ const selectRuslt = () => {
|
||||||
<q-tooltip>บันทึกข้อมูล</q-tooltip>
|
<q-tooltip>บันทึกข้อมูล</q-tooltip>
|
||||||
</q-btn>
|
</q-btn>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div> -->
|
||||||
</div>
|
</div>
|
||||||
<q-form ref="myForm">
|
<q-form ref="myForm">
|
||||||
<div class="row col-12">
|
<div class="row col-12">
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue