hrms-user/src/modules/05_leave/store.ts

import { defineStore } from "pinia"
import { ref } from "vue"
import { useQuasar } from "quasar"

import type { QTableProps } from "quasar"
import type { OptionData, TypeLeave } from "@/modules/05_leave/interface/index/main"
import type { ListLeave, ListLeaveTable } from "@/modules/05_leave/interface/response/leave"
import http from "@/plugins/http"
import config from "@/app.config"

import { useCounterMixin } from "@/stores/mixin"
const mixin = useCounterMixin()
const { date2Thai, messageError } = mixin
const $q = useQuasar()

export const useLeaveStore = defineStore("Leave", () => {
	const tabValue = ref<string>("calendar")
	const typeLeave = ref<string | undefined>("")
	const LeaveType = ref<string | null>("0")
	const LeaveStatus = ref<string | null>("0")
	const fiscalYearyear = ref<Number | null>(new Date().getFullYear())
	const rows = ref<ListLeaveTable[]>([])

	/**
	 * function เรียกข้อมูลรายการลา Table
	 * @param data ข้อมูลรายการลา Table
	 */
	async function fetchListLeave(data: ListLeave[]) {
		let datalist: ListLeaveTable[] = data.map((e: ListLeave) => ({
			id: e.id,
			leaveTypeName: e.leaveTypeName,
			leaveTypeId: e.leaveTypeId,
			fullName: e.fullName,
			dateSendLeave: e.dateSendLeave && date2Thai(e.dateSendLeave),
			status: e.status,
			statusConvert: convertStatud(e.status),
			isDelete: e.isDelete,
		}))
		rows.value = datalist
	}

	//ฟังก์ชั่นแปลง Status
	function convertStatud(val: string) {
		switch (val) {
			case "NEW":
				return "ใหม่"
			case "PENDING":
				return "กำลังดำเนินการ"
			case "APPROVE":
				return "อนุมัติ"
			case "REJECT":
				return "ไม่อนุมัติ"
			case "DELETE":
				return "ยกเลิก"
		}
	}

	/** ประเภทการลา */
	const typeOptions = ref<OptionData[]>([])
	const typeId = ref<string | undefined>("")
	const typeOptionsMain = ref<OptionData[]>([])
	const typeOptionsAdd = ref<OptionData[]>([])
	/** รายการข้อมูลประเภทใบลา */
	const options = ref<OptionData[]>([])
	/**
	 * function เรียกข้อมูลประเภทการลา
	 * @param data ประเภทการลา
	 */
	async function fetchLeaveType(data: TypeLeave[]) {
		typeOptionsMain.value = [{ id: "00000000-0000-0000-0000-000000000000", name: "ทั้งหมด", code: "LV-000" }]
		const optionType = data.map((e: TypeLeave) => ({
			id: e.id,
			name: e.name,
			code: e.code,
		}))
		typeOptionsMain.value.push(...optionType)
		typeOptions.value = typeOptionsMain.value
		console.log(typeOptions.value)

		typeOptionsAdd.value.push(...optionType)
		options.value = typeOptionsAdd.value
		console.log(options.value)
	}

	/** สถานะของการลา */
	const statusOptionsMain = ref<any[]>([
		{ id: "ALL", name: "ทั้งหมด" },
		{ id: "NEW ", name: "ใหม่" },
		{ id: "PENDING ", name: "กำลังดำเนินการ" },
		{ id: "APPROVE ", name: "อนุมัติ " },
		{ id: "REJECT ", name: "ไม่อนุมัติ" },
		{ id: "DELETE  ", name: "ยกเลิก" },
	])
	const statusOptions = ref<any[]>(statusOptionsMain.value)

	/**
	 * function ต้นหาข้อมูลของ Option
	 * @param val ค่าที่ต้องการฟิลเตอร์
	 * @param update  อัพเดทค่า
	 * @param refData ดาต้าที่ต้องการฟิลเตอร์
	 */
	function filterOption(val: any, update: Function, refData: string) {
		switch (refData) {
			case "LeaveTypeOption":
				update(() => {
					typeOptions.value = typeOptionsMain.value.filter((v: any) => v.name.indexOf(val) > -1)
				})
				break
			case "LeaveStatusOption":
				update(() => {
					statusOptions.value = statusOptionsMain.value.filter((v: any) => v.name.indexOf(val) > -1)
				})
				break
			default:
				break
		}
	}
	/** รายการประเภทการลาของ ลาไปศึกษา ฝึกอบรม ปฎิบัติการวิจัย หรือดูงาน*/
	const optionsSpecific = ref([
		{ id: "s0", name: "ลาไปศึกษาต่อ", code: "s0" },
		{ id: "s1", name: "ลาฝึกอบรม", code: "s1" },
		{ id: "s2", name: "ลาปฎิบัติการวิจัย", code: "s2" },
		{ id: "s3", name: "ลาดูงาน", code: "s3" },
	])

	/** รายการประเภทการลาของ ลาอุปสมบทหรือลาประกอบพิธีฮัจย์ฯ*/
	const optionsOrdination = ref([
		{ id: "0", name: "ลาอุปสมบท", code: "0" },
		{ id: "1", name: "ลาประกอบพิธีฮัจย์ฯ", code: "1" },
	])

	/** data table filter & column ของรายการลา */
	const visibleColumns = ref<String[]>(["no", "leaveTypeName", "dateSendLeave", "status"])
	const columns = ref<QTableProps["columns"]>([
		{
			name: "no",
			align: "left",
			label: "ลำดับ",
			sortable: true,
			field: "no",
			headerStyle: "font-size: 14px",
			style: "font-size: 14px; width:5%;",
		},
		{
			name: "leaveTypeName",
			align: "left",
			label: "ประเภทการลา",
			sortable: true,
			field: "leaveTypeName",
			headerStyle: "font-size: 14px",
			style: "font-size: 14px; width:15%;",
		},
		{
			name: "dateSendLeave",
			align: "left",
			label: "วันที่ยื่นใบลา",
			sortable: true,
			field: "dateSendLeave",
			headerStyle: "font-size: 14px",
			style: "font-size: 14px; width:15%;",
		},
		{
			name: "status",
			align: "left",
			label: "สถานะ",
			sortable: true,
			field: "status",
			headerStyle: "font-size: 14px",
			style: "font-size: 14px; width:10%;",
		},
	])
	/**
	 *ฟังก์ชั่นแปลงประเภทแบบฟอร์มลา
	 * @param item ประเภทแบบฟอร์ม
	 * @param subitem ประเภทแบบฟอร์มย่อย
	 */
	function typeConvert(item: string, subitem: any) {
		// console.log('first',item)
		if (item !== "LV-006" && item !== "LV-008") {
			typeLeave.value = convertSubtitle(item)
		} else if (item === "LV-006") {
			typeLeave.value = convertSubtitleInfo(subitem)
		} else if (item === "LV-008") {
			typeLeave.value = convertSubtitleInfo2(subitem)
		}
		typeId.value = convertId(item)
		console.log(typeId.value)
	}

	/**
	 *ฟังก์ชั่นแปลงประเภทแบบฟอร์มลา ลาอุปสมบท/ลาประกอบพิธีฮัจย์
	 * @param val ค่า string
	 * @returns ส่งค่าที่แปลงแล้ว
	 */
	function convertSubtitle(val: string) {
		return options.value.find(x => x.id == val)?.name
	}

	/**
	 *ฟังก์ชั่นแปลงประเภทแบบฟอร์มลา ลาอุปสมบท/ลาประกอบพิธีฮัจย์ ย่อย
	 * @param val ค่า string
	 * @returns ส่งค่าที่แปลงแล้ว
	 */
	function convertSubtitleInfo(val: string) {
		return optionsOrdination.value.find(x => x.id == val)?.name
	}

	/**
	 *ฟังก์ชั่นแปลง ลาไปศึกษา ฝึกอบรม ปฎิบัติการวิจัย หรือดูงาน
	 * @param val ค่า string
	 * @returns ส่งค่าที่แปลงแล้ว
	 */
	function convertSubtitleInfo2(val: string) {
		return optionsSpecific.value.find(x => x.id == val)?.name
	}

	/**
	 *ฟังก์ชั่นหา id จาก api
	 * @param val ค่า string
	 * @returns ส่งค่าที่แปลงแล้ว
	 */
	function convertId(val: string) {
		return options.value.find(x => x.code == val)?.id
	}

	//ดึงข้อมูล profile จาก API
	async function fetchProfile() {
		console.log("profile")
		await http
			.post(config.API.leaveProfile(), { type: typeId.value })
			.then((res: any) => {
				const data = res.data.result
				console.log(data.va)
			})
			.catch((e: any) => {
				messageError($q, e)
			})
	}

	return {
		tabValue,
		typeOptions,
		optionsSpecific,
		statusOptions,

		visibleColumns,
		columns,
		rows,
		LeaveType,
		LeaveStatus,

		fiscalYearyear,
		options,
		optionsOrdination,
		typeConvert,
		typeLeave,
		typeId,

		fetchListLeave,
		fetchLeaveType,
		filterOption,
		fetchProfile,
	}
})