From 99495f88a9e0ddbce0d1282c3d231dad69709d69 Mon Sep 17 00:00:00 2001
From: brusnitsyn <brusnitsyn@gmail.com>
Date: Wed, 10 Jun 2026 11:17:11 +0900
Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8=D0=BB=20?=
 =?UTF-8?q?=D0=BF=D0=BE=D0=B4=D1=81=D0=BA=D0=B0=D0=B7=D0=BA=D1=83=20=D0=B8?=
 =?UTF-8?q?=20=D0=BE=D1=82=D0=BA=D1=80=D1=8B=D1=82=D0=B8=D0=B5=20=D0=BE?=
 =?UTF-8?q?=D0=BA=D0=BD=D0=B0=20=D0=B2=20=D0=BA=D0=BE=D0=BB=D0=BE=D0=BD?=
 =?UTF-8?q?=D0=BA=D0=B5=20=D1=83=D0=BC=D0=B5=D1=80=D1=88=D0=B8=D1=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Statistic/Components/DeceasedColumn.vue   | 34 +++++++++++++++++++
 resources/js/Pages/Statistic/Index.vue        | 23 +++++++------
 2 files changed, 46 insertions(+), 11 deletions(-)
 create mode 100644 resources/js/Pages/Statistic/Components/DeceasedColumn.vue

diff --git a/resources/js/Pages/Statistic/Components/DeceasedColumn.vue b/resources/js/Pages/Statistic/Components/DeceasedColumn.vue
new file mode 100644
index 0000000..32b332b
--- /dev/null
+++ b/resources/js/Pages/Statistic/Components/DeceasedColumn.vue
@@ -0,0 +1,34 @@
+<script setup>
+import { NTooltip } from 'naive-ui'
+import {TbClick} from 'vue-icons-plus/tb'
+const props = defineProps({
+    isTotalRow: Boolean,
+    value: Number
+})
+const emits = defineEmits(['openModal'])
+
+const handleClick = () => {
+    if (props.isTotalRow) {
+        emits('openModal')
+    }
+}
+</script>
+
+<template>
+    <NTooltip v-if="isTotalRow" placement="top" :arrow="false">
+        <template #trigger>
+            <div class="relative inset-0 flex items-center justify-center cursor-pointer" @click="handleClick">
+                {{ value }}
+                <NIcon class="absolute -right-1 -top-1">
+                    <TbClick size="14" />
+                </NIcon>
+            </div>
+        </template>
+        Кликните на ячейку для просмотра
+    </NTooltip>
+    <span v-else>{{ value }}</span>
+</template>
+
+<style scoped>
+
+</style>
diff --git a/resources/js/Pages/Statistic/Index.vue b/resources/js/Pages/Statistic/Index.vue
index 8eae28f..651b8fc 100644
--- a/resources/js/Pages/Statistic/Index.vue
+++ b/resources/js/Pages/Statistic/Index.vue
@@ -24,6 +24,7 @@ import StatisticRecipientPlanOfYear from "../../Layouts/Components/Statistic/Sta
 import {percentType} from "../../Utils/numbers.js";
 import OutcomeColumn from "./Components/OutcomeColumn.vue";
 import ModalDeathPatients from "./Components/ModalDeathPatients.vue";
+import DeceasedColumn from "./Components/DeceasedColumn.vue";
 
 const props = defineProps({
     data: {
@@ -249,18 +250,18 @@ const columns = ref([
         width: 48,
         titleAlign: 'center',
         align: 'center',
+        cellProps: (row) => ({
+            class: 'relative'
+        }),
         render: (row) => {
-            if (row.isTotalRow) {
-                return h(
-                    'span',
-                    {
-                        onClick: () => onShowDeathPatientsModal()
-                    },
-                    row.deceased
-                )
-            }
-
-            return row.deceased
+            return h(
+                DeceasedColumn,
+                {
+                    isTotalRow: row.isTotalRow,
+                    value: row.deceased,
+                    onOpenModal: () => onShowDeathPatientsModal()
+                },
+            )
         }
     },
     {