AOKB/onboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

nothing

Browse Source
This commit is contained in:
brusnitsyn
2026-02-20 17:28:16 +09:00
parent 94e374c32b
commit 52a80ccd3b
41 changed files with 2555 additions and 206 deletions
Download Patch File Download Diff File Expand all files Collapse all files

183
resources/js/Pages/Statistic/Index.vue
View File

@@ -1,9 +1,12 @@
<script setup>
import {NDataTable, NFlex, NText, NDatePicker} from 'naive-ui'
import {NDataTable, NFlex, NText, NDatePicker, NBadge, NIcon, NPopover, NTag, NSpace} from 'naive-ui'
import AppLayout from "../../Layouts/AppLayout.vue";
import {h, ref} from "vue";
import DatePickerQuery from "../../Components/DatePickerQuery.vue";
import {Link, usePage} from "@inertiajs/vue3";
import {TbAlertCircle, TbEye} from "vue-icons-plus/tb";
import ModalUnwantedEvents from "./Components/ModalUnwantedEvents.vue";
import ModalObservablePatients from "./Components/ModalObservablePatients.vue";
const props = defineProps({
data: {
@@ -37,7 +40,7 @@ const columns = ref([
}
if (row.isTotalRow) {
return h(NText, { style: 'font-weight: 600;' }, row.department)
return row.department
}
// Получаем текущие query параметры
@@ -46,8 +49,10 @@ const columns = ref([
const searchParams = currentUrl.searchParams
// Берем startAt и endAt из текущего URL
const startAt = searchParams.get('startAt')
const endAt = searchParams.get('endAt')
const propsStartAt = Array.isArray(props.date) ? props.date[0] : props.date
const propsEndAt = Array.isArray(props.date) ? props.date[1] : props.date
const startAt = searchParams.get('startAt') ?? propsStartAt
const endAt = searchParams.get('endAt') ?? propsEndAt
const linkData = {}
@@ -56,11 +61,53 @@ const columns = ref([
if (endAt)
linkData.endAt = endAt
return h(Link, {
href: `/report`,
data: linkData,
class: 'underline decoration-dashed'
}, row.department)
return h(NFlex, {align: 'center', justify: 'start'}, [
h(NBadge, {
dot: true,
type: row.isReportToday ? 'success' : 'error'
}),
h(Link, {
href: `/report`,
data: linkData,
class: 'underline decoration-dashed'
}, row.department),
h(NSpace, {align: 'center', size: 'small'}, [
h(NPopover, {
trigger: 'hover',
}, {
trigger: h(NTag, {
round: true,
size: 'small',
bordered: false,
class: 'cursor-pointer!',
onClick: () => onShowUnwantedEventsModal(row.department_id)
}, {
icon: h(NIcon, { }, {
default: () => h(TbAlertCircle)
}),
default: row.countUnwanted
}),
default: 'Нежелательные события'
}),
h(NPopover, {
trigger: 'hover',
}, {
trigger: h(NTag, {
round: true,
size: 'small',
bordered: false,
class: 'cursor-pointer!',
onClick: () => onShowObservablePatientsModal(row.department_id)
}, {
icon: h(NIcon, { }, {
default: () => h(TbEye)
}),
default: row.countObservable
}),
default: 'Пациенты на контроле'
}),
])
])
}
},
{
@@ -69,13 +116,6 @@ const columns = ref([
width: 60,
titleAlign: 'center',
align: 'center',
render: (row) => {
if (row.isTotalRow) {
return h(NText, { style: 'font-weight: 600;' }, row.beds)
} else {
return h(NText, { }, row.beds)
}
}
},
{
title: 'Поступило',
@@ -88,13 +128,6 @@ const columns = ref([
width: 60,
titleAlign: 'center',
align: 'center',
render: (row) => {
if (row.isTotalRow) {
return h(NText, { style: 'font-weight: 600;' }, row.recipients.all)
} else {
return h(NText, { }, row.recipients.all)
}
}
},
{
title: 'План',
@@ -102,13 +135,6 @@ const columns = ref([
width: 60,
titleAlign: 'center',
align: 'center',
render: (row) => {
if (row.isTotalRow) {
return h(NText, { style: 'font-weight: 600;' }, row.recipients.plan)
} else {
return h(NText, { }, row.recipients.plan)
}
}
},
{
title: 'Экстр',
@@ -116,13 +142,6 @@ const columns = ref([
width: 60,
titleAlign: 'center',
align: 'center',
render: (row) => {
if (row.isTotalRow) {
return h(NText, { style: 'font-weight: 600;' }, row.recipients.emergency)
} else {
return h(NText, { }, row.recipients.emergency)
}
}
},
{
title: 'Перевод',
@@ -130,13 +149,6 @@ const columns = ref([
width: 84,
titleAlign: 'center',
align: 'center',
render: (row) => {
if (row.isTotalRow) {
return h(NText, { style: 'font-weight: 600;' }, row.recipients.transferred)
} else {
return h(NText, { }, row.recipients.transferred)
}
}
},
]
},
@@ -146,13 +158,6 @@ const columns = ref([
width: 84,
titleAlign: 'center',
align: 'center',
render: (row) => {
if (row.isTotalRow) {
return h(NText, { style: 'font-weight: 600;' }, row.outcome)
} else {
return h(NText, { }, row.outcome)
}
}
},
{
title: 'Состоит',
@@ -160,13 +165,13 @@ const columns = ref([
width: 84,
titleAlign: 'center',
align: 'center',
render: (row) => {
if (row.isTotalRow) {
return h(NText, { style: 'font-weight: 600;' }, row.consist)
} else {
return h(NText, { }, row.consist)
}
}
},
{
title: 'Ср. койко-день',
key: 'averageBedDays',
width: 44,
titleAlign: 'center',
align: 'center',
},
{
title: '% загруженности',
@@ -174,13 +179,6 @@ const columns = ref([
width: 84,
titleAlign: 'center',
align: 'center',
render: (row) => {
if (row.isTotalRow) {
return h(NText, { style: 'font-weight: 600;' }, row.percentLoadedBeds)
} else {
return h(NText, { }, row.percentLoadedBeds)
}
}
},
{
title: 'Операции',
@@ -193,13 +191,6 @@ const columns = ref([
width: 60,
titleAlign: 'center',
align: 'center',
render: (row) => {
if (row.isTotalRow) {
return h(NText, { style: 'font-weight: 600;' }, row.surgical.emergency)
} else {
return h(NText, { }, row.surgical.emergency)
}
}
},
{
title: 'П',
@@ -207,13 +198,6 @@ const columns = ref([
width: 60,
titleAlign: 'center',
align: 'center',
render: (row) => {
if (row.isTotalRow) {
return h(NText, { style: 'font-weight: 600;' }, row.surgical.plan)
} else {
return h(NText, { }, row.surgical.plan)
}
}
},
]
},
@@ -223,24 +207,41 @@ const columns = ref([
width: 84,
titleAlign: 'center',
align: 'center',
render: (row) => {
if (row.isTotalRow) {
return h(NText, { style: 'font-weight: 600;' }, row.deceased)
} else {
return h(NText, { }, row.deceased)
}
}
},
{
title: 'Мед. персонал',
key: 'countStaff',
width: 84,
titleAlign: 'center',
align: 'center',
},
])
const currentDepartmentId = ref(null)
const showUnwantedEventsModal = ref(false)
const showObservablePatientsModal = ref(false)
const onShowUnwantedEventsModal = (departmentId) => {
currentDepartmentId.value = departmentId
showUnwantedEventsModal.value = true
}
const onShowObservablePatientsModal = (departmentId) => {
currentDepartmentId.value = departmentId
showObservablePatientsModal.value = true
}
const rowProps = (row) => {
if (row.isGroupHeader) return {
style: `--n-merged-td-color: var(--n-merged-th-color)`
}
if (row.isTotalRow) return {
style: `--n-merged-td-color: var(--n-merged-th-color); --n-text-color: var(--n-th-icon-color-active);`
style: `--n-merged-td-color: var(--n-merged-th-color);`
}
}
const rowClassName = (row) => {
if (row.isTotalRow)
return `total-row`
}
</script>
<template>
@@ -256,9 +257,12 @@ const rowProps = (row) => {
min-height="calc(100vh - 48px - 70px)"
max-height="calc(100vh - 48px - 70px)"
:row-props="rowProps"
:row-class-name="rowClassName"
>
</NDataTable>
<ModalUnwantedEvents v-model:open="showUnwantedEventsModal" :start-at="date[0]" :end-at="date[1]" :department-id="currentDepartmentId" />
<ModalObservablePatients v-model:open="showObservablePatientsModal" :start-at="date[0]" :end-at="date[1]" :department-id="currentDepartmentId" />
</AppLayout>
</template>
@@ -267,4 +271,9 @@ const rowProps = (row) => {
:deep(.n-data-table-td) {
font-size: var(--n-font-size);
}
:deep(.total-row td) {
--n-td-text-color: var(--n-th-icon-color-active);
font-weight: 500;
}
</style>