From 3c0c3717a0fb0df4275e6611c26dff550869d78e Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 24 Apr 2024 10:22:25 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=81=E0=B8=9A=E0=B8=9A=E0=B8=9B=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=B0=E0=B9=80=E0=B8=A1=E0=B8=B4=E0=B8=99=20=3D>=20icon=20?=
 =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B0=E0=B9=80=E0=B8=A1=E0=B8=B4=E0=B8=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Tab/DialogEvaluate/01_Indicator.vue       |  6 +++
 .../components/Tab/Topic/01_Indicator.vue     | 46 +++++++++++++------
 2 files changed, 38 insertions(+), 14 deletions(-)
 create mode 100644 src/modules/08_KPI/components/Tab/DialogEvaluate/01_Indicator.vue

diff --git a/src/modules/08_KPI/components/Tab/DialogEvaluate/01_Indicator.vue b/src/modules/08_KPI/components/Tab/DialogEvaluate/01_Indicator.vue
new file mode 100644
index 0000000..371c2a2
--- /dev/null
+++ b/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>
diff --git a/src/modules/08_KPI/components/Tab/Topic/01_Indicator.vue b/src/modules/08_KPI/components/Tab/Topic/01_Indicator.vue
index 5372505..d511dac 100644
--- a/src/modules/08_KPI/components/Tab/Topic/01_Indicator.vue
+++ b/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">