ทะเบียนประวัติ: ข้อมูลที่อยู่

src/modules/04_registryNew/stores/Address.ts

@@ -0,0 +1,211 @@
+import { ref } from "vue";
+import { defineStore } from "pinia";
+import { useCounterMixin } from "@/stores/mixin";
+import { useQuasar } from "quasar";
+import http from "@/plugins/http";
+import config from "@/app.config";
+
+import type { RequestObject } from "@/modules/04_registryNew/interface/request/Address";
+import type { ResponseObject } from "@/modules/04_registryNew/interface/response/Address";
+import type {
+  DataOption,
+  AddressOps,
+  zipCodeOption,
+  Address,
+} from "@/modules/04_registryNew/interface/index/Main";
+
+export const useAddressDataStore = defineStore("addess", () => {
+  const $q = useQuasar();
+  const mixin = useCounterMixin();
+  const {
+    showLoader,
+    hideLoader,
+    date2Thai,
+    messageError,
+    convertDate,
+    dateToISO,
+  } = mixin;
+
+  const Ops = ref<AddressOps>({
+    provinceOps: [],
+    districtOps: [],
+    districtCOps: [],
+    subdistrictOps: [],
+    subdistrictCOps: [],
+  });
+  const OpsFilter = ref<AddressOps>({
+    provinceOps: [],
+    districtOps: [],
+    districtCOps: [],
+    subdistrictOps: [],
+    subdistrictCOps: [],
+  });
+
+  const defaultAddress: ResponseObject = {
+    id: "",
+    currentZipCode: "",
+    currentSubDistrictId: "",
+    currentDistrictId: "",
+    currentProvinceId: "",
+    currentAddress: "",
+    registrationZipCode: "",
+    registrationSubDistrictId: "",
+    registrationDistrictId: "",
+    registrationProvinceId: "",
+    registrationAddress: "",
+  };
+
+  const defaultAddressForm: RequestObject = {
+    currentZipCode: "",
+    currentSubDistrictId: "",
+    currentDistrictId: "",
+    currentProvinceId: "",
+    currentAddress: "",
+    registrationZipCode: "",
+    registrationSubDistrictId: "",
+    registrationDistrictId: "",
+    registrationProvinceId: "",
+    registrationAddress: "",
+  };
+
+  function findData(ops: any, id: string | null) {
+    if(id === null) return "";
+    return ops.find((r: { id: string }) => r.id === id) || {};
+  }
+
+  async function fetchProvince() {
+    showLoader();
+    await http
+      .get(config.API.province)
+      .then(async (res) => {
+        const data = res.data.result;
+        let option: DataOption[] = [];
+        data.map((r: any) => {
+          option.push({ id: r.id.toString(), name: r.name.toString() });
+        });
+        Ops.value.provinceOps = option;
+        OpsFilter.value.provinceOps = option;
+      })
+      .catch((e) => {
+        messageError($q, e);
+      })
+      .finally(() => {
+        hideLoader();
+      });
+  }
+
+  async function fetchDistrict(id: string, position: string) {
+    if (!id) return;
+    showLoader();
+    await http
+      .get(config.API.listDistrict(id))
+      .then(async (res) => {
+        const data = res.data.result;
+        let option: DataOption[] = [];
+        data.map((r: any) => {
+          option.push({ id: r.id.toString(), name: r.name.toString() });
+        });
+        if (position == "1") {
+          Ops.value.districtOps = option;
+          OpsFilter.value.districtOps = option;
+        } else {
+          Ops.value.districtCOps = option;
+          OpsFilter.value.districtCOps = option;
+        }
+        return option;
+      })
+      .catch((e) => {
+        messageError($q, e);
+      })
+      .finally(() => {
+        hideLoader();
+      });
+  }
+
+  async function fetchSubDistrict(id: string | null, position: string) {
+    if (!id) return;
+    showLoader();
+    await http
+      .get(config.API.listSubDistrict(id))
+      .then(async (res) => {
+        const data = res.data.result;
+        let option: zipCodeOption[] = [];
+        data.map((r: any) => {
+          option.push({
+            id: r.id.toString(),
+            name: r.name.toString(),
+            zipCode: r.zipCode.toString(),
+          });
+        });
+        if (position == "1") {
+          Ops.value.subdistrictOps = option;
+          OpsFilter.value.subdistrictOps = option;
+        } else {
+          Ops.value.subdistrictCOps = option;
+          OpsFilter.value.subdistrictCOps = option;
+        }
+      })
+      .catch((e) => {
+        messageError($q, e);
+      })
+      .finally(() => {
+        hideLoader();
+      });
+  }
+
+  function filterSelector(val: any, update: Function, refData: string) {
+    switch (refData) {
+      case "provinceOps":
+        update(() => {
+          Ops.value.provinceOps = OpsFilter.value.provinceOps.filter(
+            (v: DataOption) => v.name.indexOf(val) > -1
+          );
+        });
+        break;
+      case "districtOps":
+        update(() => {
+          Ops.value.districtOps = OpsFilter.value.districtOps.filter(
+            (v: DataOption) => v.name.indexOf(val) > -1
+          );
+        });
+        break;
+      case "districtCOps":
+        update(() => {
+          Ops.value.districtCOps = OpsFilter.value.districtCOps.filter(
+            (v: DataOption) => v.name.indexOf(val) > -1
+          );
+        });
+        break;
+      case "subdistrictOps":
+        update(() => {
+          Ops.value.subdistrictOps = OpsFilter.value.subdistrictOps.filter(
+            (v: DataOption) => v.name.indexOf(val) > -1
+          );
+        });
+        break;
+      case "subdistrictCOps":
+        update(() => {
+          Ops.value.subdistrictCOps = OpsFilter.value.subdistrictCOps.filter(
+            (v: DataOption) => v.name.indexOf(val) > -1
+          );
+        });
+        break;
+
+      default:
+        break;
+    }
+  }
+
+  return {
+    defaultAddress,
+    defaultAddressForm,
+    Ops,
+    OpsFilter,
+
+    findData,
+    fetchProvince,
+    fetchDistrict,
+    fetchSubDistrict,
+    filterSelector,
+  };
+});