สมรรถนะ => interface

src/modules/14_KPI/components/competency/01ListCompetency.vue

@@ -5,9 +5,12 @@ import { useCounterMixin } from "@/stores/mixin";
 import { useQuasar } from "quasar";
 import { useRouter } from "vue-router";
 
+import type { DataOption } from "@/modules/14_KPI/interface/index/Main";
+import type { FormQueryCapacity } from "@/modules/14_KPI/interface/request/Main";
+import type { ResDataCapacity } from "@/modules/14_KPI/interface/response/Main";
+
 import { useKPIDataStore } from "@/modules/14_KPI/store/KPIStore";
 
-import type { DataOption } from "@/modules/14_KPI/interface/index/Main";
 import http from "@/plugins/http";
 import config from "@/app.config";
 
@@ -54,8 +57,8 @@ const columns = ref<QTableProps["columns"]>([
 ]);
 const visibleColumns = ref<string[]>(["name"]);
 
-const rows = ref<any[]>([]);
-const formQuery = reactive({
+const rows = ref<ResDataCapacity[]>([]);
+const formQuery = reactive<FormQueryCapacity>({
   page: 1,
   pageSize: 10,
   keyword: "",
@@ -71,7 +74,7 @@ async function fetchList() {
         `?page=${formQuery.page}&pageSize=${formQuery.pageSize}&keyword=${formQuery.keyword}&type=${store.competencyType}`
     )
     .then(async (res) => {
-      const data = res.data.result.data;
+      const data: ResDataCapacity[] = res.data.result.data;
       totalList.value = Math.ceil(res.data.result.total / formQuery.pageSize);
       rows.value = data;
     })

src/modules/14_KPI/interface/request/Main.ts

@@ -48,4 +48,17 @@ interface NewPagination {
   sortBy: string;
 }
 
-export type { FormQueryRound, FormRound, FormCompetency, FormDataRole,NewPagination };
+interface FormQueryCapacity {
+  page: number;
+  pageSize: number;
+  keyword: string;
+}
+
+export type {
+  FormQueryRound,
+  FormRound,
+  FormCompetency,
+  FormDataRole,
+  NewPagination,
+  FormQueryCapacity,
+};

src/modules/14_KPI/interface/response/Main.ts

@@ -11,4 +11,19 @@ interface ResRound {
   startDate: Date;
 }
 
-export type { ResRound };
+interface ResDataCapacity {
+  description: string;
+  id: string;
+  name: string;
+  type: string;
+  capacityDetails: capacityDetails;
+}
+
+interface capacityDetails {
+  capacityId: string;
+  description: string;
+  id: string;
+  level: string;
+}
+
+export type { ResRound, ResDataCapacity };