From e1619148c6d18c044e1f28876f2ee681dd36aa48 Mon Sep 17 00:00:00 2001
From: waruneeauy <warunee.auy@gmail.com>
Date: Tue, 23 Apr 2024 11:18:33 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A=20layout?=
 =?UTF-8?q?=20=E0=B9=81=E0=B8=A5=E0=B8=B0=E0=B8=8A=E0=B8=B7=E0=B9=88?=
 =?UTF-8?q?=E0=B8=AD=E0=B9=84=E0=B8=9F=E0=B8=A5=E0=B9=8C=20KPI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../08_KPI/components/Tab/01_Assessment.vue   |  2 +-
 .../{views => components/Tab}/TabMain.vue     | 25 ++++++++++++-------
 src/modules/08_KPI/views/form.vue             |  6 ++---
 3 files changed, 20 insertions(+), 13 deletions(-)
 rename src/modules/08_KPI/{views => components/Tab}/TabMain.vue (75%)

diff --git a/src/modules/08_KPI/components/Tab/01_Assessment.vue b/src/modules/08_KPI/components/Tab/01_Assessment.vue
index d7546aa..8952e09 100644
--- a/src/modules/08_KPI/components/Tab/01_Assessment.vue
+++ b/src/modules/08_KPI/components/Tab/01_Assessment.vue
@@ -38,7 +38,7 @@ onMounted(() => {
 
 <template>
   <q-scroll-area
-    style="height: 56vh"
+    style="height: 100vh"
     class="bg-white row col-12 text-dark q-pa-md"
   >
     <div class="text-weight-bold text-body2">
diff --git a/src/modules/08_KPI/views/TabMain.vue b/src/modules/08_KPI/components/Tab/TabMain.vue
similarity index 75%
rename from src/modules/08_KPI/views/TabMain.vue
rename to src/modules/08_KPI/components/Tab/TabMain.vue
index dd1eeba..058291e 100644
--- a/src/modules/08_KPI/views/TabMain.vue
+++ b/src/modules/08_KPI/components/Tab/TabMain.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import { ref } from "vue";
-import { useKpiDataStore } from '@/modules/08_KPI/store'
+import { useKpiDataStore } from "@/modules/08_KPI/store";
 
-import Assessment from '@/modules/08_KPI/components/Tab/01_Assessment.vue'
-import CommanderAbove from '@/modules/08_KPI/components/Tab/02_CommanderAbove.vue'
-import CommanderAboveOneStep from '@/modules/08_KPI/components/Tab/03_CommanderAboveOneStep.vue'
-import File from '@/modules/08_KPI/components/Tab/04_File.vue'
+import Assessment from "@/modules/08_KPI/components/Tab/01_Assessment.vue";
+import CommanderAbove from "@/modules/08_KPI/components/Tab/02_CommanderAbove.vue";
+import CommanderAboveOneStep from "@/modules/08_KPI/components/Tab/03_CommanderAboveOneStep.vue";
+import File from "@/modules/08_KPI/components/Tab/04_File.vue";
 
-const store = useKpiDataStore()
+const store = useKpiDataStore();
 
 const itemsTab = ref<any>([
   {
@@ -30,10 +30,16 @@ const itemsTab = ref<any>([
 
 const splitterModel = ref<number>(12);
 </script>
+
 <template>
   <q-splitter v-model="splitterModel" disable>
     <template v-slot:before>
-      <q-tabs v-model="store.tabMain" vertical class="text-grey-7 text-weight-light" active-class="bg-blue-1 text-blue-8 text-weight-bold">
+      <q-tabs
+        v-model="store.tabMain"
+        vertical
+        class="text-grey-7 text-weight-light"
+        active-class="bg-blue-1 text-blue-8 text-weight-bold"
+      >
         <!-- <q-tab
           class="hover-tab"
           v-for="(tab, index) in itemsTab"
@@ -44,7 +50,7 @@ const splitterModel = ref<number>(12);
         /> -->
         <q-tab name="1" label="ผู้ขอรับการประเมิน" />
         <q-tab name="2" label="ผู้บังคับบัญชา">
-         <div class="text-caption">เหนือขึ้นไป</div>
+          <div class="text-caption">เหนือขึ้นไป</div>
         </q-tab>
         <q-tab name="3" label="ผู้บังคับบัญชา">
           <div class="text-caption">เหนือขึ้นไปอีกหนึ่งขั้น</div>
@@ -77,10 +83,11 @@ const splitterModel = ref<number>(12);
     </template>
   </q-splitter>
 </template>
+
 <style scoped>
 .hover-tab:hover {
   background-color: #0793f1;
   color: white !important;
   opacity: 1 !important;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/modules/08_KPI/views/form.vue b/src/modules/08_KPI/views/form.vue
index 0808435..537dfd9 100644
--- a/src/modules/08_KPI/views/form.vue
+++ b/src/modules/08_KPI/views/form.vue
@@ -3,7 +3,7 @@ import { ref, onMounted, reactive } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import http from "@/plugins/http";
 import config from "@/app.config";
-import TabMain from "@/modules/08_KPI/views/TabMain.vue";
+import TabMain from "@/modules/08_KPI/components/Tab/TabMain.vue";
 import { useQuasar } from "quasar";
 
 import { useCounterMixin } from "@/stores/mixin";
@@ -115,9 +115,9 @@ onMounted(() => {
         />
         {{ id ? `แก้ไขแบบประเมิน` : `เพิ่มแบบประเมิน` }}
         <q-space />
-        <q-btn label="บันทึก" color="secondary" unelevated @click="onSave"
+        <!-- <q-btn label="บันทึก" color="secondary" unelevated @click="onSave"
           ><q-tooltip>บันทึก</q-tooltip></q-btn
-        >
+        > -->
       </div>
       <div class="col-12">
         <q-card bordered flat class="relative-position">