onboard/resources/js/Stores/report.js

import {defineStore} from "pinia";
import {useTimestamp} from "@vueuse/core";
import {computed, ref} from "vue";
import {router} from "@inertiajs/vue3";

export const useReportStore = defineStore('reportStore', () => {
    const timestampNow = useTimestamp()

    const _timestampCurrent = ref(null)
    const timestampCurrent = computed({
        get: () => {
            if (_timestampCurrent.value === null)
                return timestampNow.value

            return _timestampCurrent.value
        },
        set: (value) => {
            _timestampCurrent.value = value
        }
    })

    const timestampCurrentRange = ref([null, null])

    const dataOnReport = ref(null)

    const reportInfo = ref(null)
    const isLoadReportInfo = ref(false)

    const patientColumns = [
        {
            title: '№',
            width: '80',
            key: 'num'
        },
        {
            title: 'ФИО',
            width: '320',
            key: 'fullname'
        },
        {
            title: 'Возраст',
            key: 'age'
        },
        {
            title: 'Дата рождения',
            key: 'birth_date'
        },
        {
            title: 'Диагноз',
            key: 'mkb.ds'
        }
    ]

    const patientsData = ref({
        plan: [],
        emergency: [],
        observation: [],
        outcome: []
    })

    const reportForm = ref({})

    // Нежелательные события
    const unwantedEvents = ref([])

    const getColumnsByKey = (keys) => {
        const result = []
        for (const key of keys) {
            const column = patientColumns.find(item => item.key === key)
            result.push(column)
        }

        return result
    }

    const sendReportForm = (assignForm) => {
        const form = {
            metrics: reportForm.value,
            observationPatients: patientsData.value['observation'],
            unwantedEvents: unwantedEvents.value,
            dates: timestampCurrentRange.value,
            ...assignForm
        }

        axios.post('/api/report', form)
            .then(r => {
                window.$message.success('Отчет сохранен')
                resetReportForm()
                router.visit('/')
            })
    }

    const resetReportForm = () => {
        reportForm.value = {}
        unwantedEvents.value = []
        patientsData.value.observation = []
    }

    const $reset = () => {

    }

    const getReportInfo = async () => {
        isLoadReportInfo.value = true
        await axios.get('/api/report')
            .then((res) => {
                reportInfo.value = res.data

                reportForm.value.metrika_item_3 = reportInfo.value.department?.recipientCount
                reportForm.value.metrika_item_7 = reportInfo.value.department?.extractCount
                reportForm.value.metrika_item_8 = reportInfo.value.department?.currentCount

                unwantedEvents.value = reportInfo.value.report.unwantedEvents

                timestampCurrentRange.value = [
                    reportInfo.value.dates.startAt,
                    reportInfo.value.dates.endAt,
                ]
            })
            .finally(() => {
                isLoadReportInfo.value = false
            })
    }

    const getDataOnReportDate = async (dateRange) => {
        isLoadReportInfo.value = true
        timestampCurrentRange.value = dateRange
        await axios.get(`/api/report?startAt=${timestampCurrentRange.value[0]}&endAt=${timestampCurrentRange.value[1]}`)
            .then((res) => {
                reportInfo.value = res.data

                reportForm.value.metrika_item_3 = reportInfo.value.department?.recipientCount
                reportForm.value.metrika_item_7 = reportInfo.value.department?.extractCount
                reportForm.value.metrika_item_8 = reportInfo.value.department?.currentCount

                unwantedEvents.value = reportInfo.value.report.unwantedEvents

                timestampCurrentRange.value = [
                    reportInfo.value.dates.startAt,
                    reportInfo.value.dates.endAt,
                ]
            })
            .finally(() => {
                isLoadReportInfo.value = false
            })
    }

    return {
        timestampNow,
        timestampCurrent,
        timestampCurrentRange,
        isLoadReportInfo,
        dataOnReport,
        patientColumns,
        patientsData,
        reportInfo,
        reportForm,
        unwantedEvents,

        getColumnsByKey,
        getDataOnReportDate,
        getReportInfo,
        sendReportForm,
        resetReportForm,
    }
})