603 lines
19 KiB
TypeScript
603 lines
19 KiB
TypeScript
import { ref, reactive, computed } from 'vue'
|
|
import { useRoute } from 'vue-router'
|
|
|
|
// Components
|
|
import { toast } from '~/components/pub/ui/toast'
|
|
|
|
// Models
|
|
import type { TreeItem } from '~/components/pub/my-ui/select-tree/type'
|
|
import type { DataTableLoader } from '~/components/pub/my-ui/data-table/type'
|
|
import { paymentTypes, sepRefTypeCodes, participantGroups } from '~/lib/constants.vclaim'
|
|
|
|
// Stores
|
|
import { useUserStore } from '~/stores/user'
|
|
|
|
// Services
|
|
import {
|
|
getList as getSpecialistList,
|
|
getValueTreeItems as getSpecialistTreeItems,
|
|
} from '~/services/specialist.service'
|
|
import { getValueLabelList as getDoctorValueLabelList } from '~/services/doctor.service'
|
|
import {
|
|
create as createEncounter,
|
|
getDetail as getEncounterDetail,
|
|
update as updateEncounter,
|
|
} from '~/services/encounter.service'
|
|
import { getList as getSepList } from '~/services/vclaim-sep.service'
|
|
|
|
// Handlers
|
|
import {
|
|
patients,
|
|
selectedPatient,
|
|
selectedPatientObject,
|
|
paginationMeta,
|
|
getPatientsList,
|
|
getPatientCurrent,
|
|
getPatientByIdentifierSearch,
|
|
} from '~/handlers/patient.handler'
|
|
|
|
export function useEncounterEntry(props: {
|
|
id: number
|
|
classCode?: 'ambulatory' | 'emergency' | 'inpatient' | 'outpatient'
|
|
subClassCode?: 'reg' | 'rehab' | 'chemo' | 'emg' | 'eon' | 'op' | 'icu' | 'hcu' | 'vk'
|
|
}) {
|
|
const route = useRoute()
|
|
const userStore = useUserStore()
|
|
const openPatient = ref(false)
|
|
const isLoading = reactive<DataTableLoader>({
|
|
isTableLoading: false,
|
|
})
|
|
const paymentsList = ref<Array<{ value: string; label: string }>>([])
|
|
const sepsList = ref<Array<{ value: string; label: string }>>([])
|
|
const participantGroupsList = ref<Array<{ value: string; label: string }>>([])
|
|
const specialistsTree = ref<TreeItem[]>([])
|
|
const specialistsData = ref<any[]>([])
|
|
const doctorsList = ref<Array<{ value: string; label: string }>>([])
|
|
const recSelectId = ref<number | null>(null)
|
|
const isSaving = ref(false)
|
|
const isLoadingDetail = ref(false)
|
|
const encounterData = ref<any>(null)
|
|
const formObjects = ref<any>({})
|
|
const isSepValid = ref(false)
|
|
const isCheckingSep = ref(false)
|
|
const sepNumber = ref('')
|
|
const vclaimReference = ref<any>(null)
|
|
|
|
const isEditMode = computed(() => props.id > 0)
|
|
|
|
const isSaveDisabled = computed(() => {
|
|
return !selectedPatient.value || !selectedPatientObject.value || isSaving.value || isLoadingDetail.value
|
|
})
|
|
|
|
function getListPath(): string {
|
|
if (props.classCode === 'ambulatory' && props.subClassCode === 'rehab') {
|
|
return '/rehab/encounter'
|
|
}
|
|
if (props.classCode === 'ambulatory' && props.subClassCode === 'reg') {
|
|
return '/outpatient/encounter'
|
|
}
|
|
if (props.classCode === 'emergency') {
|
|
return '/emergency/encounter'
|
|
}
|
|
if (props.classCode === 'inpatient') {
|
|
return '/inpatient/encounter'
|
|
}
|
|
return '/encounter'
|
|
}
|
|
|
|
function toKebabCase(str: string): string {
|
|
return str.replace(/([A-Z])/g, '-$1').toLowerCase()
|
|
}
|
|
|
|
function toNavigateSep(values: any) {
|
|
const queryParams = new URLSearchParams()
|
|
if (values['subSpecialistCode']) {
|
|
const isSub = getIsSubspecialist(values['subSpecialistCode'], specialistsTree.value)
|
|
if (!isSub) {
|
|
values['specialistCode'] = values['subSpecialistCode']
|
|
delete values['subSpecialistCode']
|
|
}
|
|
}
|
|
|
|
Object.keys(values).forEach((field) => {
|
|
if (values[field]) {
|
|
queryParams.append(toKebabCase(field), values[field])
|
|
}
|
|
})
|
|
|
|
navigateTo('/integration/bpjs-vclaim/sep/add' + `?${queryParams.toString()}`)
|
|
}
|
|
|
|
function getIsSubspecialist(value: string, items: TreeItem[]): boolean {
|
|
for (const item of items) {
|
|
if (item.value === value) {
|
|
return false
|
|
}
|
|
if (item.children) {
|
|
for (const child of item.children) {
|
|
if (child.value === value) {
|
|
return true
|
|
}
|
|
}
|
|
}
|
|
}
|
|
return false
|
|
}
|
|
|
|
function getSpecialistCodeFromId(id: number | null | undefined): string | null {
|
|
if (!id) return null
|
|
|
|
if (encounterData.value?.specialist?.id === id) {
|
|
return encounterData.value.specialist.code || null
|
|
}
|
|
|
|
for (const specialist of specialistsData.value) {
|
|
if (specialist.id === id) {
|
|
return specialist.code || null
|
|
}
|
|
if (specialist.subspecialists && Array.isArray(specialist.subspecialists)) {
|
|
for (const subspecialist of specialist.subspecialists) {
|
|
if (subspecialist.id === id) {
|
|
return subspecialist.code || null
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
return null
|
|
}
|
|
|
|
function getSubspecialistCodeFromId(id: number | null | undefined): string | null {
|
|
if (!id) return null
|
|
|
|
if (encounterData.value?.subspecialist?.id === id) {
|
|
return encounterData.value.subspecialist.code || null
|
|
}
|
|
|
|
for (const specialist of specialistsData.value) {
|
|
if (specialist.subspecialists && Array.isArray(specialist.subspecialists)) {
|
|
for (const subspecialist of specialist.subspecialists) {
|
|
if (subspecialist.id === id) {
|
|
return subspecialist.code || null
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
return null
|
|
}
|
|
|
|
function getSpecialistIdsFromCode(code: string): { specialist_id: number | null; subspecialist_id: number | null } {
|
|
if (!code) {
|
|
return { specialist_id: null, subspecialist_id: null }
|
|
}
|
|
|
|
const isSub = getIsSubspecialist(code, specialistsTree.value)
|
|
|
|
if (isSub) {
|
|
for (const specialist of specialistsData.value) {
|
|
if (specialist.subspecialists && Array.isArray(specialist.subspecialists)) {
|
|
for (const subspecialist of specialist.subspecialists) {
|
|
if (subspecialist.code === code) {
|
|
return {
|
|
specialist_id: specialist.id ? Number(specialist.id) : null,
|
|
subspecialist_id: subspecialist.id ? Number(subspecialist.id) : null,
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
} else {
|
|
for (const specialist of specialistsData.value) {
|
|
if (specialist.code === code) {
|
|
return {
|
|
specialist_id: specialist.id ? Number(specialist.id) : null,
|
|
subspecialist_id: null,
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
return { specialist_id: null, subspecialist_id: null }
|
|
}
|
|
|
|
async function getValidateSepNumber(sepNumberValue: string) {
|
|
vclaimReference.value = null
|
|
if (!sepNumberValue || sepNumberValue.trim() === '') {
|
|
isSepValid.value = false
|
|
isCheckingSep.value = false
|
|
return
|
|
}
|
|
|
|
try {
|
|
isSepValid.value = false
|
|
isCheckingSep.value = true
|
|
const result = await getSepList({ number: sepNumberValue.trim() })
|
|
if (result.success && result.body?.response !== null) {
|
|
const response = result.body?.response || {}
|
|
if (Object.keys(response).length > 0) {
|
|
formObjects.value.patientName = response.peserta?.nama || '-'
|
|
formObjects.value.medicalRecordNumber = response.peserta?.noMr || '-'
|
|
formObjects.value.cardNumber = response.peserta?.noKartu || '-'
|
|
formObjects.value.registerDate = response.tglSep || null
|
|
vclaimReference.value = {
|
|
noSep: response.noSep || sepNumberValue.trim(),
|
|
tglRujukan: response.tglSep ? new Date(response.tglSep).toISOString() : null,
|
|
ppkDirujuk: response.noRujukan || 'rssa',
|
|
jnsPelayanan: response.jnsPelayanan === 'Rawat Jalan' ? '2' : response.jnsPelayanan === 'Rawat Inap' ? '1' : null,
|
|
catatan: response.catatan || '',
|
|
diagRujukan: response.diagnosa || '',
|
|
tipeRujukan: response.tujuanKunj?.kode ?? '0',
|
|
poliRujukan: response.poli || '',
|
|
user: '',
|
|
}
|
|
}
|
|
isSepValid.value = result.body?.metaData?.code === '200'
|
|
}
|
|
} catch (error) {
|
|
console.error('Error checking SEP:', error)
|
|
isSepValid.value = false
|
|
} finally {
|
|
isCheckingSep.value = false
|
|
}
|
|
}
|
|
|
|
async function handleFetchSpecialists() {
|
|
try {
|
|
const specialistsResult = await getSpecialistList({ 'page-size': 100, includes: 'subspecialists' })
|
|
if (specialistsResult.success) {
|
|
const specialists = specialistsResult.body?.data || []
|
|
specialistsData.value = specialists
|
|
specialistsTree.value = getSpecialistTreeItems(specialists)
|
|
}
|
|
} catch (error) {
|
|
console.error('Error fetching specialist-subspecialist tree:', error)
|
|
}
|
|
}
|
|
|
|
async function handleFetchDoctors(subSpecialistId: string | null = null) {
|
|
try {
|
|
const filterParams: any = { 'page-size': 100, includes: 'employee-Person' }
|
|
|
|
if (!subSpecialistId) {
|
|
const doctors = await getDoctorValueLabelList(filterParams, true)
|
|
doctorsList.value = doctors
|
|
return
|
|
}
|
|
|
|
const isSub = getIsSubspecialist(subSpecialistId, specialistsTree.value)
|
|
|
|
if (isSub) {
|
|
filterParams['subspecialist-id'] = subSpecialistId
|
|
} else {
|
|
filterParams['specialist-id'] = subSpecialistId
|
|
}
|
|
|
|
const doctors = await getDoctorValueLabelList(filterParams, true)
|
|
doctorsList.value = doctors
|
|
} catch (error) {
|
|
console.error('Error fetching doctors:', error)
|
|
doctorsList.value = []
|
|
}
|
|
}
|
|
|
|
async function handleInit() {
|
|
selectedPatientObject.value = null
|
|
paymentsList.value = Object.keys(paymentTypes).map((item) => ({
|
|
value: item.toString(),
|
|
label: paymentTypes[item],
|
|
})) as any
|
|
sepsList.value = Object.keys(sepRefTypeCodes).map((item) => ({
|
|
value: item.toString(),
|
|
label: sepRefTypeCodes[item],
|
|
})) as any
|
|
participantGroupsList.value = Object.keys(participantGroups).map((item) => ({
|
|
value: item.toString(),
|
|
label: participantGroups[item],
|
|
})) as any
|
|
await handleFetchDoctors()
|
|
await handleFetchSpecialists()
|
|
if (route.query) {
|
|
formObjects.value = { ...formObjects.value }
|
|
const queries = route.query as any
|
|
if (queries['sep-number']) {
|
|
formObjects.value.sepNumber = queries['sep-number']
|
|
formObjects.value.paymentType = 'jkn'
|
|
}
|
|
}
|
|
}
|
|
|
|
async function loadEncounterDetail() {
|
|
if (!isEditMode.value || props.id <= 0) {
|
|
return
|
|
}
|
|
|
|
try {
|
|
isLoadingDetail.value = true
|
|
const result = await getEncounterDetail(props.id, {
|
|
includes: 'patient,patient-person,specialist,subspecialist',
|
|
})
|
|
if (result.success && result.body?.data) {
|
|
encounterData.value = result.body.data
|
|
await mapEncounterToForm(encounterData.value)
|
|
isLoadingDetail.value = false
|
|
} else {
|
|
toast({
|
|
title: 'Gagal',
|
|
description: 'Gagal memuat data kunjungan',
|
|
variant: 'destructive',
|
|
})
|
|
await navigateTo(getListPath())
|
|
}
|
|
} catch (error: any) {
|
|
console.error('Error loading encounter detail:', error)
|
|
toast({
|
|
title: 'Gagal',
|
|
description: error?.message || 'Gagal memuat data kunjungan',
|
|
variant: 'destructive',
|
|
})
|
|
await navigateTo(getListPath())
|
|
} finally {
|
|
isLoadingDetail.value = false
|
|
}
|
|
}
|
|
|
|
async function mapEncounterToForm(encounter: any) {
|
|
if (!encounter) return
|
|
|
|
if (encounter.patient) {
|
|
selectedPatient.value = String(encounter.patient.id)
|
|
selectedPatientObject.value = encounter.patient
|
|
if (!encounter.patient.person) {
|
|
await getPatientCurrent(selectedPatient.value)
|
|
}
|
|
}
|
|
|
|
const formData: any = {}
|
|
if (encounter.patient?.person) {
|
|
formData.patientName = encounter.patient.person.name || ''
|
|
formData.nationalIdentity = encounter.patient.person.residentIdentityNumber || ''
|
|
formData.medicalRecordNumber = encounter.patient.number || ''
|
|
} else if (selectedPatientObject.value?.person) {
|
|
formData.patientName = selectedPatientObject.value.person.name || ''
|
|
formData.nationalIdentity = selectedPatientObject.value.person.residentIdentityNumber || ''
|
|
formData.medicalRecordNumber = selectedPatientObject.value.number || ''
|
|
}
|
|
|
|
const doctorId = encounter.appointment_doctor_id || encounter.responsible_doctor_id
|
|
if (doctorId) {
|
|
formData.doctorId = String(doctorId)
|
|
}
|
|
|
|
if (encounter.subspecialist_id) {
|
|
const subspecialistCode = getSubspecialistCodeFromId(encounter.subspecialist_id)
|
|
if (subspecialistCode) {
|
|
formData.subSpecialistId = subspecialistCode
|
|
}
|
|
} else if (encounter.specialist_id) {
|
|
const specialistCode = getSpecialistCodeFromId(encounter.specialist_id)
|
|
if (specialistCode) {
|
|
formData.subSpecialistId = specialistCode
|
|
}
|
|
}
|
|
|
|
if (!formData.subSpecialistId) {
|
|
if (encounter.subspecialist?.code) {
|
|
formData.subSpecialistId = encounter.subspecialist.code
|
|
} else if (encounter.specialist?.code) {
|
|
formData.subSpecialistId = encounter.specialist.code
|
|
}
|
|
}
|
|
|
|
if (encounter.registeredAt) {
|
|
const date = new Date(encounter.registeredAt)
|
|
formData.registerDate = date.toISOString().split('T')[0]
|
|
} else if (encounter.visitDate) {
|
|
const date = new Date(encounter.visitDate)
|
|
formData.registerDate = date.toISOString().split('T')[0]
|
|
}
|
|
|
|
if (encounter.paymentMethod_code) {
|
|
if (encounter.paymentMethod_code === 'insurance') {
|
|
formData.paymentType = 'jkn'
|
|
} else {
|
|
const validPaymentTypes = ['jkn', 'jkmm', 'spm', 'pks']
|
|
if (validPaymentTypes.includes(encounter.paymentMethod_code)) {
|
|
formData.paymentType = encounter.paymentMethod_code
|
|
} else {
|
|
formData.paymentType = 'spm'
|
|
}
|
|
}
|
|
} else {
|
|
formData.paymentType = 'spm'
|
|
}
|
|
|
|
formData.cardNumber = encounter.member_number || ''
|
|
formData.sepNumber = encounter.ref_number || ''
|
|
formObjects.value = formData
|
|
|
|
if (formData.sepNumber) {
|
|
sepNumber.value = formData.sepNumber
|
|
}
|
|
if (formData.subSpecialistId) {
|
|
await handleFetchDoctors(formData.subSpecialistId)
|
|
}
|
|
}
|
|
|
|
async function handleSaveEncounter(formValues: any) {
|
|
if (!selectedPatient.value || !selectedPatientObject.value) {
|
|
toast({
|
|
title: 'Gagal',
|
|
description: 'Pasien harus dipilih terlebih dahulu',
|
|
variant: 'destructive',
|
|
})
|
|
return
|
|
}
|
|
|
|
try {
|
|
isSaving.value = true
|
|
|
|
const employeeId = userStore.user?.employee_id || userStore.user?.employee?.id || 0
|
|
|
|
const formatDate = (dateString: string): string => {
|
|
if (!dateString) return ''
|
|
const date = new Date(dateString)
|
|
return date.toISOString()
|
|
}
|
|
|
|
const { specialist_id, subspecialist_id } = getSpecialistIdsFromCode(formValues.subSpecialistId || '')
|
|
|
|
const patientId = formValues.patient_id || selectedPatientObject.value?.id || Number(selectedPatient.value)
|
|
|
|
const registeredAtValue = formValues.registeredAt || formValues.registerDate || ''
|
|
const visitDateValue = formValues.visitDate || formValues.registeredAt || formValues.registerDate || ''
|
|
|
|
const payload: any = {
|
|
patient_id: patientId,
|
|
registeredAt: formatDate(registeredAtValue),
|
|
visitDate: formatDate(visitDateValue),
|
|
class_code: formValues.class_code || props.classCode || '',
|
|
subClass_code: formValues.subClass_code || props.subClassCode || '',
|
|
infra_id: formValues.infra_id ?? null,
|
|
unit_id: formValues.unit_id ?? null,
|
|
unit_code: formValues.unit_code ?? null,
|
|
appointment_doctor_code: formValues.appointment_doctor_code || null,
|
|
appointment_doctor_id:
|
|
formValues.appointment_doctor_id ?? (formValues.doctorId ? Number(formValues.doctorId) : null),
|
|
responsible_doctor_id:
|
|
formValues.responsible_doctor_id ?? (formValues.doctorId ? Number(formValues.doctorId) : null),
|
|
appointment_id: formValues.appointment_id ?? null,
|
|
refSource_name: formValues.refSource_name ?? '',
|
|
refTypeCode: formValues.refTypeCode ?? formValues.ref_type_code ?? null,
|
|
vclaimReference: vclaimReference ?? null,
|
|
paymentType: formValues.paymentType,
|
|
}
|
|
|
|
if (employeeId && employeeId > 0) {
|
|
payload.adm_employee_id = employeeId
|
|
}
|
|
|
|
if (specialist_id) {
|
|
payload.specialist_id = specialist_id
|
|
}
|
|
if (subspecialist_id) {
|
|
payload.subspecialist_id = subspecialist_id
|
|
}
|
|
|
|
const memberNumber = formValues.member_number ?? formValues.cardNumber ?? formValues.memberNumber ?? null
|
|
const refNumber = formValues.ref_number ?? formValues.sepNumber ?? formValues.refNumber ?? null
|
|
|
|
let paymentMethodCode = formValues.paymentMethod_code ?? null
|
|
if (!paymentMethodCode) {
|
|
if (formValues.paymentType === 'jkn' || formValues.paymentType === 'jkmm') {
|
|
paymentMethodCode = 'insurance'
|
|
} else if (formValues.paymentType === 'spm') {
|
|
paymentMethodCode = 'cash'
|
|
} else if (formValues.paymentType === 'pks') {
|
|
paymentMethodCode = 'membership'
|
|
} else {
|
|
paymentMethodCode = 'cash'
|
|
}
|
|
}
|
|
|
|
if (paymentMethodCode) {
|
|
payload.paymentMethod_code = paymentMethodCode
|
|
}
|
|
|
|
if (paymentMethodCode === 'insurance') {
|
|
payload.insuranceCompany_id = formValues.insuranceCompany_id ?? null
|
|
if (memberNumber) payload.member_number = memberNumber
|
|
if (refNumber) payload.ref_number = refNumber
|
|
if (formValues.refTypeCode) payload.refTypeCode = formValues.refTypeCode
|
|
if (formValues.vclaimReference) payload.vclaimReference = formValues.vclaimReference
|
|
} else {
|
|
if (paymentMethodCode === 'membership' && memberNumber) {
|
|
payload.member_number = memberNumber
|
|
}
|
|
if (refNumber) {
|
|
payload.ref_number = refNumber
|
|
}
|
|
}
|
|
|
|
if (props.classCode === 'ambulatory') {
|
|
payload.visitMode_code = 'adm'
|
|
payload.allocatedVisitCount = 0
|
|
}
|
|
|
|
let result
|
|
if (isEditMode.value) {
|
|
result = await updateEncounter(props.id, payload)
|
|
} else {
|
|
result = await createEncounter(payload)
|
|
}
|
|
|
|
if (result.success) {
|
|
toast({
|
|
title: 'Berhasil',
|
|
description: isEditMode.value ? 'Kunjungan berhasil diperbarui' : 'Kunjungan berhasil dibuat',
|
|
variant: 'default',
|
|
})
|
|
await navigateTo(getListPath())
|
|
} else {
|
|
const errorMessage =
|
|
result.body?.message || (isEditMode.value ? 'Gagal memperbarui kunjungan' : 'Gagal membuat kunjungan')
|
|
toast({
|
|
title: 'Gagal',
|
|
description: errorMessage,
|
|
variant: 'destructive',
|
|
})
|
|
}
|
|
} catch (error: any) {
|
|
console.error('Error saving encounter:', error)
|
|
toast({
|
|
title: 'Gagal',
|
|
description: error?.message || (isEditMode.value ? 'Gagal memperbarui kunjungan' : 'Gagal membuat kunjungan'),
|
|
variant: 'destructive',
|
|
})
|
|
} finally {
|
|
isSaving.value = false
|
|
}
|
|
}
|
|
|
|
return {
|
|
patients,
|
|
paymentsList,
|
|
sepsList,
|
|
sepNumber,
|
|
participantGroupsList,
|
|
specialistsTree,
|
|
doctorsList,
|
|
recSelectId,
|
|
isSaving,
|
|
isLoadingDetail,
|
|
encounterData,
|
|
formObjects,
|
|
openPatient,
|
|
isSepValid,
|
|
isCheckingSep,
|
|
isEditMode,
|
|
isSaveDisabled,
|
|
isLoading,
|
|
selectedPatient,
|
|
selectedPatientObject,
|
|
paginationMeta,
|
|
loadEncounterDetail,
|
|
mapEncounterToForm,
|
|
toKebabCase,
|
|
toNavigateSep,
|
|
getListPath,
|
|
getSpecialistCodeFromId,
|
|
getSubspecialistCodeFromId,
|
|
getIsSubspecialist,
|
|
getSpecialistIdsFromCode,
|
|
getPatientsList,
|
|
getPatientCurrent,
|
|
getPatientByIdentifierSearch,
|
|
getValidateSepNumber,
|
|
handleFetchSpecialists,
|
|
handleFetchDoctors,
|
|
handleInit,
|
|
handleSaveEncounter,
|
|
}
|
|
}
|