store log กับ type

src/modules/03_logs/interface/response/Main.ts

@@ -11,4 +11,17 @@ interface ResRound {
   startDate: Date;
 }
 
-export type { ResRound };
+interface ResLog {
+  endTimeStamp: Date;
+  endpoint: string;
+  host: string;
+  logType: string;
+  method: string;
+  processTime: number;
+  responseCode: number;
+  startTimeStamp: Date;
+  systemName: string;
+  tId: string;
+}
+
+export type { ResRound, ResLog };

src/modules/03_logs/stores/main.ts

@@ -1,5 +1,72 @@
 import { defineStore } from "pinia";
+import http from "@/plugins/http";
+import config from "@/app.config";
+import { useQuasar } from "quasar";
+
+import { useCounterMixin } from "@/stores/mixin";
+
+import type { ResLog } from "@/modules/03_logs/interface/response/Main";
+const $q = useQuasar();
+import { ref } from "vue";
+
+const mixin = useCounterMixin();
+const {
+  dialogRemove,
+  messageError,
+  showLoader,
+  hideLoader,
+  success,
+  dialogConfirm,
+} = mixin;
 
 export const useDataStore = defineStore("storeData", () => {
-  return {};
+  const size = ref<number>(30);
+  const logData = ref<ResLog[]>([]);
+  const systemName = ref<string>("");
+  const searchAfter = ref<number>();
+  async function fetchLog(
+    opts?: {
+      size?: number;
+      search?: string;
+      searchAfter?: number;
+      systemName?: string;
+    },
+    isBottom?: boolean
+  ) {
+    const params = new URLSearchParams();
+
+    for (const [k, v] of Object.entries(opts || {})) {
+      v !== undefined && params.append(k, v.toString());
+    }
+
+    const query = params.toString();
+    showLoader();
+    await http
+      .get(config.API.log + `${(params && "?".concat(query)) || ""}`)
+      .then((res) => {
+        const data = res.data;
+        if (isBottom) {
+          const test = data.map((v: any) => v._source);
+          logData.value.push(...test);
+        } else {
+          logData.value = data.map((v: any) => v._source);
+        }
+
+        const lastDataSort = data[data.length - 1].sort;
+        if (lastDataSort) {
+          searchAfter.value = lastDataSort[0];
+        }
+      })
+      .finally(() => {
+        hideLoader();
+      });
+  }
+
+  return {
+    size,
+    logData,
+    searchAfter,
+    systemName,
+    fetchLog,
+  };
 });