init

frontend/src/composables/department/useDepartmentQuery.ts

@@ -0,0 +1,45 @@
+import client from "@/api/client";
+import { ref } from "vue";
+import type { components } from "../../api/types/schema";
+
+export const useDepartmentQuery = () => {
+	const total = ref<number>(0);
+	const departments = ref<components["schemas"]["DepartmentRespDto"][]>([]);
+	const allDepartments = ref<components["schemas"]["Department"][]>([]);
+
+	const fetchAllDepartments = async () => {
+		const { data } = await client.GET("/department/query");
+		allDepartments.value = data ?? [];
+	};
+	const fetchDepartmentWith = async (
+		param: {
+			name?: string;
+			enable?: boolean;
+			userId?: number;
+			bindState?: "ALL" | "BIND" | "UNBIND";
+		},
+		page = 1,
+		size = 10,
+	) => {
+		const { data } = await client.GET("/department/page-query", {
+			params: {
+				query: {
+					pageRequestDto: {
+						page,
+						size,
+					},
+					departmentQueryDto: param,
+				},
+			},
+		});
+		total.value = !data || !data.total ? 0 : data.total;
+		departments.value = data?.data ?? [];
+	};
+	return {
+		total,
+		departments,
+		allDepartments,
+		fetchDepartmentWith,
+		fetchAllDepartments,
+	};
+};