pinia prefix

src/modules/01_metadata/components/person/Prefix.vue

@@ -205,8 +205,15 @@ const { loaderPage } = dataStore;
 const mixin = useCounterMixin();
 const { success, dateText, messageError } = mixin;
 const store = useManageDataStore();
-const { manageData, changeManageColumns } = store;
-const rows = ref<RequestItemsHistoryObject[]>([]); //list data table
+const {
+  manageData,
+  changeManageColumns,
+  getPrefix,
+  dataPrefix,
+  storeIdVersion,
+  storeVersion,
+} = store;
+const rows = ref<RequestItemsHistoryObject[]>(dataPrefix); //list data table
 const rowsHistory = ref<RequestItemsHistoryObject[]>([]); //select data history
 const rawHistory = ref<RequestItemsHistoryObject[]>([]); //raw data history
 const tittleHistory = ref<string>("ประวัติแก้ไขคำนำหน้า"); //
@@ -366,42 +373,48 @@ const $q = useQuasar();
  */
 const fetchData = async () => {
   await props.fetchDataComponent();
-  rows.value.splice(0);
-  loaderPage(true);
-  await http
-    .get(config.API.listPrefixHistory)
-    .then((res) => {
-      let data = res.data.result;
-      version.value = data.version; //ตัวแปรที่บอกว่าข้อมูลเผยแพร่ไปหรือยัง published=เผยแพร่แล้ว draft=ยังไม่เผยแพร่
-      idVersion.value = data.id; //เลข id ใน mongodb
-      data.items.map((e: RequestItemsHistoryObject) => {
-        rows.value.push({
-          id: e.id,
-          name: e.name,
-          createdAt: e.createdAt,
-          lastUpdatedAt: e.lastUpdatedAt,
-          lastUpdateFullName: e.lastUpdateFullName,
-          isActive: e.isActive,
-          createdFullName: e.createdFullName,
-          createdUserId: e.createdUserId,
-          lastUpdateUserId: e.lastUpdateUserId,
-        });
-      });
-    })
-    .catch((e) => {
-      messageError($q, e);
-    })
-    .finally(() => {
-      updateData.value = false;
-      loaderPage(false);
-    });
+  //   rows.value = [];
+  const result = await getPrefix(false, true);
+  version.value = result.version; //ตัวแปรที่บอกว่าข้อมูลเผยแพร่ไปหรือยัง published=เผยแพร่แล้ว draft=ยังไม่เผยแพร่
+  idVersion.value = result.idversion; //เลข id ใน mongodb
+  rows.value = result.data;
+  updateData.value = false;
+  console.log(result);
+  //   rows.value.splice(0);
+  //   loaderPage(true);
+  //   await http
+  //     .get(config.API.listPrefixHistory)
+  //     .then((res) => {
+  //       let data = res.data.result;
+  //       version.value = data.version; //ตัวแปรที่บอกว่าข้อมูลเผยแพร่ไปหรือยัง published=เผยแพร่แล้ว draft=ยังไม่เผยแพร่
+  //       idVersion.value = data.id; //เลข id ใน mongodb
+  //       data.items.map((e: RequestItemsHistoryObject) => {
+  //         rows.value.push({
+  //           id: e.id,
+  //           name: e.name,
+  //           createdAt: e.createdAt,
+  //           lastUpdatedAt: e.lastUpdatedAt,
+  //           lastUpdateFullName: e.lastUpdateFullName,
+  //           isActive: e.isActive,
+  //           createdFullName: e.createdFullName,
+  //           createdUserId: e.createdUserId,
+  //           lastUpdateUserId: e.lastUpdateUserId,
+  //         });
+  //       });
+  //     })
+  //     .catch((e) => {
+  //       messageError($q, e);
+  //     })
+  //     .finally(() => {
+  //       updateData.value = false;
+  //       loaderPage(false);
+  //     });
 };
 
 /**
  * ฟังชั้นดูข้อมูลประวัติแก้ไขข้อมูลทั้งหมด
  */
 const fetchHistory = async () => {
-  loaderPage(true);
   await http
     .get(config.API.listPrefixPublishedHistory)
     .then((res) => {
@@ -427,9 +440,6 @@ const fetchHistory = async () => {
     })
     .catch((e) => {
       messageError($q, e);
-    })
-    .finally(async () => {
-      loaderPage(false);
     });
 };
 
@@ -438,7 +448,7 @@ const fetchHistory = async () => {
  * เมื่อเรียก api เสร็จแล้วจะ get data มาใหม่
  */
 const clearPublishedData = async () => {
-  loaderPage(true);
+  //   loaderPage(true);
   await http
     .delete(config.API.listPrefixHistory)
     .then((res) => {
@@ -458,7 +468,7 @@ const clearPublishedData = async () => {
  * เมื่อเรียก api เสร็จแล้วจะ get data มาใหม่
  */
 const publishedData = async () => {
-  loaderPage(true);
+  //   loaderPage(true);
   await http
     .get(config.API.listPrefixPublished)
     .then((res) => {
@@ -518,7 +528,7 @@ const save = async (publish: boolean) => {
     lastUpdateFullName: e.lastUpdateFullName,
     lastUpdateUserId: e.lastUpdateUserId,
   }));
-  loaderPage(true);
+  //   loaderPage(true);
   await http
     .post(config.API.listPrefixHistoryId(idVersion.value), {
       id: idVersion.value,

src/modules/01_metadata/store.ts

@@ -1,7 +1,20 @@
 import { ref, computed } from "vue";
 import { defineStore } from "pinia";
+import { useQuasar } from "quasar";
+import http from "@/plugins/http";
+import config from "@/app.config";
+import { useCounterMixin } from "@/stores/mixin";
+import type { RequestItemsHistoryObject } from "@/modules/01_metadata/interface/request/person/Prefix";
+
+const $q = useQuasar();
+const mixin = useCounterMixin();
+const { success, messageError, showLoader, hideLoader } = mixin;
 
 export const useManageDataStore = defineStore("manage", () => {
+  const dataPrefix = ref<RequestItemsHistoryObject[]>([]); //list data table
+  const draftPrefix = ref<RequestItemsHistoryObject[]>([]); //list data table
+  const storeIdVersion = ref<string>(""); //id data ใน mongodb
+  const storeVersion = ref<string>("published"); //รายการข้อมูลล่าสุดได้เผยแพร่หรือยัง published=เผยแพร่แล้ว draft=ยังไม่เผยแพร่
   interface manage {
     link: number;
     person: {
@@ -227,8 +240,88 @@ export const useManageDataStore = defineStore("manage", () => {
     }
   }
 
+  const getPrefix = async (
+    selector: boolean = false,
+    newFetch: boolean = false
+  ) => {
+    if (dataPrefix.value.length === 0) {
+      await fetchPrefix(true, selector);
+      return {
+        data: draftPrefix.value,
+        version: storeVersion.value,
+        idversion: storeIdVersion.value,
+      };
+    } else {
+      if (newFetch) {
+        await fetchPrefix(true, selector);
+        return {
+          data: draftPrefix.value,
+          version: storeVersion.value,
+          idversion: storeIdVersion.value,
+        };
+      } else {
+        return {
+          data: draftPrefix.value,
+          version: storeVersion.value,
+          idversion: storeIdVersion.value,
+        };
+      }
+    }
+  };
+
+  const fetchPrefix = async (loader: boolean, selector: boolean) => {
+    let apiPrefix = "";
+    if (loader) {
+      showLoader();
+    }
+    if (selector) {
+      apiPrefix = config.API.prefix;
+    } else {
+      apiPrefix = config.API.listPrefixHistory;
+    }
+    await http
+      .get(apiPrefix)
+      .then((res) => {
+        const data = res.data.result;
+        let rows: RequestItemsHistoryObject[] = [];
+        if (selector) {
+          data.map((e: RequestItemsHistoryObject) => {
+            rows.push({
+              ...e,
+            });
+          });
+        } else {
+          storeVersion.value = data.version; //ตัวแปรที่บอกว่าข้อมูลเผยแพร่ไปหรือยัง published=เผยแพร่แล้ว draft=ยังไม่เผยแพร่
+          storeIdVersion.value = data.id; //เลข id ใน mongodb
+
+          data.items.map((e: RequestItemsHistoryObject) => {
+            rows.push({
+              ...e,
+            });
+          });
+        }
+
+        draftPrefix.value = rows;
+        if (loader) {
+          dataPrefix.value = rows;
+        }
+      })
+      .catch((e) => {
+        messageError($q, e);
+      })
+      .finally(() => {
+        if (loader) {
+          hideLoader();
+        }
+      });
+  };
+
   return {
+    dataPrefix,
+    storeIdVersion,
+    storeVersion,
     manageData,
+    getPrefix,
     changeManageCurrentTab,
     changeManageLink,
     changeManageColumns,

src/modules/01_metadata/views/Main.vue

@@ -630,7 +630,7 @@ const fetchDataSummarySubComponent = async () => {
  */
 const fetchDataSummarySub = async (val: number) => {
   dataNum.value = [];
-  loaderPage(true);
+  //   loaderPage(true);
   await http
     .get(config.API.countDashbordSubHistory(val))
     .then((res) => {