ปรับเงื่อนไขการแสดง competency และปรับชื่อไฟล์

src/modules/08_KPI/components/Tab/Topic/01_Indicator.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref } from "vue";
-import Dialog from "@/modules/08_KPI/components/Tab/Dialog/01_Dialog.vue";
-import Dialog03 from "@/modules/08_KPI/components/Tab/Dialog/03_Dialog.vue";
+import Dialog from "@/modules/08_KPI/components/Tab/Dialog/01_FormIndicator.vue";
+import Dialog03 from "@/modules/08_KPI/components/Tab/Dialog/03_FormIndicatorSpecial.vue";
 import type { QTableProps } from "quasar";
 import { useCounterMixin } from "@/stores/mixin";
 
@@ -106,7 +106,6 @@ function onAdd() {
     <q-card-section class="bg-grey-2 q-py-sm">
       <span class="text-weight-medium">{{ title }}</span>
 
-     
       <q-btn
         class="q-ml-xs"
         flat

src/modules/08_KPI/components/Tab/Topic/02_Competency.vue

@@ -3,18 +3,7 @@ import { ref } from "vue";
 import Card from "@/modules/08_KPI/components/Tab/Topic/02_CompetencyCard.vue";
 import { useKpiDataStore } from "@/modules/08_KPI/store";
 
-import type { QTableProps } from "quasar";
-import { useCounterMixin } from "@/stores/mixin";
-
 const store = useKpiDataStore();
-const mixin = useCounterMixin();
-const { date2Thai } = mixin;
-
-const modal = ref<boolean>(false);
-
-function onAdd() {
-  modal.value = true;
-}
 </script>
 
 <template>
@@ -26,45 +15,4 @@ function onAdd() {
   />
 </template>
 
-<style scoped>
-.custom-table2 {
-  max-height: 64vh;
-
-  .q-table tr:nth-child(odd) td {
-    background: white;
-  }
-
-  .q-table tr:nth-child(even) td {
-    background: #f8f8f8;
-  }
-
-  .q-table thead tr {
-    background: #ecebeb;
-  }
-
-  .q-table thead tr th {
-    position: sticky;
-  }
-
-  .q-table td:nth-of-type(2) {
-    z-index: 3 !important;
-  }
-
-  .q-table th:nth-of-type(2),
-  .q-table td:nth-of-type(2) {
-    position: sticky;
-    left: 0;
-    z-index: 1;
-  }
-
-  /* this will be the loading indicator */
-  .q-table thead tr:last-child th {
-    /* height of all previous header rows */
-    top: 48px;
-  }
-
-  .q-table thead tr:first-child th {
-    top: 0;
-  }
-}
-</style>
+<style scoped></style>

src/modules/08_KPI/components/Tab/Topic/02_CompetencyCard.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from "vue";
-import Dialog from "@/modules/08_KPI/components/Tab/Dialog/04_Dialog.vue";
+import Dialog from "@/modules/08_KPI/components/Tab/Dialog/04_FormCompetency.vue";
 
 import type { QTableProps } from "quasar";
 import { useCounterMixin } from "@/stores/mixin";
@@ -14,9 +14,6 @@ const name = defineModel<any>("name", { required: true });
 const filterKeyword = ref<string>("");
 const modal = ref<boolean>(false);
 
-const modalAssigned = ref<boolean>(false);
-
-const competencyType = ref<string>("HEAD");
 const visibleColumns = ref<string[]>([
   "capacity",
   "level",