fix label & layout ทดลองงาน
This commit is contained in:
parent
8e3f6a99ca
commit
717f11422e
3 changed files with 63 additions and 88 deletions
|
|
@ -940,7 +940,7 @@ console.log(countCheckedItems);
|
||||||
option-value="value"
|
option-value="value"
|
||||||
:outlined="status == true"
|
:outlined="status == true"
|
||||||
v-model="monthSelect"
|
v-model="monthSelect"
|
||||||
:label="`ระยะเวลากี่เดือน`"
|
:label="`ระยะเวลา (เดือน)`"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-xs-12 col-sm-4">
|
<div class="col-xs-12 col-sm-4">
|
||||||
|
|
|
||||||
|
|
@ -56,8 +56,9 @@ const pass_result = ref<number>();
|
||||||
const evaluate_date = ref<Date>();
|
const evaluate_date = ref<Date>();
|
||||||
const result = ref<any>();
|
const result = ref<any>();
|
||||||
const result_option = ref<any>([
|
const result_option = ref<any>([
|
||||||
{ name: "ผ่าน (สูงกว่าร้อยละ 60)", value: 1 },
|
{ name: "ไม่ต่ำกว่ามาตรฐานที่กำหนด เห็นควรให้รับราชการต่อ", value: 1 },
|
||||||
{ name: "ไม่ผ่าน (ต่ำกว่าร้อยละ 60)", value: 0 },
|
{ name: "ต่ำกว่ามาตรฐานที่กำหนด เห็นควรให้ออกจากราชการ", value: 2 },
|
||||||
|
{ name: "เห็นควรให้ขยายระยะเวลาทดลองปฏิบัติหน้าที่ราชการต่อไปอีก", value: 3 },
|
||||||
]);
|
]);
|
||||||
|
|
||||||
const note = ref<string>("");
|
const note = ref<string>("");
|
||||||
|
|
|
||||||
|
|
@ -83,7 +83,7 @@ const save = async () => {
|
||||||
.catch((e: any) => {
|
.catch((e: any) => {
|
||||||
messageError($q, e);
|
messageError($q, e);
|
||||||
})
|
})
|
||||||
.finally(()=>{
|
.finally(() => {
|
||||||
getSurveyData()
|
getSurveyData()
|
||||||
})
|
})
|
||||||
});
|
});
|
||||||
|
|
@ -100,91 +100,64 @@ watch(answer3, () => {
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="row col-12 q-ma-xs">
|
<q-form ref="myForm" class="q-pa-md">
|
||||||
<q-form ref="myForm" class="q-pa-md">
|
<div class="toptitle text-dark col-12 row items-center q-gutter-md">
|
||||||
<div class="toptitle text-dark col-12 row items-center q-gutter-md">
|
<div>แบบสํารวจความคิดเห็นการทดลองปฏิบัติหน้าที่ราชการ</div>
|
||||||
<div>แบบสํารวจความคิดเห็นการทดลองปฏิบัติหน้าที่ราชการ</div>
|
|
||||||
</div>
|
|
||||||
<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">
|
|
||||||
<q-input
|
|
||||||
:disable="!status"
|
|
||||||
label="ความคิดเห็น"
|
|
||||||
class="bg-white"
|
|
||||||
dense
|
|
||||||
borderless
|
|
||||||
outlined
|
|
||||||
v-model="answer1"
|
|
||||||
type="textarea"
|
|
||||||
:rules="[(val: string) => !!val || `${'กรุณากรอกความคิดเห็น'}`]"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-12 row q-mt-md">
|
|
||||||
<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">
|
|
||||||
<q-input
|
|
||||||
:disable="!status"
|
|
||||||
label="ความคิดเห็น"
|
|
||||||
class="bg-white"
|
|
||||||
dense
|
|
||||||
borderless
|
|
||||||
outlined
|
|
||||||
v-model="answer2"
|
|
||||||
type="textarea"
|
|
||||||
:rules="[(val: string) => !!val || `${'กรุณากรอกความคิดเห็น'}`]"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div :class="`col-12 row q-mt-md ${classBordered}`">
|
|
||||||
<div class="text-top0 items-center">
|
|
||||||
<q-avatar class="bg-grey-2 q-mr-sm" size="28px">3</q-avatar>
|
|
||||||
ความพึงพอใจกับการทดลองปฏิบัติหน้าที่ราชการของคุณอยู่ในระดับใด
|
|
||||||
</div>
|
|
||||||
<q-space />
|
|
||||||
<q-rating
|
|
||||||
:disable="!status"
|
|
||||||
v-model="answer3"
|
|
||||||
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>
|
|
||||||
</div>
|
|
||||||
<div class="col-12 q-my-md">
|
|
||||||
<q-separator size="3px" color="grey-2" />
|
|
||||||
</div>
|
|
||||||
</q-form>
|
|
||||||
<!-- <Footer /> -->
|
|
||||||
<div class="row col-12">
|
|
||||||
<q-space />
|
|
||||||
<q-btn label="บันทึก" color="secondary" @click="save" v-if="status" />
|
|
||||||
</div>
|
</div>
|
||||||
|
<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">
|
||||||
|
<q-input :disable="!status" label="ความคิดเห็น" class="bg-white" dense borderless outlined v-model="answer1"
|
||||||
|
type="textarea" :rules="[(val: string) => !!val || `${'กรุณากรอกความคิดเห็น'}`]" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 row q-mt-md">
|
||||||
|
<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">
|
||||||
|
<q-input :disable="!status" label="ความคิดเห็น" class="bg-white" dense borderless outlined v-model="answer2"
|
||||||
|
type="textarea" :rules="[(val: string) => !!val || `${'กรุณากรอกความคิดเห็น'}`]" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div :class="`col-12 row q-mt-md ${classBordered}`">
|
||||||
|
<div class="text-top0 items-center">
|
||||||
|
<q-avatar class="bg-grey-2 q-mr-sm" size="28px">3</q-avatar>
|
||||||
|
ความพึงพอใจกับการทดลองปฏิบัติหน้าที่ราชการของคุณอยู่ในระดับใด
|
||||||
|
</div>
|
||||||
|
<q-space />
|
||||||
|
<q-rating :disable="!status" v-model="answer3" 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>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 q-my-md">
|
||||||
|
<q-separator size="3px" color="grey-2" />
|
||||||
|
</div>
|
||||||
|
</q-form>
|
||||||
|
<!-- <Footer /> -->
|
||||||
|
<div class="row col-12">
|
||||||
|
<q-space />
|
||||||
|
<q-btn label="บันทึก" color="secondary" @click="save" v-if="status" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
@ -208,6 +181,7 @@ watch(answer3, () => {
|
||||||
.q-card {
|
.q-card {
|
||||||
box-shadow: 0px 0px 0px 0px !important;
|
box-shadow: 0px 0px 0px 0px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.border_custom {
|
.border_custom {
|
||||||
border: 2px solid #c10015;
|
border: 2px solid #c10015;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue