Page ตัวชี้วัด

src/modules/14_KPI/components/indicatorByPlan/DetailView.vue

@@ -0,0 +1,41 @@
+<script setup lang="ts">
+import { ref, reactive, onMounted } from "vue";
+import { useQuasar } from "quasar";
+import { useRouter, useRoute } from "vue-router";
+import http from "@/plugins/http";
+import config from "@/app.config";
+
+import { useCounterMixin } from "@/stores/mixin";
+
+const $q = useQuasar();
+const router = useRouter();
+const route = useRoute();
+const {
+  dialogConfirm,
+  showLoader,
+  hideLoader,
+  messageError,
+  success,
+  date2Thai,
+  calculateDurationYmd,
+} = useCounterMixin();
+const title = ref<string>(route.params.id ? "แก้ไข" : "เพิ่ม");
+
+onMounted(() => {});
+</script>
+<template>
+  <div class="toptitle text-dark col-12 row items-center">
+    <q-btn
+      flat
+      round
+      dense
+      class="q-mr-sm"
+      icon="mdi-arrow-left"
+      color="primary"
+      @click="router.go(-1)"
+    />
+    {{ `${title}คัวชี้วัดตามแผนปฏิบัติราชการประจำปี` }}
+  </div>
+</template>
+
+<style scoped></style>

src/modules/14_KPI/components/indicatorByRole/DetailView.vue

@@ -0,0 +1,41 @@
+<script setup lang="ts">
+import { ref, reactive, onMounted } from "vue";
+import { useQuasar } from "quasar";
+import { useRouter, useRoute } from "vue-router";
+import http from "@/plugins/http";
+import config from "@/app.config";
+
+import { useCounterMixin } from "@/stores/mixin";
+
+const $q = useQuasar();
+const router = useRouter();
+const route = useRoute();
+const {
+  dialogConfirm,
+  showLoader,
+  hideLoader,
+  messageError,
+  success,
+  date2Thai,
+  calculateDurationYmd,
+} = useCounterMixin();
+const title = ref<string>(route.params.id ? "แก้ไข" : "เพิ่ม");
+
+onMounted(() => {});
+</script>
+<template>
+  <div class="toptitle text-dark col-12 row items-center">
+    <q-btn
+      flat
+      round
+      dense
+      class="q-mr-sm"
+      icon="mdi-arrow-left"
+      color="primary"
+      @click="router.go(-1)"
+    />
+    {{ `${title}คัวชี้วัดตามหน้าที่ความรับผิดชอบ` }}
+  </div>
+</template>
+
+<style scoped></style>