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 @@ + + + + + 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() + }, + ) } }, {