fix folder name 12 evaluate personal

src/modules/12_evaluatePersonal/views/DetailPage.vue

@@ -0,0 +1,51 @@
+<script setup lang="ts">
+import { ref, onMounted } from "vue";
+import { useQuasar } from "quasar";
+import { useRouter } from "vue-router";
+import http from "@/plugins/http";
+import config from "@/app.config";
+
+import Tab1 from "@/modules/12_evaluatePersonal/components/Detail/Tab1.vue"; // ชำนาญการ
+import Tab2 from "@/modules/12_evaluatePersonal/components/Detail/Tab2.vue"; // ชำนาญการพิเศษ
+
+import { useEvaluateDetailStore } from "@/modules/12_evaluatePersonal/store/EvaluateDetail";
+
+const store = useEvaluateDetailStore();
+const router = useRouter();
+const $q = useQuasar();
+</script>
+
+<template>
+  <div class="toptitle text-dark col-12 row items-center">
+    รายละเอียดการประเมินของ นาวสาววารุณี แต้มคู
+  </div>
+  <q-card flat bordered class="col-12 q-mt-sm q-pt-sm q-pa-md">
+    <div class="col-xs-12 col-sm-12 col-md-11 row q-col-gutter-md">
+      <div class="col-12 row">
+        <q-card bordered class="col-12 row caedNone">
+          <q-card class="col-12 items-center">
+            <q-tabs
+              v-model="store.tabMenu"
+              dense
+              align="left"
+              inline-label
+              class="rounded-borders"
+              indicator-color="primary"
+              active-bg-color="teal-1"
+              active-class="text-primary"
+            >
+              <q-tab name="1" label="รายละเอียดการประเมิน" />
+              <q-tab name="2" label="กรรมการและการประชุม" />
+            </q-tabs>
+            <q-separator />
+            <q-tab-panels v-model="store.tabMenu" animated>
+              <q-tab-panel name="1"> <Tab1 /></q-tab-panel>
+
+              <q-tab-panel name="2"> <Tab2 /></q-tab-panel>
+            </q-tab-panels>
+          </q-card>
+        </q-card>
+      </div>
+    </div>
+  </q-card>
+</template>