เพิ่ม data ใน store ปรับ Ui

src/modules/05_placement/store.ts

@@ -190,3 +190,64 @@ export const usePlacementDataStore = defineStore("placement", () => {
     DataUpdateMain,
   };
 });
+
+export const useOrderPlacementDataStore = defineStore("placement", () => {
+  interface placement {
+    mappingPosition: { columns: String[] };
+  }
+  const placementData = ref<placement>({
+    mappingPosition: { columns: [] },
+  });
+  const changePlacementColumns = (system: String, val: String[]) => {
+    if (system == "mappingPosition")
+      placementData.value.mappingPosition.columns = val;
+    localStorage.setItem("placement", JSON.stringify(placementData.value));
+  };
+
+  if (localStorage.getItem("placement") !== null) {
+    placementData.value = JSON.parse(localStorage.getItem("placement") || "{}");
+  }
+
+  const DataMainYearOrder = ref<object[]>([]); // ข้อมูลจำนวนปี
+  const DataMainOrigOrder = ref<FormOrderPlacementMainData[]>([]); // ข้อมูลหลักดั้งเดิม
+  const DataMainUpdateOrder = ref<FormOrderPlacementMainData[]>([]); // ข้อมูลเปลี่ยนแปลง
+  const DataMainYearSetOrder = (val: FormOrderPlacementMainData[]) =>
+    (DataMainYearOrder.value = val);
+
+  const DataMainOrder = (val: FormOrderPlacementMainData[]) =>
+    (DataMainOrigOrder.value = val);
+
+  const DataUpdateMainOrder = (
+    filter_1: string | null,
+    filter_2: string | null
+  ) => {
+    DataMainUpdateOrder.value = [];
+
+    if (filter_1 === null && filter_2 === "0") {
+      DataMainUpdateOrder.value = DataMainOrigOrder.value;
+    } else if (filter_1 !== null && filter_2 === "0") {
+      DataMainUpdateOrder.value = DataMainOrigOrder.value.filter(
+        (item) => item.Order === filter_1
+      );
+    } else if (filter_1 !== null && filter_2 !== "0") {
+      DataMainUpdateOrder.value = DataMainOrigOrder.value.filter(
+        (item) => item.Order === filter_1 && item.OrderType === filter_2
+      );
+    } else if (filter_1 === null && filter_2 !== "0") {
+      DataMainUpdateOrder.value = DataMainOrigOrder.value.filter(
+        (item) => item.OrderStatus === filter_2
+      );
+    }
+  };
+
+  return {
+    placementData,
+    changePlacementColumns,
+    DataMainYearOrder,
+    DataMainOrigOrder,
+    DataMainUpdateOrder,
+    DataUpdateMainOrder,
+    DataMainYearSetOrder,
+    DataMainOrder,
+  };
+});