125 lines
3.4 KiB
Vue
125 lines
3.4 KiB
Vue
<script setup>
|
||
import {NDataTable, NEllipsis, NTag} from "naive-ui"
|
||
import {computed, h, reactive, ref} from "vue"
|
||
import {useMedicalHistoryFilter} from "../../../Composables/useMedicalHistoryFilter.js";
|
||
import ArchiveHistoryModal from '../ArchiveHistoryModal/Index.vue'
|
||
|
||
const props = defineProps({
|
||
filters: {
|
||
type: Array,
|
||
default: []
|
||
},
|
||
data: {
|
||
type: Array,
|
||
default: []
|
||
},
|
||
maxHeight: {
|
||
type: String,
|
||
default: null
|
||
},
|
||
minHeight: {
|
||
type: String,
|
||
default: null
|
||
},
|
||
})
|
||
|
||
const { isLoading, handlePageChange, handlePageSizeChange, meta } = useMedicalHistoryFilter(props.filters)
|
||
|
||
const archiveStatusColumn = (status) => {
|
||
const tagType = status?.variant ?? 'error'
|
||
const tagText = status?.text ?? 'Нет в архиве'
|
||
console.log(tagType)
|
||
|
||
return h(
|
||
NEllipsis,
|
||
null,
|
||
{
|
||
default: () => h(NTag, {type: tagType, round: true, size: 'small'}, tagText)
|
||
})
|
||
}
|
||
|
||
const columns = ref([
|
||
{
|
||
title: '№ карты',
|
||
key: 'medcardnum',
|
||
width: 100,
|
||
render: (row) => h(NEllipsis, null, { default: () => row.medcardnum })
|
||
},
|
||
{
|
||
title: 'ФИО',
|
||
key: 'fullname',
|
||
width: 250,
|
||
render: (row) => h(NEllipsis, null, { default: () => row.fullname })
|
||
},
|
||
{
|
||
title: 'Дата рождения',
|
||
key: 'dr',
|
||
width: 130,
|
||
render: (row) => h(NEllipsis, null, { default: () => row.dr })
|
||
},
|
||
{
|
||
title: 'Дата поступления',
|
||
key: 'daterecipient',
|
||
width: 150,
|
||
render: (row) => h(NEllipsis, null, { default: () => row.daterecipient })
|
||
},
|
||
{
|
||
title: 'Дата выписки',
|
||
key: 'dateextract',
|
||
width: 130,
|
||
render: (row) => h(NEllipsis, null, { default: () => row.dateextract })
|
||
},
|
||
{
|
||
title: '№ архива',
|
||
key: 'card_num',
|
||
width: 120,
|
||
render: (row) => h(NEllipsis, null, { default: () => row.card_num || '-' })
|
||
},
|
||
{
|
||
title: 'Дата архива',
|
||
key: 'datearhiv',
|
||
width: 130,
|
||
render: (row) => h(NEllipsis, null, { default: () => row.datearhiv })
|
||
},
|
||
{
|
||
title: 'Статус',
|
||
key: 'status',
|
||
width: 100,
|
||
render: (row) => archiveStatusColumn(row.status)
|
||
}
|
||
])
|
||
const showArchiveHistoryModal = ref(false)
|
||
const selectedPatientId = ref(null)
|
||
const rowProps = (row) => ({
|
||
onDblclick: () => {
|
||
selectedPatientId.value = row.id
|
||
showArchiveHistoryModal.value = true
|
||
}
|
||
})
|
||
|
||
const pagination = computed(() => ({
|
||
page: meta.value.current_page || 1,
|
||
pageCount: meta.value.last_page || 1,
|
||
pageSize: meta.value.per_page || 15,
|
||
itemCount: meta.value.total || 0,
|
||
pageSizes: [15, 50, 100],
|
||
showSizePicker: true,
|
||
prefix({ itemCount }) {
|
||
return `Всего карт ${itemCount}.`
|
||
},
|
||
onUpdatePage: (page) => {
|
||
handlePageChange(page)
|
||
},
|
||
onUpdatePageSize: handlePageSizeChange
|
||
}))
|
||
</script>
|
||
|
||
<template>
|
||
<NDataTable remote striped :loading="isLoading" :row-props="rowProps" :columns="columns" :pagination="pagination" :max-height="maxHeight" size="small" :min-height="minHeight" :data="data" />
|
||
<ArchiveHistoryModal v-model:open="showArchiveHistoryModal" :patient-id="selectedPatientId" />
|
||
</template>
|
||
|
||
<style scoped>
|
||
|
||
</style>
|