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

Профиль хирургии

Browse Source
This commit is contained in:
brusnitsyn
2026-03-25 17:37:32 +09:00
parent 52a80ccd3b
commit f566ab96df
75 changed files with 3841 additions and 1009 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
resources/js/Pages/Report/Components/ReportFormInput.vue
View File

@@ -1,5 +1,5 @@
<script setup>
import {NCard, NSkeleton, NSpace, NFlex, NFormItem, NForm, NInputNumber, NStatistic} from "naive-ui";
import {NCard, NSkeleton, NSpace, NFlex, NFormItem, NForm, NInputNumber, NStatistic, NNumberAnimation} from "naive-ui";
import {useReportStore} from "../../../Stores/report.js";
import {useAuthStore} from "../../../Stores/auth.js";
import {computed, onMounted, ref, watch} from "vue";
@@ -58,17 +58,20 @@ watch(() => formRef.value, (nv) => {
</NForm>
</NCard>
<NSpace :wrap="false">
<NCard class="min-w-[120px] max-w-[120px] min-h-[100px] max-h-[102px] h-full"
<NCard class="min-w-[120px] min-h-[100px] max-h-[102px] h-full"
style="--n-padding-top: 0; --n-padding-left: 0; --n-padding-bottom: 0; --n-padding-right: 0;"
>
<div class="w-full h-full flex flex items-center justify-center">
<NStatistic label="Умерло" :value="reportStore.reportInfo?.department?.deadCount" />
<NStatistic label="Умерло">
<NNumberAnimation :from="0" :to="reportStore.reportInfo?.department?.deadCount" />
</NStatistic>
</div>
</NCard>
<NCard class="min-w-[120px] max-w-[120px] min-h-[100px] max-h-[102px] h-full"
<NCard class="min-w-[120px] min-h-[100px] max-h-[102px] h-full"
style="--n-padding-top: 0; --n-padding-bottom: 0; --n-padding-left: 8px; --n-padding-right: 8px;">
<div class="w-full h-full flex flex items-center justify-center">
<NStatistic :value="reportStore.reportInfo.department.percentDead">
<NStatistic>
<NNumberAnimation :from="0" :to="reportStore.reportInfo?.department?.percentDead" />
<template #label>
<div class="flex flex-col">
<span>Летальность</span>
@@ -78,10 +81,11 @@ watch(() => formRef.value, (nv) => {
</NStatistic>
</div>
</NCard>
<NCard class="min-w-[120px] max-w-[120px] min-h-[100px] max-h-[102px] h-full"
<NCard class="min-w-[120px] min-h-[100px] max-h-[102px] h-full"
style="--n-padding-top: 0; --n-padding-bottom: 0; --n-padding-left: 8px; --n-padding-right: 8px;">
<div class="w-full h-full flex flex items-center justify-center">
<NStatistic :value="reportStore.reportInfo?.department?.surgicalCount[1]">
<NStatistic>
<NNumberAnimation :from="0" :to="reportStore.reportInfo?.department?.surgicalCount[1]" />
<template #label>
<div class="flex flex-col">
<span>Операций</span>
@@ -89,7 +93,7 @@ watch(() => formRef.value, (nv) => {
</div>
</template>
<template #suffix>
/ {{ reportStore.reportInfo?.department?.surgicalCount[0] }}
/ <NNumberAnimation :from="0" :to="reportStore.reportInfo?.department?.surgicalCount[0]" />
</template>
</NStatistic>
</div>