ทดลองงาน remove component & add footer
This commit is contained in:
parent
9cad6dce3d
commit
f81ff646ac
9 changed files with 123 additions and 1216 deletions
|
|
@ -59,6 +59,9 @@ const { date2Thai, notifyError } = mixin;
|
||||||
const dateToday = ref<Date>(new Date("10-10-2023"));
|
const dateToday = ref<Date>(new Date("10-10-2023"));
|
||||||
const dateEnd = ref<Date>(new Date("12-10-2023"));
|
const dateEnd = ref<Date>(new Date("12-10-2023"));
|
||||||
const period = ref<number>(1);
|
const period = ref<number>(1);
|
||||||
|
const Autherise = ref<any>(null);
|
||||||
|
const dateAutherise = ref<any>(new Date());
|
||||||
|
|
||||||
// part 1
|
// part 1
|
||||||
const knowledge_level = ref<number>(0);
|
const knowledge_level = ref<number>(0);
|
||||||
const skill_level = ref<number>(0);
|
const skill_level = ref<number>(0);
|
||||||
|
|
@ -886,6 +889,62 @@ const putformData = () => {
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Footer -->
|
<!-- Footer -->
|
||||||
|
<div class="row col-12 q-gutter-lg no-margin">
|
||||||
|
<div class="col-12 row">
|
||||||
|
<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="Autherise"
|
||||||
|
outlined
|
||||||
|
:options="option"
|
||||||
|
label="ผู้บังคับบัญชา"
|
||||||
|
/>
|
||||||
|
<div class="col-xs-12 col-sm-4">
|
||||||
|
<datepicker
|
||||||
|
menu-class-name="modalfix"
|
||||||
|
v-model="dateAutherise"
|
||||||
|
: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
|
||||||
|
outlined
|
||||||
|
dense
|
||||||
|
class="full-width datepicker col-3"
|
||||||
|
: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>
|
||||||
|
</div>
|
||||||
<!-- <Footer /> -->
|
<!-- <Footer /> -->
|
||||||
<q-toolbar class="text-primary">
|
<q-toolbar class="text-primary">
|
||||||
<q-space />
|
<q-space />
|
||||||
|
|
|
||||||
|
|
@ -1133,6 +1133,63 @@ const putformData = () => {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="row col-12 q-gutter-lg no-margin">
|
||||||
|
<div class="col-12 row">
|
||||||
|
<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="Autherise"
|
||||||
|
outlined
|
||||||
|
:options="option"
|
||||||
|
label="คณะกรรมการ"
|
||||||
|
/>
|
||||||
|
<div class="col-xs-12 col-sm-4">
|
||||||
|
<datepicker
|
||||||
|
menu-class-name="modalfix"
|
||||||
|
v-model="dateAutherise"
|
||||||
|
: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
|
||||||
|
outlined
|
||||||
|
dense
|
||||||
|
class="full-width datepicker col-3"
|
||||||
|
: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>
|
||||||
|
</div>
|
||||||
|
|
||||||
<q-toolbar class="text-primary">
|
<q-toolbar class="text-primary">
|
||||||
<q-space />
|
<q-space />
|
||||||
<q-btn label="บันทึก" color="secondary" @click="savaForm" />
|
<q-btn label="บันทึก" color="secondary" @click="savaForm" />
|
||||||
|
|
|
||||||
|
|
@ -149,11 +149,11 @@ const postData = async () => {
|
||||||
<div class="row col-12 q-gutter-lg q-mt-sm">
|
<div class="row col-12 q-gutter-lg q-mt-sm">
|
||||||
<div class="col-12 row">
|
<div class="col-12 row">
|
||||||
<div class="col-12 text-top2 row items-center">
|
<div class="col-12 text-top2 row items-center">
|
||||||
ประธานคณะกรรมการ
|
ประธานคณะกรรมการประเมินผลการปฏิบัติหน้าที่ราชการ
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12 row q-col-gutter-md">
|
<div class="col-12 row q-col-gutter-md">
|
||||||
<q-select class="col-xs-12 col-sm-8" dense v-model="director_id" outlined :options="optionDirector"
|
<q-select class="col-xs-12 col-sm-8" dense v-model="director_id" outlined :options="optionDirector"
|
||||||
label="เลือกประธานคณะกรรมการ" />
|
label="" />
|
||||||
<div class="col-xs-12 col-sm-4">
|
<div class="col-xs-12 col-sm-4">
|
||||||
<datepicker menu-class-name="modalfix" v-model="director_dated" :locale="'th'" autoApply borderless
|
<datepicker menu-class-name="modalfix" v-model="director_dated" :locale="'th'" autoApply borderless
|
||||||
:enableTimePicker="false" week-start="0">
|
:enableTimePicker="false" week-start="0">
|
||||||
|
|
@ -179,11 +179,11 @@ const postData = async () => {
|
||||||
|
|
||||||
<div class="col-12 row q-mt-xs">
|
<div class="col-12 row q-mt-xs">
|
||||||
<div class="col-12 text-top2 row items-center">
|
<div class="col-12 text-top2 row items-center">
|
||||||
กรรมการ
|
ความเห็นของผู้มีอำนาจสั่งบรรจุตามมาตรา 52
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12 row q-col-gutter-md">
|
<div class="col-12 row q-col-gutter-md">
|
||||||
<q-select class="col-xs-12 col-sm-8" dense v-model="director_id2" outlined :options="optionDirector"
|
<q-select class="col-xs-12 col-sm-8" dense v-model="director_id2" outlined :options="optionDirector"
|
||||||
label="เลือกกรรมการ" />
|
label="" />
|
||||||
<div class="col-xs-12 col-sm-4">
|
<div class="col-xs-12 col-sm-4">
|
||||||
<datepicker menu-class-name="modalfix" v-model="director_dated2" :locale="'th'" autoApply borderless
|
<datepicker menu-class-name="modalfix" v-model="director_dated2" :locale="'th'" autoApply borderless
|
||||||
:enableTimePicker="false" week-start="0">
|
:enableTimePicker="false" week-start="0">
|
||||||
|
|
@ -209,11 +209,11 @@ const postData = async () => {
|
||||||
|
|
||||||
<div class="col-12 row q-mt-xs">
|
<div class="col-12 row q-mt-xs">
|
||||||
<div class="col-12 text-top2 row items-center">
|
<div class="col-12 text-top2 row items-center">
|
||||||
กรรมการ
|
ผู้มีอำนาจสั่งบรรจุตามมาตรา 52
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12 row q-col-gutter-md">
|
<div class="col-12 row q-col-gutter-md">
|
||||||
<q-select class="col-xs-12 col-sm-8" dense v-model="director_id3" outlined :options="optionDirector"
|
<q-select class="col-xs-12 col-sm-8" dense v-model="director_id3" outlined :options="optionDirector"
|
||||||
label="เลือกกรรมการ" />
|
label="" />
|
||||||
<div class="col-xs-12 col-sm-4">
|
<div class="col-xs-12 col-sm-4">
|
||||||
<datepicker menu-class-name="modalfix" v-model="director_dated3" :locale="'th'" autoApply borderless
|
<datepicker menu-class-name="modalfix" v-model="director_dated3" :locale="'th'" autoApply borderless
|
||||||
:enableTimePicker="false" week-start="0">
|
:enableTimePicker="false" week-start="0">
|
||||||
|
|
|
||||||
|
|
@ -1119,7 +1119,7 @@ const putformData = () => {
|
||||||
<div class="row col-12 q-gutter-lg no-margin">
|
<div class="row col-12 q-gutter-lg no-margin">
|
||||||
<div class="col-12 row">
|
<div class="col-12 row">
|
||||||
<div class="col-12 text-top2 row items-center">
|
<div class="col-12 text-top2 row items-center">
|
||||||
ผู้บังคับบัญชาผู้มอบหมายงาน
|
ผู้บังคับบัญชา/ผู้มอบหมายงาน
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12 row q-col-gutter-md">
|
<div class="col-12 row q-col-gutter-md">
|
||||||
<q-select
|
<q-select
|
||||||
|
|
|
||||||
|
|
@ -1,432 +0,0 @@
|
||||||
<script setup lang="ts">
|
|
||||||
import { ref, defineAsyncComponent } from "vue";
|
|
||||||
|
|
||||||
import { useQuasar } from "quasar";
|
|
||||||
|
|
||||||
import { useProbationDataStore } from "@/modules/05_placement/store";
|
|
||||||
|
|
||||||
const PartHighlightImprove = defineAsyncComponent(
|
|
||||||
() =>
|
|
||||||
import(
|
|
||||||
"@/modules/05_placement/components/probation/FormEvaluation/SubForm/PartHighlightImprove.vue"
|
|
||||||
)
|
|
||||||
);
|
|
||||||
|
|
||||||
const $q = useQuasar();
|
|
||||||
const probationStore = useProbationDataStore();
|
|
||||||
const { ratingColors } = probationStore;
|
|
||||||
|
|
||||||
const list1_1 = [
|
|
||||||
{ id: "1", label: "ผลผลิตของงานที่คาดหวัง 1" },
|
|
||||||
{ id: "2", label: "ผลผลิตของงานที่คาดหวัง 2" },
|
|
||||||
{ id: "3", label: "ผลผลิตของงานที่คาดหวัง 3" },
|
|
||||||
{ id: "4", label: "ผลผลิตของงานที่คาดหวัง 4" },
|
|
||||||
{ id: "5", label: "ผลผลิตของงานที่คาดหวัง 5" },
|
|
||||||
];
|
|
||||||
const list1_2 = [
|
|
||||||
{ id: "1", label: "ผลผลิตของงานที่เกิดขึ้น 1" },
|
|
||||||
{ id: "2", label: "ผลผลิตของงานที่เกิดขึ้น 2" },
|
|
||||||
{ id: "3", label: "ผลผลิตของงานที่เกิดขึ้น 3" },
|
|
||||||
{ id: "4", label: "ผลผลิตของงานที่เกิดขึ้น 4" },
|
|
||||||
{ id: "5", label: "ผลผลิตของงานที่เกิดขึ้น 5" },
|
|
||||||
];
|
|
||||||
|
|
||||||
const etc_text = ref<any>(null);
|
|
||||||
const text2_1 = ref<string>("");
|
|
||||||
|
|
||||||
const model = ref<any>(0);
|
|
||||||
const model1 = ref<any>(0);
|
|
||||||
const model1_2 = ref<any>(0);
|
|
||||||
const model1_3 = ref<any>(0);
|
|
||||||
const model1_4 = ref<any>(0);
|
|
||||||
const model1_5 = ref<any>(0);
|
|
||||||
const model1_6 = ref<any>(0);
|
|
||||||
const modelEtc = ref<any>(0);
|
|
||||||
const etc = ref<any>(false);
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<div class="row col-12 q-gutter-lg no-margin">
|
|
||||||
<div class="col-12 row">
|
|
||||||
<div class="col-12 text-top0 items-center">
|
|
||||||
<q-avatar class="bg-grey-2 q-mr-sm" size="28px">1</q-avatar>
|
|
||||||
ผลสัมฤทธิ์ของการทดลองปฏิบัติบัติหน้าที่ราชการ
|
|
||||||
</div>
|
|
||||||
<div class="col-12 text-top0 row items-center q-pl-lg">
|
|
||||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
|
||||||
1.1 ความสำเร็จของงานที่ได้รับมอบหมาย
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-12 col-sm-11 col-md-10 offset-md-1 text-top2">
|
|
||||||
1.ผลผลิตของงานที่คาดหวัง
|
|
||||||
</div>
|
|
||||||
<q-card
|
|
||||||
flat
|
|
||||||
bordered
|
|
||||||
class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1"
|
|
||||||
>
|
|
||||||
<q-list dense v-for="(list, i) in list1_1" :key="i">
|
|
||||||
<q-item dense tag="label" v-ripple>
|
|
||||||
<q-item-section>
|
|
||||||
<q-item-label>{{ list.label }}</q-item-label>
|
|
||||||
</q-item-section>
|
|
||||||
<q-item-section side>
|
|
||||||
<q-rating
|
|
||||||
v-model="model"
|
|
||||||
:val="list.id"
|
|
||||||
max="5"
|
|
||||||
size="sm"
|
|
||||||
color="grey"
|
|
||||||
:color-selected="ratingColors"
|
|
||||||
label="ระดับการประเมินพฤติกรรม"
|
|
||||||
>
|
|
||||||
<template v-slot:tip-1>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-2>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-3>
|
|
||||||
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-4>
|
|
||||||
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-5>
|
|
||||||
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
</q-rating>
|
|
||||||
</q-item-section>
|
|
||||||
</q-item>
|
|
||||||
<q-separator class="q-my-xs" v-if="i + 1 < list1_1.length" />
|
|
||||||
</q-list>
|
|
||||||
</q-card>
|
|
||||||
</div>
|
|
||||||
<div class="col-12 row">
|
|
||||||
<div class="col-12 text-top0 row items-center q-pl-lg">
|
|
||||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
|
||||||
1.2 ความสำเร็จของงานที่ได้รับมอบหมาย
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-12 col-sm-11 col-md-10 offset-md-1 text-top2">
|
|
||||||
1.ผลผลิตของงานที่เกิดขึ้น
|
|
||||||
</div>
|
|
||||||
<q-card
|
|
||||||
flat
|
|
||||||
bordered
|
|
||||||
class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1"
|
|
||||||
>
|
|
||||||
<q-list dense v-for="(list, i) in list1_2" :key="i">
|
|
||||||
<q-item dense tag="label" v-ripple>
|
|
||||||
<q-item-section>
|
|
||||||
<!-- <q-item-label>{{ list.label }}</q-item-label> -->
|
|
||||||
<q-input
|
|
||||||
outlined
|
|
||||||
dense
|
|
||||||
v-model="text2_1"
|
|
||||||
class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
|
|
||||||
lazy-rules
|
|
||||||
type="textarea"
|
|
||||||
label="ผลผลิตของงานที่เกิดขึ้นจริง"
|
|
||||||
hide-bottom-space
|
|
||||||
:row="1"
|
|
||||||
/>
|
|
||||||
</q-item-section>
|
|
||||||
<q-item-section side>
|
|
||||||
<q-rating
|
|
||||||
v-model="model1"
|
|
||||||
:val="list.id"
|
|
||||||
max="5"
|
|
||||||
size="sm"
|
|
||||||
color="grey"
|
|
||||||
:color-selected="ratingColors"
|
|
||||||
label="ระดับการประเมินพฤติกรรม"
|
|
||||||
>
|
|
||||||
<template v-slot:tip-1>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-2>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-3>
|
|
||||||
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-4>
|
|
||||||
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-5>
|
|
||||||
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
</q-rating>
|
|
||||||
</q-item-section>
|
|
||||||
</q-item>
|
|
||||||
<q-separator class="q-my-xs" v-if="i + 1 < list1_2.length" />
|
|
||||||
</q-list>
|
|
||||||
</q-card>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-12 row">
|
|
||||||
<q-card class="text-top0 col-12 q-pa-sm q-pl-lg">
|
|
||||||
<q-list dense>
|
|
||||||
<q-item dense tag="label" v-ripple>
|
|
||||||
<q-item-section>
|
|
||||||
<q-item-label>
|
|
||||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
|
||||||
1.2. ความรู้ความสามารถ</q-item-label>
|
|
||||||
</q-item-section>
|
|
||||||
<q-item-section side>
|
|
||||||
<q-rating v-model="model1_2" max="5" size="sm" color="grey" :color-selected="ratingColors"
|
|
||||||
label="ระดับการประเมินพฤติกรรม">
|
|
||||||
<template v-slot:tip-1>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-2>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-3>
|
|
||||||
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-4>
|
|
||||||
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-5>
|
|
||||||
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
</q-rating>
|
|
||||||
</q-item-section>
|
|
||||||
</q-item>
|
|
||||||
</q-list>
|
|
||||||
</q-card>
|
|
||||||
|
|
||||||
<q-card class="text-top0 col-12 q-pa-sm q-pl-lg">
|
|
||||||
<q-list dense>
|
|
||||||
<q-item dense tag="label" v-ripple>
|
|
||||||
<q-item-section>
|
|
||||||
<q-item-label>
|
|
||||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
|
||||||
1.2. ทักษะ</q-item-label>
|
|
||||||
</q-item-section>
|
|
||||||
<q-item-section side>
|
|
||||||
<q-rating v-model="model1_2" max="5" size="sm" color="grey" :color-selected="ratingColors"
|
|
||||||
label="ระดับการประเมินพฤติกรรม">
|
|
||||||
<template v-slot:tip-1>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-2>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-3>
|
|
||||||
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-4>
|
|
||||||
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-5>
|
|
||||||
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
</q-rating>
|
|
||||||
</q-item-section>
|
|
||||||
</q-item>
|
|
||||||
</q-list>
|
|
||||||
</q-card>
|
|
||||||
|
|
||||||
<q-card class="text-top0 col-12 q-pa-sm q-pl-lg">
|
|
||||||
<q-list dense>
|
|
||||||
<q-item dense tag="label" v-ripple>
|
|
||||||
<q-item-section>
|
|
||||||
<q-item-label>
|
|
||||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
|
||||||
1.4. สมมรถนะ</q-item-label>
|
|
||||||
</q-item-section>
|
|
||||||
<q-item-section side>
|
|
||||||
<q-rating v-model="model1_2" max="5" size="sm" color="grey" :color-selected="ratingColors"
|
|
||||||
label="ระดับการประเมินพฤติกรรม">
|
|
||||||
<template v-slot:tip-1>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-2>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-3>
|
|
||||||
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-4>
|
|
||||||
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-5>
|
|
||||||
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
</q-rating>
|
|
||||||
</q-item-section>
|
|
||||||
</q-item>
|
|
||||||
</q-list>
|
|
||||||
</q-card>
|
|
||||||
|
|
||||||
<q-card class="text-top0 col-12 q-pa-sm q-pl-lg">
|
|
||||||
<q-list dense>
|
|
||||||
<q-item dense tag="label" v-ripple>
|
|
||||||
<q-item-section>
|
|
||||||
<q-item-label>
|
|
||||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
|
||||||
1.5. ความสามารถในการเรียนรู้งาน</q-item-label>
|
|
||||||
</q-item-section>
|
|
||||||
<q-item-section side>
|
|
||||||
<q-rating v-model="model1_2" max="5" size="sm" color="grey" :color-selected="ratingColors"
|
|
||||||
label="ระดับการประเมินพฤติกรรม">
|
|
||||||
<template v-slot:tip-1>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-2>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-3>
|
|
||||||
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-4>
|
|
||||||
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-5>
|
|
||||||
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
</q-rating>
|
|
||||||
</q-item-section>
|
|
||||||
</q-item>
|
|
||||||
</q-list>
|
|
||||||
</q-card>
|
|
||||||
|
|
||||||
<q-card class="text-top0 col-12 q-pa-sm q-pl-lg">
|
|
||||||
<q-list dense>
|
|
||||||
<q-item dense tag="label" v-ripple>
|
|
||||||
<q-item-section>
|
|
||||||
<q-item-label>
|
|
||||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
|
||||||
1.6. ความสามารถในการปรับใช้ความรู้กับงานในหน้าที่</q-item-label>
|
|
||||||
</q-item-section>
|
|
||||||
<q-item-section side>
|
|
||||||
<q-rating v-model="model1_2" max="5" size="sm" color="grey" :color-selected="ratingColors"
|
|
||||||
label="ระดับการประเมินพฤติกรรม">
|
|
||||||
<template v-slot:tip-1>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-2>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-3>
|
|
||||||
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-4>
|
|
||||||
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-5>
|
|
||||||
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
</q-rating>
|
|
||||||
</q-item-section>
|
|
||||||
</q-item>
|
|
||||||
</q-list>
|
|
||||||
</q-card>
|
|
||||||
|
|
||||||
<q-card class="text-top0 col-12 q-pa-sm q-pl-lg">
|
|
||||||
<q-list dense>
|
|
||||||
<q-item dense tag="label" v-ripple>
|
|
||||||
<q-item-section>
|
|
||||||
<q-item-label>
|
|
||||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
|
||||||
1.7. ความสำเร็จของงานที่ได้รับมอบหมาย</q-item-label>
|
|
||||||
</q-item-section>
|
|
||||||
<q-item-section side>
|
|
||||||
<q-rating v-model="model1_2" max="5" size="sm" color="grey" :color-selected="ratingColors"
|
|
||||||
label="ระดับการประเมินพฤติกรรม">
|
|
||||||
<template v-slot:tip-1>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-2>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-3>
|
|
||||||
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-4>
|
|
||||||
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-5>
|
|
||||||
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
</q-rating>
|
|
||||||
</q-item-section>
|
|
||||||
</q-item>
|
|
||||||
</q-list>
|
|
||||||
</q-card>
|
|
||||||
|
|
||||||
<q-card class="text-top0 col-12 q-pa-sm q-pl-lg">
|
|
||||||
<q-list dense>
|
|
||||||
<q-item dense tag="label" v-ripple>
|
|
||||||
<q-item-section>
|
|
||||||
<q-item-label>
|
|
||||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
|
||||||
1.8 อื่นๆ
|
|
||||||
<q-checkbox class="q-ml-sm" dense v-model="etc" /></q-item-label>
|
|
||||||
</q-item-section>
|
|
||||||
</q-item>
|
|
||||||
</q-list>
|
|
||||||
</q-card>
|
|
||||||
|
|
||||||
<q-card v-if="etc" class="text-top0 col-12 q-pa-sm q-mt-sm q-pl-lg">
|
|
||||||
<q-list dense>
|
|
||||||
<q-item dense tag="label" v-ripple>
|
|
||||||
<q-item-section class="q-ml-md">
|
|
||||||
<q-item-label>
|
|
||||||
<q-input v-model="etc_text" label="กรอกอื่นๆ" dense lazy-rules autogrow hide-bottom-space outlined
|
|
||||||
class="bg-white" :rules="[
|
|
||||||
(val) => (val && val.length > 0) || 'กรุณากรอกข้อความ',
|
|
||||||
]" />
|
|
||||||
</q-item-label>
|
|
||||||
</q-item-section>
|
|
||||||
<q-item-section side>
|
|
||||||
<q-rating v-model="modelEtc" max="5" size="sm" color="grey" :color-selected="ratingColors"
|
|
||||||
label="ระดับการประเมินพฤติกรรม">
|
|
||||||
<template v-slot:tip-1>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-2>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-3>
|
|
||||||
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-4>
|
|
||||||
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-5>
|
|
||||||
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
</q-rating>
|
|
||||||
</q-item-section>
|
|
||||||
</q-item>
|
|
||||||
</q-list>
|
|
||||||
</q-card>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<PartHighlightImprove />
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.text-top2 {
|
|
||||||
font-weight: 500;
|
|
||||||
padding-bottom: 8px;
|
|
||||||
color: rgb(70, 68, 68);
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-top0 {
|
|
||||||
font-weight: 600;
|
|
||||||
padding-bottom: 8px;
|
|
||||||
color: rgb(70, 68, 68);
|
|
||||||
}
|
|
||||||
|
|
||||||
.q-rating__icon {
|
|
||||||
text-shadow: transparent !important;
|
|
||||||
}
|
|
||||||
.q-card {
|
|
||||||
box-shadow: 0px 0px 0px 0px !important;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,312 +0,0 @@
|
||||||
<template>
|
|
||||||
<div class="row col-12 q-gutter-lg no-margin">
|
|
||||||
<div class="col-12 row">
|
|
||||||
<div class="col-12 text-top0 items-center">
|
|
||||||
<q-avatar class="bg-grey-2 q-mr-sm" size="28px">1</q-avatar>
|
|
||||||
ผลสัมฤทธิ์ของการทดลองปฏิบัติบัติหน้าที่ราชการ
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-12 row no-margin">
|
|
||||||
<q-card class="text-top0 col-12 q-pa-sm q-pl-lg">
|
|
||||||
<q-list dense>
|
|
||||||
<q-item dense tag="label" v-ripple>
|
|
||||||
<q-item-section>
|
|
||||||
<q-item-label>
|
|
||||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
|
||||||
1.1. ความรู้ความสามารถ</q-item-label>
|
|
||||||
</q-item-section>
|
|
||||||
<q-item-section side>
|
|
||||||
<q-rating v-model="model1_2" max="5" size="sm" color="grey" :color-selected="ratingColors"
|
|
||||||
label="ระดับการประเมินพฤติกรรม">
|
|
||||||
<template v-slot:tip-1>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-2>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-3>
|
|
||||||
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-4>
|
|
||||||
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-5>
|
|
||||||
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
</q-rating>
|
|
||||||
</q-item-section>
|
|
||||||
</q-item>
|
|
||||||
</q-list>
|
|
||||||
</q-card>
|
|
||||||
|
|
||||||
<q-card class="text-top0 col-12 q-pa-sm q-pl-lg">
|
|
||||||
<q-list dense>
|
|
||||||
<q-item dense tag="label" v-ripple>
|
|
||||||
<q-item-section>
|
|
||||||
<q-item-label>
|
|
||||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
|
||||||
1.2. ทักษะ</q-item-label>
|
|
||||||
</q-item-section>
|
|
||||||
<q-item-section side>
|
|
||||||
<q-rating v-model="model1_2" max="5" size="sm" color="grey" :color-selected="ratingColors"
|
|
||||||
label="ระดับการประเมินพฤติกรรม">
|
|
||||||
<template v-slot:tip-1>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-2>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-3>
|
|
||||||
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-4>
|
|
||||||
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-5>
|
|
||||||
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
</q-rating>
|
|
||||||
</q-item-section>
|
|
||||||
</q-item>
|
|
||||||
</q-list>
|
|
||||||
</q-card>
|
|
||||||
|
|
||||||
<q-card class="text-top0 col-12 q-pa-sm q-pl-lg">
|
|
||||||
<q-list dense>
|
|
||||||
<q-item dense tag="label" v-ripple>
|
|
||||||
<q-item-section>
|
|
||||||
<q-item-label>
|
|
||||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
|
||||||
1.3. สมมรถนะ</q-item-label>
|
|
||||||
</q-item-section>
|
|
||||||
<q-item-section side>
|
|
||||||
<q-rating v-model="model1_2" max="5" size="sm" color="grey" :color-selected="ratingColors"
|
|
||||||
label="ระดับการประเมินพฤติกรรม">
|
|
||||||
<template v-slot:tip-1>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-2>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-3>
|
|
||||||
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-4>
|
|
||||||
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-5>
|
|
||||||
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
</q-rating>
|
|
||||||
</q-item-section>
|
|
||||||
</q-item>
|
|
||||||
</q-list>
|
|
||||||
</q-card>
|
|
||||||
|
|
||||||
<q-card class="text-top0 col-12 q-pa-sm q-pl-lg">
|
|
||||||
<q-list dense>
|
|
||||||
<q-item dense tag="label" v-ripple>
|
|
||||||
<q-item-section>
|
|
||||||
<q-item-label>
|
|
||||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
|
||||||
1.4. ความสามารถในการเรียนรู้งาน</q-item-label>
|
|
||||||
</q-item-section>
|
|
||||||
<q-item-section side>
|
|
||||||
<q-rating v-model="model1_2" max="5" size="sm" color="grey" :color-selected="ratingColors"
|
|
||||||
label="ระดับการประเมินพฤติกรรม">
|
|
||||||
<template v-slot:tip-1>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-2>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-3>
|
|
||||||
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-4>
|
|
||||||
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-5>
|
|
||||||
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
</q-rating>
|
|
||||||
</q-item-section>
|
|
||||||
</q-item>
|
|
||||||
</q-list>
|
|
||||||
</q-card>
|
|
||||||
|
|
||||||
<q-card class="text-top0 col-12 q-pa-sm q-mt-sm q-pl-lg">
|
|
||||||
<q-list dense>
|
|
||||||
<q-item dense tag="label" v-ripple>
|
|
||||||
<q-item-section>
|
|
||||||
<q-item-label>
|
|
||||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
|
||||||
1.5. ความสามารถในการปรับใช้ความรู้กับงานในหน้าที่</q-item-label>
|
|
||||||
</q-item-section>
|
|
||||||
<q-item-section side>
|
|
||||||
<q-rating v-model="model1_2" max="5" size="sm" color="grey" :color-selected="ratingColors"
|
|
||||||
label="ระดับการประเมินพฤติกรรม">
|
|
||||||
<template v-slot:tip-1>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-2>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-3>
|
|
||||||
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-4>
|
|
||||||
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-5>
|
|
||||||
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
</q-rating>
|
|
||||||
</q-item-section>
|
|
||||||
</q-item>
|
|
||||||
</q-list>
|
|
||||||
</q-card>
|
|
||||||
|
|
||||||
<q-card class="text-top0 col-12 q-pa-sm q-pl-lg">
|
|
||||||
<q-list dense>
|
|
||||||
<q-item dense tag="label" v-ripple>
|
|
||||||
<q-item-section>
|
|
||||||
<q-item-label>
|
|
||||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
|
||||||
1.6. ความสำเร็จของงานที่ได้รับมอบหมาย</q-item-label>
|
|
||||||
</q-item-section>
|
|
||||||
<q-item-section side>
|
|
||||||
<q-rating v-model="model1_2" max="5" size="sm" color="grey" :color-selected="ratingColors"
|
|
||||||
label="ระดับการประเมินพฤติกรรม">
|
|
||||||
<template v-slot:tip-1>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-2>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-3>
|
|
||||||
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-4>
|
|
||||||
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-5>
|
|
||||||
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
</q-rating>
|
|
||||||
</q-item-section>
|
|
||||||
</q-item>
|
|
||||||
</q-list>
|
|
||||||
</q-card>
|
|
||||||
|
|
||||||
<q-card class="text-top0 col-12 q-pa-sm q-pl-lg">
|
|
||||||
<q-list dense>
|
|
||||||
<q-item dense tag="label" v-ripple>
|
|
||||||
<q-item-section>
|
|
||||||
<q-item-label>
|
|
||||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
|
||||||
1.7 อื่นๆ
|
|
||||||
<q-checkbox class="q-ml-sm" dense v-model="etc" /></q-item-label>
|
|
||||||
</q-item-section>
|
|
||||||
</q-item>
|
|
||||||
</q-list>
|
|
||||||
</q-card>
|
|
||||||
|
|
||||||
<q-card v-if="etc" class="text-top0 col-12 q-pa-sm q-mt-sm q-pl-lg">
|
|
||||||
<q-list dense>
|
|
||||||
<q-item dense tag="label" v-ripple>
|
|
||||||
<q-item-section class="q-ml-md">
|
|
||||||
<q-item-label>
|
|
||||||
<q-input v-model="etc_text" label="กรอกอื่นๆ" dense lazy-rules autogrow hide-bottom-space outlined
|
|
||||||
class="bg-white" :rules="[
|
|
||||||
(val) => (val && val.length > 0) || 'กรุณากรอกข้อความ',
|
|
||||||
]" />
|
|
||||||
</q-item-label>
|
|
||||||
</q-item-section>
|
|
||||||
<q-item-section side>
|
|
||||||
<q-rating v-model="modelEtc" max="5" size="sm" color="grey" :color-selected="ratingColors"
|
|
||||||
label="ระดับการประเมินพฤติกรรม">
|
|
||||||
<template v-slot:tip-1>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-2>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-3>
|
|
||||||
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-4>
|
|
||||||
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-5>
|
|
||||||
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
</q-rating>
|
|
||||||
</q-item-section>
|
|
||||||
</q-item>
|
|
||||||
</q-list>
|
|
||||||
</q-card>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script setup lang="ts">
|
|
||||||
import { ref, defineAsyncComponent } from "vue";
|
|
||||||
|
|
||||||
import { useQuasar } from "quasar";
|
|
||||||
|
|
||||||
import { useProbationDataStore } from "@/modules/05_placement/store";
|
|
||||||
|
|
||||||
const $q = useQuasar();
|
|
||||||
const probationStore = useProbationDataStore();
|
|
||||||
const { ratingColors } = probationStore;
|
|
||||||
|
|
||||||
const list1_1 = [
|
|
||||||
{ id: "1", label: "ผลผลิตของงานที่คาดหวัง 1" },
|
|
||||||
{ id: "2", label: "ผลผลิตของงานที่คาดหวัง 2" },
|
|
||||||
{ id: "3", label: "ผลผลิตของงานที่คาดหวัง 3" },
|
|
||||||
{ id: "4", label: "ผลผลิตของงานที่คาดหวัง 4" },
|
|
||||||
{ id: "5", label: "ผลผลิตของงานที่คาดหวัง 5" },
|
|
||||||
];
|
|
||||||
const list1_2 = [
|
|
||||||
{ id: "1", label: "ผลผลิตของงานที่เกิดขึ้น 1" },
|
|
||||||
{ id: "2", label: "ผลผลิตของงานที่เกิดขึ้น 2" },
|
|
||||||
{ id: "3", label: "ผลผลิตของงานที่เกิดขึ้น 3" },
|
|
||||||
{ id: "4", label: "ผลผลิตของงานที่เกิดขึ้น 4" },
|
|
||||||
{ id: "5", label: "ผลผลิตของงานที่เกิดขึ้น 5" },
|
|
||||||
];
|
|
||||||
|
|
||||||
const etc_text = ref<any>(null);
|
|
||||||
const text2_1 = ref<string>("");
|
|
||||||
|
|
||||||
const model = ref<any>(0);
|
|
||||||
const model1 = ref<any>(0);
|
|
||||||
const model1_2 = ref<any>(0);
|
|
||||||
const model1_3 = ref<any>(0);
|
|
||||||
const model1_4 = ref<any>(0);
|
|
||||||
const model1_5 = ref<any>(0);
|
|
||||||
const model1_6 = ref<any>(0);
|
|
||||||
const modelEtc = ref<any>(0);
|
|
||||||
const etc = ref<any>(false);
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.text-top2 {
|
|
||||||
font-weight: 500;
|
|
||||||
padding-bottom: 8px;
|
|
||||||
color: rgb(70, 68, 68);
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-top0 {
|
|
||||||
font-weight: 600;
|
|
||||||
padding-bottom: 8px;
|
|
||||||
color: rgb(70, 68, 68);
|
|
||||||
}
|
|
||||||
|
|
||||||
.q-rating__icon {
|
|
||||||
text-shadow: transparent !important;
|
|
||||||
}
|
|
||||||
.q-card {
|
|
||||||
box-shadow: 0px 0px 0px 0px !important;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,289 +0,0 @@
|
||||||
<template>
|
|
||||||
<div class="row col-12 q-gutter-lg no-margin">
|
|
||||||
<div class="col-12 row">
|
|
||||||
<div class="col-12 text-top0 items-center">
|
|
||||||
<q-avatar class="bg-grey-2 q-mr-sm" size="28px">2</q-avatar>
|
|
||||||
พฤติกรรมของผู้ทดลองปฏิบัติบัติหน้าที่ราชการ
|
|
||||||
</div>
|
|
||||||
<div class="col-12 text-top0 row items-center q-pl-lg">
|
|
||||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
|
||||||
2.1 ความประพฤติ
|
|
||||||
</div>
|
|
||||||
<q-card
|
|
||||||
flat
|
|
||||||
bordered
|
|
||||||
class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1"
|
|
||||||
>
|
|
||||||
<q-list dense v-for="(list, i) in list2_1" :key="i">
|
|
||||||
<q-item dense tag="label" v-ripple>
|
|
||||||
<q-item-section>
|
|
||||||
<q-item-label>{{ list.label }}</q-item-label>
|
|
||||||
</q-item-section>
|
|
||||||
<q-item-section side>
|
|
||||||
<q-rating
|
|
||||||
v-model="model"
|
|
||||||
:val="list.id"
|
|
||||||
max="5"
|
|
||||||
size="sm"
|
|
||||||
color="grey"
|
|
||||||
:color-selected="ratingColors"
|
|
||||||
label="ระดับการประเมินพฤติกรรม"
|
|
||||||
>
|
|
||||||
<template v-slot:tip-1>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-2>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-3>
|
|
||||||
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-4>
|
|
||||||
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-5>
|
|
||||||
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
</q-rating>
|
|
||||||
</q-item-section>
|
|
||||||
</q-item>
|
|
||||||
<q-separator class="q-my-xs" v-if="i + 1 < list2_1.length" />
|
|
||||||
</q-list>
|
|
||||||
</q-card>
|
|
||||||
</div>
|
|
||||||
<div class="col-12 row">
|
|
||||||
<div class="col-12 text-top0 row items-center q-pl-lg">
|
|
||||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
|
||||||
2.2 ความมีคุณธรรมจริยธรรม
|
|
||||||
</div>
|
|
||||||
<q-card
|
|
||||||
flat
|
|
||||||
bordered
|
|
||||||
class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1"
|
|
||||||
>
|
|
||||||
<q-list dense v-for="(list, i) in list2_2" :key="i">
|
|
||||||
<q-item dense tag="label" v-ripple>
|
|
||||||
<q-item-section>
|
|
||||||
<q-item-label>{{ list.label }}</q-item-label>
|
|
||||||
</q-item-section>
|
|
||||||
<q-item-section side>
|
|
||||||
<q-rating
|
|
||||||
v-model="model"
|
|
||||||
:val="list.id"
|
|
||||||
max="5"
|
|
||||||
size="sm"
|
|
||||||
color="grey"
|
|
||||||
:color-selected="ratingColors"
|
|
||||||
label="ระดับการประเมินพฤติกรรม"
|
|
||||||
>
|
|
||||||
<template v-slot:tip-1>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-2>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-3>
|
|
||||||
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-4>
|
|
||||||
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-5>
|
|
||||||
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
</q-rating>
|
|
||||||
</q-item-section>
|
|
||||||
</q-item>
|
|
||||||
<q-separator class="q-my-xs" v-if="i + 1 < list2_2.length" />
|
|
||||||
</q-list>
|
|
||||||
</q-card>
|
|
||||||
</div>
|
|
||||||
<div class="col-12 row">
|
|
||||||
<div class="col-12 text-top0 row items-center q-pl-lg">
|
|
||||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
|
||||||
2.3 การรักษาวินัย
|
|
||||||
</div>
|
|
||||||
<q-card
|
|
||||||
flat
|
|
||||||
bordered
|
|
||||||
class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1"
|
|
||||||
>
|
|
||||||
<q-list dense v-for="(list, i) in list2_3" :key="i">
|
|
||||||
<q-item dense tag="label" v-ripple>
|
|
||||||
<q-item-section>
|
|
||||||
<q-item-label>{{ list.label }}</q-item-label>
|
|
||||||
</q-item-section>
|
|
||||||
<q-item-section side>
|
|
||||||
<q-rating
|
|
||||||
v-model="model"
|
|
||||||
:val="list.id"
|
|
||||||
max="5"
|
|
||||||
size="sm"
|
|
||||||
color="grey"
|
|
||||||
:color-selected="ratingColors"
|
|
||||||
label="ระดับการประเมินพฤติกรรม"
|
|
||||||
>
|
|
||||||
<template v-slot:tip-1>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-2>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-3>
|
|
||||||
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-4>
|
|
||||||
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-5>
|
|
||||||
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
</q-rating>
|
|
||||||
</q-item-section>
|
|
||||||
</q-item>
|
|
||||||
<q-separator class="q-my-xs" v-if="i + 1 < list2_3.length" />
|
|
||||||
</q-list>
|
|
||||||
</q-card>
|
|
||||||
</div>
|
|
||||||
<div class="col-12 row">
|
|
||||||
<div class="col-12 text-top0 row items-center q-pl-lg">
|
|
||||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
|
||||||
2.4 อื่นๆ
|
|
||||||
<q-checkbox class="q-ml-sm" dense v-model="etc_4" />
|
|
||||||
</div>
|
|
||||||
<q-card
|
|
||||||
v-if="etc_4"
|
|
||||||
flat
|
|
||||||
bordered
|
|
||||||
class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1"
|
|
||||||
>
|
|
||||||
<q-list dense>
|
|
||||||
<q-item dense tag="label" v-ripple>
|
|
||||||
<q-item-section>
|
|
||||||
<q-item-label>
|
|
||||||
<q-input
|
|
||||||
v-model="etc_text2"
|
|
||||||
label="กรอกอื่นๆ"
|
|
||||||
dense
|
|
||||||
lazy-rules
|
|
||||||
autogrow
|
|
||||||
hide-bottom-space
|
|
||||||
outlined
|
|
||||||
class="bg-white"
|
|
||||||
:rules="[
|
|
||||||
(val) => (val && val.length > 0) || 'กรุณากรอกข้อความ',
|
|
||||||
]"
|
|
||||||
/>
|
|
||||||
</q-item-label>
|
|
||||||
</q-item-section>
|
|
||||||
<q-item-section side>
|
|
||||||
<q-rating
|
|
||||||
v-model="modelEtc"
|
|
||||||
max="5"
|
|
||||||
size="sm"
|
|
||||||
color="grey"
|
|
||||||
:color-selected="ratingColors"
|
|
||||||
label="ระดับการประเมินพฤติกรรม"
|
|
||||||
>
|
|
||||||
<template v-slot:tip-1>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-2>
|
|
||||||
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-3>
|
|
||||||
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-4>
|
|
||||||
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
<template v-slot:tip-5>
|
|
||||||
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
|
|
||||||
</template>
|
|
||||||
</q-rating>
|
|
||||||
</q-item-section>
|
|
||||||
</q-item>
|
|
||||||
</q-list>
|
|
||||||
</q-card>
|
|
||||||
</div>
|
|
||||||
<FormComment />
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script setup lang="ts">
|
|
||||||
import { ref, defineAsyncComponent } from "vue";
|
|
||||||
|
|
||||||
import { useQuasar } from "quasar";
|
|
||||||
|
|
||||||
import { useProbationDataStore } from "@/modules/05_placement/store";
|
|
||||||
const FormComment = defineAsyncComponent(
|
|
||||||
() =>
|
|
||||||
import(
|
|
||||||
"@/modules/05_placement/components/probation/form/formEvacomment.vue"
|
|
||||||
)
|
|
||||||
);
|
|
||||||
const probationStore = useProbationDataStore();
|
|
||||||
const { ratingColors } = probationStore;
|
|
||||||
|
|
||||||
const list2_1 = [
|
|
||||||
{ id: "1", label: "ให้บริการประชาชนหรือผู้รับบริการด้วยอัธยาศัยดี" },
|
|
||||||
{ id: "2", label: "มีความรับผิดชอบในการปฏิบัติบัติงาน" },
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
label:
|
|
||||||
"ให้บริการประชาชนหรือผู้รับบริการด้วยความรวดเร็ว เอาใจใส่เป็นมาตรฐานเดียวกัน",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
label: "ตั้งใจปฏิบัติบัติหน้าที่ราชการด้วยความอุตสาหะ ขยันหมั่นเพียร",
|
|
||||||
},
|
|
||||||
];
|
|
||||||
const list2_2 = [
|
|
||||||
{
|
|
||||||
id: "1",
|
|
||||||
label: "อุทิศตนและเสียสละเวลาในการปฏิบัติบัติงานอย่างเต็มกำลังความสามารถ",
|
|
||||||
},
|
|
||||||
{ id: "2", label: "มีจิตสำนึกที่ดี ปฏิบัติบัติงานด้วยความซื่อสัตย์ สุจริต" },
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
label:
|
|
||||||
"ยึดมั่นในสถาบันบัพระมหากษัตริย์ และไม่กระทำการใด ๆ อันจะก่อให้เกิดความเสียหายต่อประเทศชาติ",
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
const list2_3 = [
|
|
||||||
{ id: "1", label: "มีความรับรัผิดชอบในการรักษาเวลาทำงาน" },
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
label: "แต่งกายในการปฏิบัติบัติงานได้อย่างเหมาะสมกับการเป็นข้าราชการ",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
label: "ไม่กระทำการใด ๆ อันอาจก่อให้เกิดความเสียหายแก่ชื่อเสียงของหน่วยงาน",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
label:
|
|
||||||
"ไม่กระทำการใด ๆ อันเป็นการเสื่อมเกียรติและศักดิ์ศรีของความเป็นข้าราชการ",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
label: "ปฏิบัติบัติหน้าที่อย่างตรงไปตรงมาโดยยึกหลักจรรยาบรรณวิชาชีพ",
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
const etc_text2 = ref<any>(null);
|
|
||||||
const modelEtc = ref<any>(0);
|
|
||||||
const etc_4 = ref<any>(false);
|
|
||||||
const model = ref<any>(0);
|
|
||||||
</script>
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.text-top0 {
|
|
||||||
font-weight: 600;
|
|
||||||
padding-bottom: 8px;
|
|
||||||
color: rgb(70, 68, 68);
|
|
||||||
}
|
|
||||||
|
|
||||||
.q-rating__icon {
|
|
||||||
text-shadow: transparent !important;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,131 +0,0 @@
|
||||||
<script setup lang="ts">
|
|
||||||
import { ref } from "vue";
|
|
||||||
const radio_1 = ref<any>(null);
|
|
||||||
const radio_2 = ref<any>(null);
|
|
||||||
const radio_3 = ref<any>(null);
|
|
||||||
const radio_4 = ref<any>(null);
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<div class="row col-12 q-gutter-lg no-margin">
|
|
||||||
<div class="col-12 row justify-center">
|
|
||||||
<div class="col-12 text-top0 items-center">
|
|
||||||
<q-avatar class="bg-grey-2 q-mr-sm" size="28px">3</q-avatar>
|
|
||||||
การพัฒนาผู้ทดลองปฏิบัติบัติหน้าที่ราชการ
|
|
||||||
</div>
|
|
||||||
<q-card
|
|
||||||
flat
|
|
||||||
bordered
|
|
||||||
class="col-xs-12 col-sm-11 col-md-11 q-pa-sm bg-grey-1"
|
|
||||||
>
|
|
||||||
<q-list dense>
|
|
||||||
<q-item dense tag="label" v-ripple>
|
|
||||||
<q-item-section>
|
|
||||||
<q-item-label>1. การปฐมนิเทศ</q-item-label>
|
|
||||||
</q-item-section>
|
|
||||||
<q-item-section side>
|
|
||||||
<div class="row">
|
|
||||||
<q-radio
|
|
||||||
checked-icon="task_alt"
|
|
||||||
unchecked-icon="panorama_fish_eye"
|
|
||||||
v-model="radio_1"
|
|
||||||
val="1"
|
|
||||||
label="ดำเนินการเเล้ว"
|
|
||||||
/>
|
|
||||||
<q-radio
|
|
||||||
checked-icon="task_alt"
|
|
||||||
unchecked-icon="panorama_fish_eye"
|
|
||||||
v-model="radio_1"
|
|
||||||
val="0"
|
|
||||||
label=" ยังไม่ได้ดำเนินการ"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</q-item-section>
|
|
||||||
</q-item>
|
|
||||||
<q-separator class="q-my-xs" />
|
|
||||||
<q-item dense tag="label" v-ripple>
|
|
||||||
<q-item-section>
|
|
||||||
<q-item-label>2. การเรียนรู้ด้วยตนเอง</q-item-label>
|
|
||||||
</q-item-section>
|
|
||||||
<q-item-section side>
|
|
||||||
<div class="row">
|
|
||||||
<q-radio
|
|
||||||
checked-icon="task_alt"
|
|
||||||
unchecked-icon="panorama_fish_eye"
|
|
||||||
v-model="radio_2"
|
|
||||||
val="1"
|
|
||||||
label="ดำเนินการเเล้ว"
|
|
||||||
/>
|
|
||||||
<q-radio
|
|
||||||
checked-icon="task_alt"
|
|
||||||
unchecked-icon="panorama_fish_eye"
|
|
||||||
v-model="radio_2"
|
|
||||||
val="0"
|
|
||||||
label=" ยังไม่ได้ดำเนินการ"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</q-item-section>
|
|
||||||
</q-item>
|
|
||||||
<q-separator class="q-my-xs" />
|
|
||||||
<q-item dense tag="label" v-ripple>
|
|
||||||
<q-item-section>
|
|
||||||
<q-item-label>3. การอบรมสัมนาร่วมกัน</q-item-label>
|
|
||||||
</q-item-section>
|
|
||||||
<q-item-section side>
|
|
||||||
<div class="row">
|
|
||||||
<q-radio
|
|
||||||
checked-icon="task_alt"
|
|
||||||
unchecked-icon="panorama_fish_eye"
|
|
||||||
v-model="radio_3"
|
|
||||||
val="1"
|
|
||||||
label="ดำเนินการเเล้ว"
|
|
||||||
/>
|
|
||||||
<q-radio
|
|
||||||
checked-icon="task_alt"
|
|
||||||
unchecked-icon="panorama_fish_eye"
|
|
||||||
v-model="radio_3"
|
|
||||||
val="0"
|
|
||||||
label=" ยังไม่ได้ดำเนินการ"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</q-item-section>
|
|
||||||
</q-item>
|
|
||||||
<q-separator class="q-my-xs" />
|
|
||||||
<q-item dense tag="label" v-ripple>
|
|
||||||
<q-item-section>
|
|
||||||
<q-item-label
|
|
||||||
>4. การอบรมอื่น ๆ ตามที่หน่วยงานกำหนด (ถ้ามี)</q-item-label
|
|
||||||
>
|
|
||||||
</q-item-section>
|
|
||||||
<q-item-section side>
|
|
||||||
<div class="row">
|
|
||||||
<q-radio
|
|
||||||
checked-icon="task_alt"
|
|
||||||
unchecked-icon="panorama_fish_eye"
|
|
||||||
v-model="radio_4"
|
|
||||||
val="1"
|
|
||||||
label="ดำเนินการเเล้ว"
|
|
||||||
/>
|
|
||||||
<q-radio
|
|
||||||
checked-icon="task_alt"
|
|
||||||
unchecked-icon="panorama_fish_eye"
|
|
||||||
v-model="radio_4"
|
|
||||||
val="0"
|
|
||||||
label=" ยังไม่ได้ดำเนินการ"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</q-item-section>
|
|
||||||
</q-item>
|
|
||||||
</q-list>
|
|
||||||
</q-card>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.text-top0 {
|
|
||||||
font-weight: 600;
|
|
||||||
padding-bottom: 8px;
|
|
||||||
color: rgb(70, 68, 68);
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,45 +0,0 @@
|
||||||
<template>
|
|
||||||
<div class="row col-12 q-gutter-lg no-margin">
|
|
||||||
<div class="col-12 row">
|
|
||||||
<div class="col-12 text-top0 row items-center q-pl-lg">
|
|
||||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
|
||||||
จุดเด่น (ไม่เกิน 5 บรรทัด)
|
|
||||||
</div>
|
|
||||||
<q-input
|
|
||||||
outlined
|
|
||||||
dense
|
|
||||||
v-model="text2_1"
|
|
||||||
class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
|
|
||||||
lazy-rules
|
|
||||||
type="textarea"
|
|
||||||
label="กรอกจุดเด่น"
|
|
||||||
hide-bottom-space
|
|
||||||
:row="5"
|
|
||||||
:rules="[(val) => (val && val.length > 0) || 'กรุณากรอกข้อความ']"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="col-12 row">
|
|
||||||
<div class="col-12 text-top0 row items-center q-pl-lg">
|
|
||||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
|
||||||
สิ่งที่ควรปรับปรุง (ไม่เกิน 5 บรรทัด)
|
|
||||||
</div>
|
|
||||||
<q-input
|
|
||||||
outlined
|
|
||||||
dense
|
|
||||||
v-model="text2_2"
|
|
||||||
class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
|
|
||||||
lazy-rules
|
|
||||||
type="textarea"
|
|
||||||
hide-bottom-space
|
|
||||||
label="กรอกสิ่งที่ควรปรับปรุง"
|
|
||||||
:row="5"
|
|
||||||
:rules="[(val) => (val && val.length > 0) || 'กรุณากรอกข้อความ']"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script setup lang="ts">
|
|
||||||
import { ref } from "vue";
|
|
||||||
const text2_1 = ref<string>("");
|
|
||||||
const text2_2 = ref<string>("");
|
|
||||||
</script>
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue