61 lines
4.7 KiB
Vue
61 lines
4.7 KiB
Vue
|
<template>
|
||
|
|
<div class="col-12 row q-pb-sm">
|
||
|
|
<div class="col-12 text-top0 items-center q-pa-md">
|
||
|
|
เกณฑ์การประเมินความคาดหวัง
|
||
|
|
</div>
|
||
|
|
<div class="q-gutter-sm row">
|
||
|
|
<div class="col-12 row">
|
||
|
|
<div class="col-2 row justify-center">
|
||
|
|
<i class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-3" aria-hidden="true" role="presentation">grade</i>
|
||
|
|
</div>
|
||
|
|
<div class="q-pl-md col-3">ต่ำกว่าความคาดหวังมาก</div>
|
||
|
|
<div class="q-pl-md">หมายถึง มีคะแนนเฉลี่ยที่ระดับ 1</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-12 row">
|
||
|
|
<div class="col-2 row justify-center">
|
||
|
|
<i class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-3" aria-hidden="true" role="presentation">grade</i>
|
||
|
|
<i class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-6" aria-hidden="true" role="presentation">grade</i>
|
||
|
|
</div>
|
||
|
|
<div class="q-pl-md col-3">ต่ำกว่าความคาดหวังค่อนข้างมาก</div>
|
||
|
|
<div class="q-pl-md">หมายถึง มีคะแนนเฉลี่ยที่ระดับ 2</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-12 row">
|
||
|
|
<div class="col-2 row justify-center">
|
||
|
|
<i class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-3" aria-hidden="true" role="presentation">grade</i>
|
||
|
|
<i class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-6" aria-hidden="true" role="presentation">grade</i>
|
||
|
|
<i class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-blue" aria-hidden="true" role="presentation">grade</i>
|
||
|
|
</div>
|
||
|
|
<div class="q-pl-md col-3">เป็นไปตามความคาดหวัง</div>
|
||
|
|
<div class="q-pl-md">หมายถึง มีคะแนนเฉลี่ยที่ระดับ 3</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-12 row">
|
||
|
|
<div class="col-2 row justify-center">
|
||
|
|
<i class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-3" aria-hidden="true" role="presentation">grade</i>
|
||
|
|
<i class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-6" aria-hidden="true" role="presentation">grade</i>
|
||
|
|
<i class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-blue" aria-hidden="true" role="presentation">grade</i>
|
||
|
|
<i class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-blue-9" aria-hidden="true" role="presentation">grade</i>
|
||
|
|
</div>
|
||
|
|
<div class="q-pl-md col-3">สูงว่าความคาดหวังค่อนข้างมาก</div>
|
||
|
|
<div class="q-pl-md">หมายถึง มีคะแนนเฉลี่ยที่ระดับ 4</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-12 row">
|
||
|
|
<div class="col-2 row justify-center">
|
||
|
|
<i class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-3" aria-hidden="true" role="presentation">grade</i>
|
||
|
|
<i class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-light-blue-6" aria-hidden="true" role="presentation">grade</i>
|
||
|
|
<i class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-blue" aria-hidden="true" role="presentation">grade</i>
|
||
|
|
<i class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-blue-9" aria-hidden="true" role="presentation">grade</i>
|
||
|
|
<i class="q-icon notranslate material-icons q-rating__icon q-rating__icon--active text-blue-10" aria-hidden="true" role="presentation">grade</i>
|
||
|
|
</div>
|
||
|
|
<div class="q-pl-md col-3">สูงกว่าความคาดหวังมาก</div>
|
||
|
|
<div class="q-pl-md">หมายถึง มีคะแนนเฉลี่ยที่ระดับ 5</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.text-top0 {
|
||
|
|
font-weight: 600;
|
||
|
|
padding-bottom: 8px;
|
||
|
|
color: rgb(70, 68, 68);
|
||
|
|
}
|
||
|
|
</style>
|