updated

src/modules/08_KPI/components/Tab/04_Result.vue

@@ -191,6 +191,11 @@ function getData() {
     .finally(() => {});
 }
 
+/**
+ * ฟังก์ชันดาวน์โหลดรายงาน
+ */
+function downloadReport() {}
+
 onMounted(() => {
   getData();
   fetchEvaluation();
@@ -206,6 +211,21 @@ onMounted(() => {
           <q-toolbar-title class="text-subtitle2 text-bold"
             >สรุปผลการประเมิน</q-toolbar-title
           >
+          <q-space />
+
+          <q-btn
+            v-if="store.dataEvaluation.evaluationStatus === 'COMPLETE'"
+            outline
+            flat
+            dense
+            color="blue"
+            icon="mdi-download"
+            size="12px"
+            class="q-mr-md"
+            @click="downloadReport"
+          >
+            <q-tooltip>ดาวน์โหลดแบบรายงานผลการปฏิบัติราชการ</q-tooltip>
+          </q-btn>
         </q-toolbar>
         <q-separator />
         <q-card-section>

src/modules/08_KPI/components/Tab/Dialog/04_FormCompetency.vue

@@ -277,12 +277,22 @@ watch(
   <q-dialog v-model="modal" persistent>
     <q-card class="col-12" style="width: 85%">
       <q-form greedy @submit.prevent @validation-success="onSubmit">
-        <DialogHeader :tittle="`เพิ่มสมรรถนะ`" :close="closeDialog" />
+        <DialogHeader
+          :tittle="
+            competencyType == 'HEAD' || competencyType == 'GROUP'
+              ? `รายละเอียดสมรรถนะ`
+              : `เพิ่มสมรรถนะ`
+          "
+          :close="closeDialog"
+        />
         <q-separator />
 
         <q-card-section class="q-pa-none scroll" style="max-height: 80vh">
           <div class="row">
-            <div class="bg-grey-1 q-pa-md col-xs-12 col-md-3 row lineRight">
+            <div
+              v-if="competencyType != 'HEAD' && competencyType != 'GROUP'"
+              class="bg-grey-1 q-pa-md col-xs-12 col-md-3 row lineRight"
+            >
               <div class="col-12 q-col-gutter-sm fit">
                 <div class="col-12">
                   <q-select
@@ -362,7 +372,13 @@ watch(
               </div>
             </div>
 
-            <div class="col-xs-12 col-md-9 q-pa-md q-col-gutter-sm">
+            <div
+              :class="
+                competencyType == 'HEAD' || competencyType == 'GROUP'
+                  ? `col-xs-12 col-md-12 q-pa-md q-col-gutter-sm`
+                  : `col-xs-12 col-md-9 q-pa-md q-col-gutter-sm`
+              "
+            >
               <span class="text-body2 text-weight-medium"
                 >รายละเอียดสมรรถนะ</span
               >

src/modules/08_KPI/components/Tab/Topic/02_Competency.vue

@@ -468,7 +468,10 @@ onMounted(() => {
                     color="info"
                     @click.stop.pervent="onEdit(props.row, item.id)"
                   >
-                    <q-tooltip>แก้ไข </q-tooltip>
+                    <q-tooltip v-if="item.id == 'HEAD' || item.id == 'GROUP'"
+                      >ดูรายละเอียด</q-tooltip
+                    >
+                    <q-tooltip v-else>แก้ไข</q-tooltip>
                   </q-btn>
                   <q-btn
                     flat