แบบประเมิน => icon ประเมิน

src/modules/08_KPI/components/Tab/DialogEvaluate/01_Indicator.vue

@@ -0,0 +1,6 @@
+<script setup lang="ts"></script>
+<template>
+  <div></div>
+</template>
+
+<style scoped></style>

src/modules/08_KPI/components/Tab/Topic/01_Indicator.vue

@@ -124,6 +124,8 @@ function onAdd(edit: boolean = false, id: string = "") {
   }
 }
 
+function onEvaluate() {}
+
 function onDelete(id: string) {
   dialogRemove($q, async () => {
     try {
@@ -159,20 +161,36 @@ watch(
 <template>
   <q-card bordered style="border-radius: 5px" class="no-shadow">
     <q-card-section class="bg-grey-2 q-py-sm">
-      <span class="text-weight-medium">{{ title }}</span>
-
-      <q-btn
-        class="q-ml-xs"
-        flat
-        round
-        icon="mdi-plus"
-        color="primary"
-        size="12px"
-        dense
-        @click="onAdd()"
-      >
-        <q-tooltip>เพิ่มข้อมูล</q-tooltip>
-      </q-btn>
+      <div class="row items-center no-wrap">
+        <div class="col">
+          <span class="text-weight-medium">{{ title }}</span>
+          <q-btn
+            class="q-ml-xs"
+            flat
+            round
+            icon="mdi-plus"
+            color="primary"
+            size="12px"
+            dense
+            @click="onAdd()"
+          >
+            <q-tooltip>เพิ่มข้อมูล</q-tooltip>
+          </q-btn>
+        </div>
+        <div class="col-auto">
+          <q-btn
+            flat
+            round
+            icon="mdi-clipboard-check-outline"
+            color="blue-5"
+            size="12px"
+            dense
+            @click="onEvaluate"
+          >
+            <q-tooltip>ประเมิน</q-tooltip>
+          </q-btn>
+        </div>
+      </div>
     </q-card-section>
     <q-separator />
     <q-card-section class="q-pa-sm">