พฤติกรรมการปฎิบัติราชการ (สมรรถนะ) ไม่เสร็จ

src/modules/08_KPI/components/Tab/01_Assessment.vue

@@ -3,6 +3,8 @@ import { ref, onMounted } from "vue";
 import { useQuasar } from "quasar";
 import { useRoute } from "vue-router";
 
+import DialogListCriteria from "@/modules/08_KPI/components/Tab/Dialog/DialogListCriteria.vue";
+
 import config from "@/app.config";
 import http from "@/plugins/http";
 
@@ -12,6 +14,7 @@ import Competency from "@/modules/08_KPI/components/Tab/Topic/02_Competency.vue"
 import { useCounterMixin } from "@/stores/mixin";
 import { useKpiDataStore } from "@/modules/08_KPI/store";
 
+const modalCriteria = ref<boolean>(false)
 const $q = useQuasar();
 const route = useRoute();
 const { showLoader, hideLoader, messageError } = useCounterMixin();
@@ -73,6 +76,10 @@ function fetchAssigned() {
   rows_03.value = data;
 }
 
+function onInfo(){
+  modalCriteria.value = true
+}
+
 onMounted(() => {
   fetchListPlanned();
   fetchListRole();
@@ -128,16 +135,21 @@ onMounted(() => {
       <div class="text-weight-bold text-body2 q-mb-sm">
         <span class="txt-under text-blue-6">องค์ประกอบที่ 2</span>
         <span class="q-ml-sm"> พฤติกรรมการปฎิบัติราชการ (สมรรถนะ)</span>
+        <q-btn flat icon="info" color="info" round class="q-ml-xs" @click="onInfo">
+          <q-tooltip>เกณฑ์การประเมิน</q-tooltip>
+        </q-btn>
       </div>
 
       <Competency />
 
       <div class="row text-body2 text-weight-bold justify-center">
-        <span>ผลการประเมินสมรรถนะ (20 คะแนน)</span>
+        <span>สรุปผลการประเมินสมรรถนะ (คะแนนเต็ม 20 คะแนน)</span>
         <div class="text-primary q-pl-md">{{ resultEvaluation }}</div>
       </div>
     </div>
   </q-scroll-area>
+
+  <DialogListCriteria v-model:modal="modalCriteria"/>
 </template>
 
 <style scoped>