From 3e25bb4da81ec3341a68f29fff03a8203ddafc44 Mon Sep 17 00:00:00 2001
From: "STW_TTTY\\stwtt" <trx.setthawut@gmail.com>
Date: Wed, 10 Apr 2024 10:07:41 +0700
Subject: [PATCH] icon

---
 src/modules/08_KPI/views/form.vue | 46 ++++++++++++++++++++-----------
 1 file changed, 30 insertions(+), 16 deletions(-)

diff --git a/src/modules/08_KPI/views/form.vue b/src/modules/08_KPI/views/form.vue
index efd0fc6..d42f446 100644
--- a/src/modules/08_KPI/views/form.vue
+++ b/src/modules/08_KPI/views/form.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref, onMounted, reactive } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import TabMain from '@/modules/08_KPI/views/TabMain.vue'
+import TabMain from "@/modules/08_KPI/views/TabMain.vue";
 import http from "@/plugins/http";
 import config from "@/app.config";
 
@@ -10,14 +10,13 @@ import { useQuasar } from "quasar";
 
 import type { FormProfile } from "@/modules/08_KPI/interface/request/index";
 
-const route = useRoute()
+const route = useRoute();
 const id = route.params.id as string;
 
 const $q = useQuasar();
 const mixin = useCounterMixin();
 const { showLoader, hideLoader, messageError } = mixin;
 
-
 const formProfile = reactive<FormProfile>({
   fullName: "นางสาวกัณฐิมา กาฬสินธุ์",
   prefix: "นางสาว",
@@ -50,9 +49,7 @@ function getProfile() {
 }
 
 /** save */
-function onSave(){
-
-}
+function onSave() {}
 
 onMounted(() => {
   getProfile();
@@ -73,9 +70,11 @@ onMounted(() => {
           class="q-mr-sm"
           @click="router.push(`/KPI`)"
         />
-        {{ id ? `แก้ไขแบบประเมิน`:`เพิ่มแบบประเมิน` }}
-        <q-space/>
-        <q-btn label="บันทึก" color="secondary" unelevated @click="onSave"><q-tooltip>บันทึก</q-tooltip></q-btn>
+        {{ id ? `แก้ไขแบบประเมิน` : `เพิ่มแบบประเมิน` }}
+        <q-space />
+        <q-btn label="บันทึก" color="secondary" unelevated @click="onSave"
+          ><q-tooltip>บันทึก</q-tooltip></q-btn
+        >
       </div>
       <div class="col-12">
         <q-card bordered flatclass="relative-position">
@@ -97,8 +96,13 @@ onMounted(() => {
                     >
                       <q-tooltip>ดูข้อมูลการช่วยราชการ</q-tooltip>
                     </q-btn>
-                    <q-btn unelevated round color="grey-2" text-color="blue-5">
-                      <q-icon name="mdi-briefcase-eye-outline" />
+                    <q-btn
+                      unelevated
+                      round
+                      color="grey-2"
+                      text-color="blue-5"
+                      icon="mdi-file-eye-outline"
+                    >
                       <q-tooltip>ดูข้อมูลการทดลองงาน</q-tooltip>
                     </q-btn>
                   </div>
@@ -120,31 +124,41 @@ onMounted(() => {
                   <div class="col-2">
                     <div class="column">
                       <span class="text-grey-6">ตำแหน่งในสายงาน</span>
-                      <span class="text-weight-bold">{{ formProfile.position }}</span>
+                      <span class="text-weight-bold">{{
+                        formProfile.position
+                      }}</span>
                     </div>
                   </div>
                   <div class="col-2">
                     <div class="column">
                       <span class="text-grey-6">ประเภท</span>
-                      <span class="text-weight-bold">{{ formProfile.type }}</span>
+                      <span class="text-weight-bold">{{
+                        formProfile.type
+                      }}</span>
                     </div>
                   </div>
                   <div class="col-2">
                     <div class="column">
                       <span class="text-grey-6">ระดับชั้นงาน</span>
-                      <span class="text-weight-bold">{{ formProfile.level }}</span>
+                      <span class="text-weight-bold">{{
+                        formProfile.level
+                      }}</span>
                     </div>
                   </div>
                   <div class="col-2">
                     <div class="column">
                       <span class="text-grey-6">สถานะการประเมิน</span>
-                      <span class="text-weight-bold">{{ formProfile.status }}</span>
+                      <span class="text-weight-bold">{{
+                        formProfile.status
+                      }}</span>
                     </div>
                   </div>
                   <div class="col-2">
                     <div class="column">
                       <span class="text-grey-6">คะแนนประเมิน</span>
-                      <span class="text-weight-bold text-primary">{{ formProfile.score }}</span>
+                      <span class="text-weight-bold text-primary">{{
+                        formProfile.score
+                      }}</span>
                     </div>
                   </div>
                 </div>