update probation detail
This commit is contained in:
parent
17e4dba176
commit
e31b55595b
2 changed files with 220 additions and 405 deletions
|
|
@ -21,24 +21,24 @@
|
||||||
<div class="col-12 text-top0 row items-center ">
|
<div class="col-12 text-top0 row items-center ">
|
||||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
||||||
วันเริ่มทดลองปฎิบัติหน้าที่ราชการ ตั้งแต่วันที่
|
วันเริ่มทดลองปฎิบัติหน้าที่ราชการ ตั้งแต่วันที่
|
||||||
<span class="text-black q-px-sm">{{date2Thai(dateToday)}}</span>
|
<span class="text-black q-px-sm">{{ date2Thai(dateToday) }}</span>
|
||||||
ถึงวันที
|
ถึงวันที
|
||||||
<span class="text-black q-px-sm">{{date2Thai(dateEnd)}}</span>
|
<span class="text-black q-px-sm">{{ date2Thai(dateEnd) }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12 text-top0 row items-center">
|
<div class="col-12 text-top0 row items-center">
|
||||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
||||||
การทดลองปฏิบัติหน้าที่ราชการมีผล ดังนี้
|
การทดลองปฏิบัติหน้าที่ราชการมีผล ดังนี้
|
||||||
<span class="text-black q-px-sm">{{ "ครั้งที่" + period }}</span>
|
<span class="text-black q-px-sm">{{ "ครั้งที่" + period }}</span>
|
||||||
ระหว่างวันที่
|
ระหว่างวันที่
|
||||||
<span class="text-black q-px-sm">{{ date2Thai(dateToday)}}</span>
|
<span class="text-black q-px-sm">{{ date2Thai(dateToday) }}</span>
|
||||||
ถึงวันที่
|
ถึงวันที่
|
||||||
<span class="text-black q-px-sm">{{date2Thai(dateEnd)}}</span>
|
<span class="text-black q-px-sm">{{ date2Thai(dateEnd) }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12 q-pt-md">
|
<div class="col-12 q-pt-md">
|
||||||
<q-separator size="3px" color="grey-2" />
|
<q-separator size="3px" color="grey-2" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-12 row">
|
<div class="col-12 row">
|
||||||
<div class="col-12 text-top0 items-center">
|
<div class="col-12 text-top0 items-center">
|
||||||
<q-avatar class="bg-grey-2 q-mr-sm" size="28px">1</q-avatar>
|
<q-avatar class="bg-grey-2 q-mr-sm" size="28px">1</q-avatar>
|
||||||
|
|
@ -52,40 +52,33 @@
|
||||||
1.ผลผลิตของงานที่คาดหวัง
|
1.ผลผลิตของงานที่คาดหวัง
|
||||||
</div>
|
</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-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-list dense v-for="(list, i) in list1_1" :key="i">
|
||||||
<q-item dense tag="label" v-ripple>
|
<q-item dense tag="label" v-ripple>
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
<q-item-label>{{ list.label }}</q-item-label>
|
<q-item-label>{{ list.label }}</q-item-label>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
<q-item-section side >
|
<q-item-section side>
|
||||||
<q-rating
|
<q-rating v-model="model" :val="list.id" max="5" size="sm" color="grey"
|
||||||
v-model="model"
|
:color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
|
||||||
:val="list.id"
|
|
||||||
max="5"
|
|
||||||
size="sm"
|
|
||||||
color="grey"
|
|
||||||
:color-selected="ratingColors"
|
|
||||||
label="ระดับการประเมินพฤติกรรม"
|
|
||||||
>
|
|
||||||
<template v-slot:tip-1>
|
<template v-slot:tip-1>
|
||||||
<q-tooltip>ปรับปรุง</q-tooltip>
|
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-2>
|
<template v-slot:tip-2>
|
||||||
<q-tooltip>พอใช้</q-tooltip>
|
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-3>
|
<template v-slot:tip-3>
|
||||||
<q-tooltip>ปานกลาง</q-tooltip>
|
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-4>
|
<template v-slot:tip-4>
|
||||||
<q-tooltip>ดี</q-tooltip>
|
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-5>
|
<template v-slot:tip-5>
|
||||||
<q-tooltip>ดีมาก</q-tooltip>
|
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
</q-rating>
|
</q-rating>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
</q-item>
|
</q-item>
|
||||||
<q-separator class="q-my-xs" v-if="i + 1 < list1_1.length" />
|
<q-separator class="q-my-xs" v-if="i + 1 < list1_1.length" />
|
||||||
</q-list>
|
</q-list>
|
||||||
</q-card>
|
</q-card>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -98,40 +91,36 @@
|
||||||
1.ผลผลิตของงานที่เกิดขึ้น
|
1.ผลผลิตของงานที่เกิดขึ้น
|
||||||
</div>
|
</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-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-list dense v-for="(list, i) in list1_2" :key="i">
|
||||||
<q-item dense tag="label" v-ripple>
|
<q-item dense tag="label" v-ripple>
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
<q-item-label>{{ list.label }}</q-item-label>
|
<!-- <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>
|
||||||
<q-item-section side >
|
<q-item-section side>
|
||||||
<q-rating
|
<q-rating v-model="model1" :val="list.id" max="5" size="sm" color="grey"
|
||||||
v-model="model1"
|
:color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
|
||||||
:val="list.id"
|
|
||||||
max="5"
|
|
||||||
size="sm"
|
|
||||||
color="grey"
|
|
||||||
:color-selected="ratingColors"
|
|
||||||
label="ระดับการประเมินพฤติกรรม"
|
|
||||||
>
|
|
||||||
<template v-slot:tip-1>
|
<template v-slot:tip-1>
|
||||||
<q-tooltip>ปรับปรุง</q-tooltip>
|
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-2>
|
<template v-slot:tip-2>
|
||||||
<q-tooltip>พอใช้</q-tooltip>
|
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-3>
|
<template v-slot:tip-3>
|
||||||
<q-tooltip>ปานกลาง</q-tooltip>
|
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-4>
|
<template v-slot:tip-4>
|
||||||
<q-tooltip>ดี</q-tooltip>
|
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-5>
|
<template v-slot:tip-5>
|
||||||
<q-tooltip>ดีมาก</q-tooltip>
|
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
</q-rating>
|
</q-rating>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
</q-item>
|
</q-item>
|
||||||
<q-separator class="q-my-xs" v-if="i + 1 < list1_2.length" />
|
<q-separator class="q-my-xs" v-if="i + 1 < list1_2.length" />
|
||||||
</q-list>
|
</q-list>
|
||||||
</q-card>
|
</q-card>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -146,29 +135,23 @@
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
<q-item-label>ความรู้ความสามารถ</q-item-label>
|
<q-item-label>ความรู้ความสามารถ</q-item-label>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
<q-item-section side >
|
<q-item-section side>
|
||||||
<q-rating
|
<q-rating v-model="model1_2" max="5" size="sm" color="grey"
|
||||||
v-model="model1_2"
|
:color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
|
||||||
max="5"
|
|
||||||
size="sm"
|
|
||||||
color="grey"
|
|
||||||
:color-selected="ratingColors"
|
|
||||||
label="ระดับการประเมินพฤติกรรม"
|
|
||||||
>
|
|
||||||
<template v-slot:tip-1>
|
<template v-slot:tip-1>
|
||||||
<q-tooltip>ปรับปรุง</q-tooltip>
|
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-2>
|
<template v-slot:tip-2>
|
||||||
<q-tooltip>พอใช้</q-tooltip>
|
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-3>
|
<template v-slot:tip-3>
|
||||||
<q-tooltip>ปานกลาง</q-tooltip>
|
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-4>
|
<template v-slot:tip-4>
|
||||||
<q-tooltip>ดี</q-tooltip>
|
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-5>
|
<template v-slot:tip-5>
|
||||||
<q-tooltip>ดีมาก</q-tooltip>
|
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
</q-rating>
|
</q-rating>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
|
|
@ -187,29 +170,23 @@
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
<q-item-label>ทักษะ</q-item-label>
|
<q-item-label>ทักษะ</q-item-label>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
<q-item-section side >
|
<q-item-section side>
|
||||||
<q-rating
|
<q-rating v-model="model1_3" max="5" size="sm" color="grey"
|
||||||
v-model="model1_3"
|
:color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
|
||||||
max="5"
|
|
||||||
size="sm"
|
|
||||||
color="grey"
|
|
||||||
:color-selected="ratingColors"
|
|
||||||
label="ระดับการประเมินพฤติกรรม"
|
|
||||||
>
|
|
||||||
<template v-slot:tip-1>
|
<template v-slot:tip-1>
|
||||||
<q-tooltip>ปรับปรุง</q-tooltip>
|
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-2>
|
<template v-slot:tip-2>
|
||||||
<q-tooltip>พอใช้</q-tooltip>
|
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-3>
|
<template v-slot:tip-3>
|
||||||
<q-tooltip>ปานกลาง</q-tooltip>
|
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-4>
|
<template v-slot:tip-4>
|
||||||
<q-tooltip>ดี</q-tooltip>
|
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-5>
|
<template v-slot:tip-5>
|
||||||
<q-tooltip>ดีมาก</q-tooltip>
|
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
</q-rating>
|
</q-rating>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
|
|
@ -228,29 +205,23 @@
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
<q-item-label>สมรรถนะ</q-item-label>
|
<q-item-label>สมรรถนะ</q-item-label>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
<q-item-section side >
|
<q-item-section side>
|
||||||
<q-rating
|
<q-rating v-model="model1_4" max="5" size="sm" color="grey"
|
||||||
v-model="model1_4"
|
:color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
|
||||||
max="5"
|
|
||||||
size="sm"
|
|
||||||
color="grey"
|
|
||||||
:color-selected="ratingColors"
|
|
||||||
label="ระดับการประเมินพฤติกรรม"
|
|
||||||
>
|
|
||||||
<template v-slot:tip-1>
|
<template v-slot:tip-1>
|
||||||
<q-tooltip>ปรับปรุง</q-tooltip>
|
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-2>
|
<template v-slot:tip-2>
|
||||||
<q-tooltip>พอใช้</q-tooltip>
|
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-3>
|
<template v-slot:tip-3>
|
||||||
<q-tooltip>ปานกลาง</q-tooltip>
|
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-4>
|
<template v-slot:tip-4>
|
||||||
<q-tooltip>ดี</q-tooltip>
|
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-5>
|
<template v-slot:tip-5>
|
||||||
<q-tooltip>ดีมาก</q-tooltip>
|
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
</q-rating>
|
</q-rating>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
|
|
@ -269,29 +240,23 @@
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
<q-item-label>ความสามารถในการเรียนรู้งาน</q-item-label>
|
<q-item-label>ความสามารถในการเรียนรู้งาน</q-item-label>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
<q-item-section side >
|
<q-item-section side>
|
||||||
<q-rating
|
<q-rating v-model="model1_5" max="5" size="sm" color="grey"
|
||||||
v-model="model1_5"
|
:color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
|
||||||
max="5"
|
|
||||||
size="sm"
|
|
||||||
color="grey"
|
|
||||||
:color-selected="ratingColors"
|
|
||||||
label="ระดับการประเมินพฤติกรรม"
|
|
||||||
>
|
|
||||||
<template v-slot:tip-1>
|
<template v-slot:tip-1>
|
||||||
<q-tooltip>ปรับปรุง</q-tooltip>
|
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-2>
|
<template v-slot:tip-2>
|
||||||
<q-tooltip>พอใช้</q-tooltip>
|
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-3>
|
<template v-slot:tip-3>
|
||||||
<q-tooltip>ปานกลาง</q-tooltip>
|
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-4>
|
<template v-slot:tip-4>
|
||||||
<q-tooltip>ดี</q-tooltip>
|
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-5>
|
<template v-slot:tip-5>
|
||||||
<q-tooltip>ดีมาก</q-tooltip>
|
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
</q-rating>
|
</q-rating>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
|
|
@ -310,29 +275,23 @@
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
<q-item-label>ความสามารถในการปรับใช้ความรู้กับงานในหน้าที่</q-item-label>
|
<q-item-label>ความสามารถในการปรับใช้ความรู้กับงานในหน้าที่</q-item-label>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
<q-item-section side >
|
<q-item-section side>
|
||||||
<q-rating
|
<q-rating v-model="model1_6" max="5" size="sm" color="grey"
|
||||||
v-model="model1_6"
|
:color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
|
||||||
max="5"
|
|
||||||
size="sm"
|
|
||||||
color="grey"
|
|
||||||
:color-selected="ratingColors"
|
|
||||||
label="ระดับการประเมินพฤติกรรม"
|
|
||||||
>
|
|
||||||
<template v-slot:tip-1>
|
<template v-slot:tip-1>
|
||||||
<q-tooltip>ปรับปรุง</q-tooltip>
|
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-2>
|
<template v-slot:tip-2>
|
||||||
<q-tooltip>พอใช้</q-tooltip>
|
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-3>
|
<template v-slot:tip-3>
|
||||||
<q-tooltip>ปานกลาง</q-tooltip>
|
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-4>
|
<template v-slot:tip-4>
|
||||||
<q-tooltip>ดี</q-tooltip>
|
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-5>
|
<template v-slot:tip-5>
|
||||||
<q-tooltip>ดีมาก</q-tooltip>
|
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
</q-rating>
|
</q-rating>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
|
|
@ -343,50 +302,37 @@
|
||||||
<div class="col-12 row">
|
<div class="col-12 row">
|
||||||
<div class="col-12 text-top0 row items-center q-pl-lg">
|
<div class="col-12 text-top0 row items-center q-pl-lg">
|
||||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
||||||
1.7 อื่นๆ
|
1.7 อื่นๆ
|
||||||
<q-checkbox class="q-ml-sm" dense v-model="etc" />
|
<q-checkbox class="q-ml-sm" dense v-model="etc" />
|
||||||
</div>
|
</div>
|
||||||
<q-card v-if="etc" flat bordered class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1">
|
<q-card v-if="etc" 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-list dense>
|
||||||
<q-item dense tag="label" v-ripple>
|
<q-item dense tag="label" v-ripple>
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
<q-item-label>
|
<q-item-label>
|
||||||
<q-input
|
<q-input v-model="etc_text" label="กรอกอื่นๆ" dense lazy-rules autogrow
|
||||||
v-model="etc_text"
|
hide-bottom-space outlined class="bg-white"
|
||||||
label="กรอกอื่นๆ"
|
:rules="[(val) => (val && val.length > 0) || 'กรุณากรอกข้อความ']" />
|
||||||
dense
|
|
||||||
lazy-rules
|
|
||||||
autogrow
|
|
||||||
hide-bottom-space
|
|
||||||
outlined
|
|
||||||
class="bg-white"
|
|
||||||
:rules="[(val) => (val && val.length > 0) || 'กรุณากรอกข้อความ']"
|
|
||||||
/>
|
|
||||||
</q-item-label>
|
</q-item-label>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
<q-item-section side >
|
<q-item-section side>
|
||||||
<q-rating
|
<q-rating v-model="modelEtc" max="5" size="sm" color="grey"
|
||||||
v-model="modelEtc"
|
:color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
|
||||||
max="5"
|
|
||||||
size="sm"
|
|
||||||
color="grey"
|
|
||||||
:color-selected="ratingColors"
|
|
||||||
label="ระดับการประเมินพฤติกรรม"
|
|
||||||
>
|
|
||||||
<template v-slot:tip-1>
|
<template v-slot:tip-1>
|
||||||
<q-tooltip>ปรับปรุง</q-tooltip>
|
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-2>
|
<template v-slot:tip-2>
|
||||||
<q-tooltip>พอใช้</q-tooltip>
|
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-3>
|
<template v-slot:tip-3>
|
||||||
<q-tooltip>ปานกลาง</q-tooltip>
|
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-4>
|
<template v-slot:tip-4>
|
||||||
<q-tooltip>ดี</q-tooltip>
|
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-5>
|
<template v-slot:tip-5>
|
||||||
<q-tooltip>ดีมาก</q-tooltip>
|
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
</q-rating>
|
</q-rating>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
|
|
@ -399,36 +345,18 @@
|
||||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
||||||
จุดเด่น (ไม่เกิน 5 บรรทัด)
|
จุดเด่น (ไม่เกิน 5 บรรทัด)
|
||||||
</div>
|
</div>
|
||||||
<q-input
|
<q-input outlined dense v-model="text2_1" class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
|
||||||
outlined
|
lazy-rules type="textarea" label="กรอกจุดเด่น" hide-bottom-space :row="5"
|
||||||
dense
|
:rules="[(val) => (val && val.length > 0) || 'กรุณากรอกข้อความ']" />
|
||||||
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>
|
||||||
<div class="col-12 row">
|
<div class="col-12 row">
|
||||||
<div class="col-12 text-top0 row items-center q-pl-lg">
|
<div class="col-12 text-top0 row items-center q-pl-lg">
|
||||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
||||||
สิ่งที่ควรปรับปรุง (ไม่เกิน 5 บรรทัด)
|
สิ่งที่ควรปรับปรุง (ไม่เกิน 5 บรรทัด)
|
||||||
</div>
|
</div>
|
||||||
<q-input
|
<q-input outlined dense v-model="text2_2" class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
|
||||||
outlined
|
lazy-rules type="textarea" hide-bottom-space label="กรอกสิ่งที่ควรปรับปรุง" :row="5"
|
||||||
dense
|
:rules="[(val) => (val && val.length > 0) || 'กรุณากรอกข้อความ']" />
|
||||||
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>
|
||||||
|
|
||||||
<div class="col-12">
|
<div class="col-12">
|
||||||
|
|
@ -446,40 +374,33 @@
|
||||||
2.1 ความประพฤติ
|
2.1 ความประพฤติ
|
||||||
</div>
|
</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-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-list dense v-for="(list, i) in list2_1" :key="i">
|
||||||
<q-item dense tag="label" v-ripple>
|
<q-item dense tag="label" v-ripple>
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
<q-item-label>{{ list.label }}</q-item-label>
|
<q-item-label>{{ list.label }}</q-item-label>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
<q-item-section side >
|
<q-item-section side>
|
||||||
<q-rating
|
<q-rating v-model="model" :val="list.id" max="5" size="sm" color="grey"
|
||||||
v-model="model"
|
:color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
|
||||||
:val="list.id"
|
|
||||||
max="5"
|
|
||||||
size="sm"
|
|
||||||
color="grey"
|
|
||||||
:color-selected="ratingColors"
|
|
||||||
label="ระดับการประเมินพฤติกรรม"
|
|
||||||
>
|
|
||||||
<template v-slot:tip-1>
|
<template v-slot:tip-1>
|
||||||
<q-tooltip>ปรับปรุง</q-tooltip>
|
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-2>
|
<template v-slot:tip-2>
|
||||||
<q-tooltip>พอใช้</q-tooltip>
|
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-3>
|
<template v-slot:tip-3>
|
||||||
<q-tooltip>ปานกลาง</q-tooltip>
|
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-4>
|
<template v-slot:tip-4>
|
||||||
<q-tooltip>ดี</q-tooltip>
|
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-5>
|
<template v-slot:tip-5>
|
||||||
<q-tooltip>ดีมาก</q-tooltip>
|
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
</q-rating>
|
</q-rating>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
</q-item>
|
</q-item>
|
||||||
<q-separator class="q-my-xs" v-if="i + 1 < list2_1.length" />
|
<q-separator class="q-my-xs" v-if="i + 1 < list2_1.length" />
|
||||||
</q-list>
|
</q-list>
|
||||||
</q-card>
|
</q-card>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -489,40 +410,33 @@
|
||||||
2.2 ความมีคุณธรรมจริยธรรม
|
2.2 ความมีคุณธรรมจริยธรรม
|
||||||
</div>
|
</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-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-list dense v-for="(list, i) in list2_2" :key="i">
|
||||||
<q-item dense tag="label" v-ripple>
|
<q-item dense tag="label" v-ripple>
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
<q-item-label>{{ list.label }}</q-item-label>
|
<q-item-label>{{ list.label }}</q-item-label>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
<q-item-section side >
|
<q-item-section side>
|
||||||
<q-rating
|
<q-rating v-model="model" :val="list.id" max="5" size="sm" color="grey"
|
||||||
v-model="model"
|
:color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
|
||||||
:val="list.id"
|
|
||||||
max="5"
|
|
||||||
size="sm"
|
|
||||||
color="grey"
|
|
||||||
:color-selected="ratingColors"
|
|
||||||
label="ระดับการประเมินพฤติกรรม"
|
|
||||||
>
|
|
||||||
<template v-slot:tip-1>
|
<template v-slot:tip-1>
|
||||||
<q-tooltip>ปรับปรุง</q-tooltip>
|
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-2>
|
<template v-slot:tip-2>
|
||||||
<q-tooltip>พอใช้</q-tooltip>
|
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-3>
|
<template v-slot:tip-3>
|
||||||
<q-tooltip>ปานกลาง</q-tooltip>
|
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-4>
|
<template v-slot:tip-4>
|
||||||
<q-tooltip>ดี</q-tooltip>
|
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-5>
|
<template v-slot:tip-5>
|
||||||
<q-tooltip>ดีมาก</q-tooltip>
|
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
</q-rating>
|
</q-rating>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
</q-item>
|
</q-item>
|
||||||
<q-separator class="q-my-xs" v-if="i + 1 < list2_2.length" />
|
<q-separator class="q-my-xs" v-if="i + 1 < list2_2.length" />
|
||||||
</q-list>
|
</q-list>
|
||||||
</q-card>
|
</q-card>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -532,90 +446,70 @@
|
||||||
2.3 การรักษาวินัย
|
2.3 การรักษาวินัย
|
||||||
</div>
|
</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-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-list dense v-for="(list, i) in list2_3" :key="i">
|
||||||
<q-item dense tag="label" v-ripple>
|
<q-item dense tag="label" v-ripple>
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
<q-item-label>{{ list.label }}</q-item-label>
|
<q-item-label>{{ list.label }}</q-item-label>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
<q-item-section side >
|
<q-item-section side>
|
||||||
<q-rating
|
<q-rating v-model="model" :val="list.id" max="5" size="sm" color="grey"
|
||||||
v-model="model"
|
:color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
|
||||||
:val="list.id"
|
|
||||||
max="5"
|
|
||||||
size="sm"
|
|
||||||
color="grey"
|
|
||||||
:color-selected="ratingColors"
|
|
||||||
label="ระดับการประเมินพฤติกรรม"
|
|
||||||
>
|
|
||||||
<template v-slot:tip-1>
|
<template v-slot:tip-1>
|
||||||
<q-tooltip>ปรับปรุง</q-tooltip>
|
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-2>
|
<template v-slot:tip-2>
|
||||||
<q-tooltip>พอใช้</q-tooltip>
|
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-3>
|
<template v-slot:tip-3>
|
||||||
<q-tooltip>ปานกลาง</q-tooltip>
|
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-4>
|
<template v-slot:tip-4>
|
||||||
<q-tooltip>ดี</q-tooltip>
|
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-5>
|
<template v-slot:tip-5>
|
||||||
<q-tooltip>ดีมาก</q-tooltip>
|
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
</q-rating>
|
</q-rating>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
</q-item>
|
</q-item>
|
||||||
<q-separator class="q-my-xs" v-if="i + 1 < list2_3.length" />
|
<q-separator class="q-my-xs" v-if="i + 1 < list2_3.length" />
|
||||||
</q-list>
|
</q-list>
|
||||||
</q-card>
|
</q-card>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12 row">
|
<div class="col-12 row">
|
||||||
<div class="col-12 text-top0 row items-center q-pl-lg">
|
<div class="col-12 text-top0 row items-center q-pl-lg">
|
||||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
||||||
2.4 อื่นๆ
|
2.4 อื่นๆ
|
||||||
<q-checkbox class="q-ml-sm" dense v-model="etc_4" />
|
<q-checkbox class="q-ml-sm" dense v-model="etc_4" />
|
||||||
</div>
|
</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-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-list dense>
|
||||||
<q-item dense tag="label" v-ripple>
|
<q-item dense tag="label" v-ripple>
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
<q-item-label>
|
<q-item-label>
|
||||||
<q-input
|
<q-input v-model="etc_text2" label="กรอกอื่นๆ" dense lazy-rules autogrow
|
||||||
v-model="etc_text2"
|
hide-bottom-space outlined class="bg-white"
|
||||||
label="กรอกอื่นๆ"
|
:rules="[(val) => (val && val.length > 0) || 'กรุณากรอกข้อความ']" />
|
||||||
dense
|
|
||||||
lazy-rules
|
|
||||||
autogrow
|
|
||||||
hide-bottom-space
|
|
||||||
outlined
|
|
||||||
class="bg-white"
|
|
||||||
:rules="[(val) => (val && val.length > 0) || 'กรุณากรอกข้อความ']"
|
|
||||||
/>
|
|
||||||
</q-item-label>
|
</q-item-label>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
<q-item-section side >
|
<q-item-section side>
|
||||||
<q-rating
|
<q-rating v-model="modelEtc" max="5" size="sm" color="grey"
|
||||||
v-model="modelEtc"
|
:color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
|
||||||
max="5"
|
|
||||||
size="sm"
|
|
||||||
color="grey"
|
|
||||||
:color-selected="ratingColors"
|
|
||||||
label="ระดับการประเมินพฤติกรรม"
|
|
||||||
>
|
|
||||||
<template v-slot:tip-1>
|
<template v-slot:tip-1>
|
||||||
<q-tooltip>ปรับปรุง</q-tooltip>
|
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-2>
|
<template v-slot:tip-2>
|
||||||
<q-tooltip>พอใช้</q-tooltip>
|
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-3>
|
<template v-slot:tip-3>
|
||||||
<q-tooltip>ปานกลาง</q-tooltip>
|
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-4>
|
<template v-slot:tip-4>
|
||||||
<q-tooltip>ดี</q-tooltip>
|
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tip-5>
|
<template v-slot:tip-5>
|
||||||
<q-tooltip>ดีมาก</q-tooltip>
|
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
|
||||||
</template>
|
</template>
|
||||||
</q-rating>
|
</q-rating>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
|
|
@ -628,36 +522,18 @@
|
||||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
||||||
จุดเด่น (ไม่เกิน 5 บรรทัด)
|
จุดเด่น (ไม่เกิน 5 บรรทัด)
|
||||||
</div>
|
</div>
|
||||||
<q-input
|
<q-input outlined dense v-model="text3_1" class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
|
||||||
outlined
|
lazy-rules type="textarea" label="กรอกจุดเด่น" hide-bottom-space :row="5"
|
||||||
dense
|
:rules="[(val) => (val && val.length > 0) || 'กรุณากรอกข้อความ']" />
|
||||||
v-model="text3_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>
|
||||||
<div class="col-12 row">
|
<div class="col-12 row">
|
||||||
<div class="col-12 text-top0 row items-center q-pl-lg">
|
<div class="col-12 text-top0 row items-center q-pl-lg">
|
||||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
||||||
สิ่งที่ควรปรับปรุง (ไม่เกิน 5 บรรทัด)
|
สิ่งที่ควรปรับปรุง (ไม่เกิน 5 บรรทัด)
|
||||||
</div>
|
</div>
|
||||||
<q-input
|
<q-input outlined dense v-model="text3_2" class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
|
||||||
outlined
|
lazy-rules type="textarea" hide-bottom-space label="กรอกสิ่งที่ควรปรับปรุง" :row="5"
|
||||||
dense
|
:rules="[(val) => (val && val.length > 0) || 'กรุณากรอกข้อความ']" />
|
||||||
v-model="text3_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>
|
||||||
|
|
||||||
<div class="col-12">
|
<div class="col-12">
|
||||||
|
|
@ -676,94 +552,54 @@
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
<q-item-label>1. การปฐมนิเทศ</q-item-label>
|
<q-item-label>1. การปฐมนิเทศ</q-item-label>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
<q-item-section side >
|
<q-item-section side>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<q-radio
|
<q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye"
|
||||||
checked-icon="task_alt"
|
v-model="radio_1" val="1" label="ดำเนินการเเล้ว" />
|
||||||
unchecked-icon="panorama_fish_eye"
|
<q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye"
|
||||||
v-model="radio_1"
|
v-model="radio_1" val="0" label=" ยังไม่ได้ดำเนินการ" />
|
||||||
val="1"
|
|
||||||
label="ดำเนินการเเล้ว"
|
|
||||||
/>
|
|
||||||
<q-radio
|
|
||||||
checked-icon="task_alt"
|
|
||||||
unchecked-icon="panorama_fish_eye"
|
|
||||||
v-model="radio_1"
|
|
||||||
val="0"
|
|
||||||
label=" ยังไม่ได้ดำเนินการ"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
</q-item>
|
</q-item>
|
||||||
<q-separator class="q-my-xs"/>
|
<q-separator class="q-my-xs" />
|
||||||
<q-item dense tag="label" v-ripple>
|
<q-item dense tag="label" v-ripple>
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
<q-item-label>2. การเรียนรู้ด้วยตนเอง</q-item-label>
|
<q-item-label>2. การเรียนรู้ด้วยตนเอง</q-item-label>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
<q-item-section side >
|
<q-item-section side>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<q-radio
|
<q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye"
|
||||||
checked-icon="task_alt"
|
v-model="radio_2" val="1" label="ดำเนินการเเล้ว" />
|
||||||
unchecked-icon="panorama_fish_eye"
|
<q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye"
|
||||||
v-model="radio_2"
|
v-model="radio_2" val="0" label=" ยังไม่ได้ดำเนินการ" />
|
||||||
val="1"
|
|
||||||
label="ดำเนินการเเล้ว"
|
|
||||||
/>
|
|
||||||
<q-radio
|
|
||||||
checked-icon="task_alt"
|
|
||||||
unchecked-icon="panorama_fish_eye"
|
|
||||||
v-model="radio_2"
|
|
||||||
val="0"
|
|
||||||
label=" ยังไม่ได้ดำเนินการ"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
</q-item>
|
</q-item>
|
||||||
<q-separator class="q-my-xs"/>
|
<q-separator class="q-my-xs" />
|
||||||
<q-item dense tag="label" v-ripple>
|
<q-item dense tag="label" v-ripple>
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
<q-item-label>3. การอบรมสัมนาร่วมกัน</q-item-label>
|
<q-item-label>3. การอบรมสัมนาร่วมกัน</q-item-label>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
<q-item-section side >
|
<q-item-section side>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<q-radio
|
<q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye"
|
||||||
checked-icon="task_alt"
|
v-model="radio_3" val="1" label="ดำเนินการเเล้ว" />
|
||||||
unchecked-icon="panorama_fish_eye"
|
<q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye"
|
||||||
v-model="radio_3"
|
v-model="radio_3" val="0" label=" ยังไม่ได้ดำเนินการ" />
|
||||||
val="1"
|
|
||||||
label="ดำเนินการเเล้ว"
|
|
||||||
/>
|
|
||||||
<q-radio
|
|
||||||
checked-icon="task_alt"
|
|
||||||
unchecked-icon="panorama_fish_eye"
|
|
||||||
v-model="radio_3"
|
|
||||||
val="0"
|
|
||||||
label=" ยังไม่ได้ดำเนินการ"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
</q-item>
|
</q-item>
|
||||||
<q-separator class="q-my-xs"/>
|
<q-separator class="q-my-xs" />
|
||||||
<q-item dense tag="label" v-ripple>
|
<q-item dense tag="label" v-ripple>
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
<q-item-label>4. การอบรมอื่น ๆ ตามที่หน่วยงานกำหนด (ถ้ามี)</q-item-label>
|
<q-item-label>4. การอบรมอื่น ๆ ตามที่หน่วยงานกำหนด (ถ้ามี)</q-item-label>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
<q-item-section side >
|
<q-item-section side>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<q-radio
|
<q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye"
|
||||||
checked-icon="task_alt"
|
v-model="radio_4" val="1" label="ดำเนินการเเล้ว" />
|
||||||
unchecked-icon="panorama_fish_eye"
|
<q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye"
|
||||||
v-model="radio_4"
|
v-model="radio_4" val="0" label=" ยังไม่ได้ดำเนินการ" />
|
||||||
val="1"
|
|
||||||
label="ดำเนินการเเล้ว"
|
|
||||||
/>
|
|
||||||
<q-radio
|
|
||||||
checked-icon="task_alt"
|
|
||||||
unchecked-icon="panorama_fish_eye"
|
|
||||||
v-model="radio_4"
|
|
||||||
val="0"
|
|
||||||
label=" ยังไม่ได้ดำเนินการ"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
</q-item>
|
</q-item>
|
||||||
|
|
@ -780,49 +616,25 @@
|
||||||
ผู้บังคับบัญชาผู้มอบหมายงาน
|
ผู้บังคับบัญชาผู้มอบหมายงาน
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12 row q-col-gutter-md">
|
<div class="col-12 row q-col-gutter-md">
|
||||||
<q-select
|
<q-select class="col-xs-12 col-sm-8" dense v-model="Autherise" outlined :options="option"
|
||||||
class="col-xs-12 col-sm-8"
|
|
||||||
dense
|
|
||||||
v-model="Autherise"
|
|
||||||
outlined
|
|
||||||
:options="option"
|
|
||||||
label="ผู้บังคับบัญชา" />
|
label="ผู้บังคับบัญชา" />
|
||||||
<div class="col-xs-12 col-sm-4">
|
<div class="col-xs-12 col-sm-4">
|
||||||
<datepicker
|
<datepicker menu-class-name="modalfix" v-model="dateAutherise" :locale="'th'" autoApply
|
||||||
menu-class-name="modalfix"
|
borderless :enableTimePicker="false" week-start="0">
|
||||||
v-model="dateAutherise"
|
|
||||||
:locale="'th'"
|
|
||||||
autoApply
|
|
||||||
borderless
|
|
||||||
:enableTimePicker="false"
|
|
||||||
week-start="0"
|
|
||||||
>
|
|
||||||
<template #year="{ year }">
|
<template #year="{ year }">
|
||||||
{{ year + 543 }}
|
{{ year + 543 }}
|
||||||
</template>
|
</template>
|
||||||
<template #year-overlay-value="{ value }">
|
<template #year-overlay-value="{ value }">
|
||||||
{{ parseInt(value + 543) }}
|
{{ parseInt(value + 543) }}
|
||||||
</template>
|
</template>
|
||||||
<template #trigger>
|
<template #trigger>
|
||||||
<q-input
|
<q-input outlined dense class="full-width datepicker col-3" :model-value="dateAutherise != null ? date2Thai(dateAutherise) : null
|
||||||
outlined
|
" :label="`${'ลงวันที่'}`" :rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่'}`]">
|
||||||
dense
|
<template v-slot:prepend>
|
||||||
class="full-width datepicker col-3"
|
<q-icon name="event" class="cursor-pointer" style="color: var(--q-primary)">
|
||||||
:model-value="
|
</q-icon>
|
||||||
dateAutherise != null ? date2Thai(dateAutherise) : null
|
</template>
|
||||||
"
|
</q-input>
|
||||||
: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>
|
</template>
|
||||||
</datepicker>
|
</datepicker>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -832,7 +644,7 @@
|
||||||
</div>
|
</div>
|
||||||
<q-separator />
|
<q-separator />
|
||||||
<div class="flex justify-end q-px-sm q-pt-sm">
|
<div class="flex justify-end q-px-sm q-pt-sm">
|
||||||
<q-btn dense class="q-px-md" unelevated label="บันทึก" color="public"/>
|
<q-btn dense class="q-px-md" unelevated label="บันทึก" color="public" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -845,40 +657,40 @@ import { useQuasar } from "quasar";
|
||||||
import router from "@/router";
|
import router from "@/router";
|
||||||
|
|
||||||
const $q = useQuasar();
|
const $q = useQuasar();
|
||||||
const ratingColors = [ 'light-blue-3', 'light-blue-6', 'blue', 'blue-9', 'blue-10' ];
|
const ratingColors = ['light-blue-3', 'light-blue-6', 'blue', 'blue-9', 'blue-10'];
|
||||||
const list1_1 = [
|
const list1_1 = [
|
||||||
{id: '1', label: 'ผลผลิตของงานที่คาดหวัง 1'},
|
{ id: '1', label: 'ผลผลิตของงานที่คาดหวัง 1' },
|
||||||
{id: '2', label: 'ผลผลิตของงานที่คาดหวัง 2'},
|
{ id: '2', label: 'ผลผลิตของงานที่คาดหวัง 2' },
|
||||||
{id: '3', label: 'ผลผลิตของงานที่คาดหวัง 3'},
|
{ id: '3', label: 'ผลผลิตของงานที่คาดหวัง 3' },
|
||||||
{id: '4', label: 'ผลผลิตของงานที่คาดหวัง 4'},
|
{ id: '4', label: 'ผลผลิตของงานที่คาดหวัง 4' },
|
||||||
{id: '5', label: 'ผลผลิตของงานที่คาดหวัง 5'}
|
{ id: '5', label: 'ผลผลิตของงานที่คาดหวัง 5' }
|
||||||
];
|
];
|
||||||
const list1_2 = [
|
const list1_2 = [
|
||||||
{id: '1', label: 'ผลผลิตของงานที่เกิดขึ้น 1'},
|
{ id: '1', label: 'ผลผลิตของงานที่เกิดขึ้น 1' },
|
||||||
{id: '2', label: 'ผลผลิตของงานที่เกิดขึ้น 2'},
|
{ id: '2', label: 'ผลผลิตของงานที่เกิดขึ้น 2' },
|
||||||
{id: '3', label: 'ผลผลิตของงานที่เกิดขึ้น 3'},
|
{ id: '3', label: 'ผลผลิตของงานที่เกิดขึ้น 3' },
|
||||||
{id: '4', label: 'ผลผลิตของงานที่เกิดขึ้น 4'},
|
{ id: '4', label: 'ผลผลิตของงานที่เกิดขึ้น 4' },
|
||||||
{id: '5', label: 'ผลผลิตของงานที่เกิดขึ้น 5'}
|
{ id: '5', label: 'ผลผลิตของงานที่เกิดขึ้น 5' }
|
||||||
];
|
];
|
||||||
|
|
||||||
const list2_1 = [
|
const list2_1 = [
|
||||||
{id: '1', label: 'ให้บริการประชาชนหรือผู้รับบริการด้วยอัธยาศัยดี'},
|
{ id: '1', label: 'ให้บริการประชาชนหรือผู้รับบริการด้วยอัธยาศัยดี' },
|
||||||
{id: '2', label: 'มีความรับผิดชอบในการปฏิบัติบัติงาน'},
|
{ id: '2', label: 'มีความรับผิดชอบในการปฏิบัติบัติงาน' },
|
||||||
{id: '3', label: 'ให้บริการประชาชนหรือผู้รับบริการด้วยความรวดเร็ว เอาใจใส่เป็นมาตรฐานเดียวกัน'},
|
{ id: '3', label: 'ให้บริการประชาชนหรือผู้รับบริการด้วยความรวดเร็ว เอาใจใส่เป็นมาตรฐานเดียวกัน' },
|
||||||
{id: '4', label: 'ตั้งใจปฏิบัติบัติหน้าที่ราชการด้วยความอุตสาหะ ขยันหมั่นเพียร'},
|
{ id: '4', label: 'ตั้งใจปฏิบัติบัติหน้าที่ราชการด้วยความอุตสาหะ ขยันหมั่นเพียร' },
|
||||||
];
|
];
|
||||||
const list2_2 = [
|
const list2_2 = [
|
||||||
{id: '1', label: 'อุทิศตนและเสียสละเวลาในการปฏิบัติบัติงานอย่างเต็มกำลังความสามารถ'},
|
{ id: '1', label: 'อุทิศตนและเสียสละเวลาในการปฏิบัติบัติงานอย่างเต็มกำลังความสามารถ' },
|
||||||
{id: '2', label: 'มีจิตสำนึกที่ดี ปฏิบัติบัติงานด้วยความซื่อสัตย์ สุจริต'},
|
{ id: '2', label: 'มีจิตสำนึกที่ดี ปฏิบัติบัติงานด้วยความซื่อสัตย์ สุจริต' },
|
||||||
{id: '3', label: 'ยึดมั่นในสถาบันบัพระมหากษัตริย์ และไม่กระทำการใด ๆ อันจะก่อให้เกิดความเสียหายต่อประเทศชาติ'},
|
{ id: '3', label: 'ยึดมั่นในสถาบันบัพระมหากษัตริย์ และไม่กระทำการใด ๆ อันจะก่อให้เกิดความเสียหายต่อประเทศชาติ' },
|
||||||
];
|
];
|
||||||
|
|
||||||
const list2_3 = [
|
const list2_3 = [
|
||||||
{id: '1', label: 'มีความรับรัผิดชอบในการรักษาเวลาทำงาน'},
|
{ id: '1', label: 'มีความรับรัผิดชอบในการรักษาเวลาทำงาน' },
|
||||||
{id: '2', label: 'แต่งกายในการปฏิบัติบัติงานได้อย่างเหมาะสมกับการเป็นข้าราชการ'},
|
{ id: '2', label: 'แต่งกายในการปฏิบัติบัติงานได้อย่างเหมาะสมกับการเป็นข้าราชการ' },
|
||||||
{id: '3', label: 'ไม่กระทำการใด ๆ อันอาจก่อให้เกิดความเสียหายแก่ชื่อเสียงของหน่วยงาน'},
|
{ id: '3', label: 'ไม่กระทำการใด ๆ อันอาจก่อให้เกิดความเสียหายแก่ชื่อเสียงของหน่วยงาน' },
|
||||||
{id: '4', label: 'ไม่กระทำการใด ๆ อันเป็นการเสื่อมเกียรติและศักดิ์ศรีของความเป็นข้าราชการ'},
|
{ id: '4', label: 'ไม่กระทำการใด ๆ อันเป็นการเสื่อมเกียรติและศักดิ์ศรีของความเป็นข้าราชการ' },
|
||||||
{id: '5', label: 'ปฏิบัติบัติหน้าที่อย่างตรงไปตรงมาโดยยึกหลักจรรยาบรรณวิชาชีพ'}
|
{ id: '5', label: 'ปฏิบัติบัติหน้าที่อย่างตรงไปตรงมาโดยยึกหลักจรรยาบรรณวิชาชีพ' }
|
||||||
];
|
];
|
||||||
|
|
||||||
const etc_text = ref<any>(null);
|
const etc_text = ref<any>(null);
|
||||||
|
|
@ -914,37 +726,40 @@ const text2_1 = ref<string>('');
|
||||||
const text2_2 = ref<string>('');
|
const text2_2 = ref<string>('');
|
||||||
|
|
||||||
const onSubmit = () => {
|
const onSubmit = () => {
|
||||||
$q.notify({
|
$q.notify({
|
||||||
color: "green-4",
|
color: "green-4",
|
||||||
textColor: "white",
|
textColor: "white",
|
||||||
icon: "cloud_done",
|
icon: "cloud_done",
|
||||||
message: "ส่งแบบประเมินเเล้ว",
|
message: "ส่งแบบประเมินเเล้ว",
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
const onReset = () => {
|
const onReset = () => {
|
||||||
router.push({ name: "probation" });
|
router.push({ name: "probation" });
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.text-top2{
|
.text-top2 {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
padding-bottom: 8px;
|
padding-bottom: 8px;
|
||||||
color: rgb(70, 68, 68);
|
color: rgb(70, 68, 68);
|
||||||
}
|
}
|
||||||
.text-top0{
|
|
||||||
|
.text-top0 {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
padding-bottom: 8px;
|
padding-bottom: 8px;
|
||||||
color: rgb(70, 68, 68);
|
color: rgb(70, 68, 68);
|
||||||
}
|
}
|
||||||
.text-Hd{
|
|
||||||
|
.text-Hd {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
padding-bottom: 5px;
|
padding-bottom: 5px;
|
||||||
color: #02A998;
|
color: #02A998;
|
||||||
}
|
}
|
||||||
.q-rating__icon{
|
|
||||||
|
.q-rating__icon {
|
||||||
text-shadow: transparent !important;
|
text-shadow: transparent !important;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
@ -33,7 +33,7 @@
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
|
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
บันทึกผลการทดลองปฏิบัติหน้าที่ราชการ
|
บันทึกผลการทดลองปฏิบัติหน้าที่ราชการ (2)
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
</q-item>
|
</q-item>
|
||||||
|
|
||||||
|
|
@ -44,7 +44,7 @@
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
|
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
ประเมินผลการทดลองปฏิบัติหน้าที่ราชการ
|
ประเมินผลการทดลองปฏิบัติหน้าที่ราชการ (1)
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
</q-item>
|
</q-item>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue