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

resources/js/Pages/Report/Index.vue

@@ -4,6 +4,8 @@ import ReportForm from "./Components/ReportForm.vue";
 import {useReportStore} from "../../Stores/report.js";
 import {computed, onMounted, watch} from "vue";
 import {useAuthStore} from "../../Stores/auth.js";
+import {NTag, NNumberAnimation} from 'naive-ui'
+import StatisticRecipientPlanOfYear from "../../Layouts/Components/Statistic/StatisticRecipientPlanOfYear.vue";
 
 const props = defineProps({
     department: {
@@ -46,6 +48,7 @@ onMounted(() => {
     reportStore.reportForm.metrika_item_9 = props.department.deadCount
     reportStore.reportForm.metrika_item_10 = props.department.surgicalCount[1]
     reportStore.reportForm.metrika_item_11 = props.department.surgicalCount[0]
+    reportStore.reportForm.metrika_item_17 = props.department.countStaff
 
     reportStore.unwantedEvents = props.report.unwantedEvents
 
@@ -107,10 +110,15 @@ watch(() => props, (newProps) => {
     deep: true, // важно для глубокого отслеживания
     immediate: true // выполнить сразу при создании
 })
+
+
 </script>
 
 <template>
     <AppLayout>
+        <template #headerSuffix>
+            <StatisticRecipientPlanOfYear :plan="reportStore.reportInfo.department.recipientPlanOfYear" :progress="reportStore.reportInfo.department.progressPlanOfYear" />
+        </template>
         <ReportForm :mode />
     </AppLayout>
 </template>