From 339e4f5bb5009301590666b1f74e19e0276451ca Mon Sep 17 00:00:00 2001
From: brusnitsyn <brusnitsyn@gmail.com>
Date: Tue, 2 Jun 2026 08:57:35 +0900
Subject: [PATCH] =?UTF-8?q?=D0=98=D1=81=D0=BF=D1=80=D0=B0=D0=B2=D0=BB?=
 =?UTF-8?q?=D0=B5=D0=BD=D0=B0=20=D0=BF=D0=BE=D0=B4=D1=81=D0=BA=D0=B0=D0=B7?=
 =?UTF-8?q?=D0=BA=D0=B0=20=D0=B4=D0=BB=D1=8F=20=D0=BF=D0=BB=D0=B0=D0=BD?=
 =?UTF-8?q?=D0=B0=20=D0=B2=20=D1=81=D1=82=D0=B0=D1=82=D0=B8=D1=81=D1=82?=
 =?UTF-8?q?=D0=B8=D0=BA=D0=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../js/Pages/Statistic/Components/OutcomeColumn.vue    |  6 +++---
 resources/js/Utils/numbers.js                          | 10 ++++++++++
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/resources/js/Pages/Statistic/Components/OutcomeColumn.vue b/resources/js/Pages/Statistic/Components/OutcomeColumn.vue
index 8303f06..006116f 100644
--- a/resources/js/Pages/Statistic/Components/OutcomeColumn.vue
+++ b/resources/js/Pages/Statistic/Components/OutcomeColumn.vue
@@ -1,6 +1,6 @@
 <script setup>
 import {NFlex, NTag, NTooltip} from 'naive-ui'
-import {percentType} from "../../../Utils/numbers.js";
+import {percentType, typePlan} from "../../../Utils/numbers.js";
 
 const props = defineProps({
     isTotalRow: {
@@ -33,7 +33,7 @@ const props = defineProps({
                   :arrow="false"
         >
             <template #trigger>
-                <NTag
+                <NTag :type="typePlan(planOfYear, needCompletedToPlan)"
                     round
                     :bordered="false"
                     size="tiny"
@@ -42,7 +42,7 @@ const props = defineProps({
                     {{ needCompletedToPlan }}
                 </NTag>
             </template>
-            Требуется выписать для выполнения плана
+            Требуется выписать в текущем месяце
         </NTooltip>
         <div>
             {{ value }}
diff --git a/resources/js/Utils/numbers.js b/resources/js/Utils/numbers.js
index ab433db..caf826f 100644
--- a/resources/js/Utils/numbers.js
+++ b/resources/js/Utils/numbers.js
@@ -11,3 +11,13 @@ export const percentType = (number) => {
     if (number >= 50 && number < 80) return 'warning' // Плохо
     if (number >= 80) return 'success' // Хорошо
 }
+
+export const typePlan = (plan, completed) => {
+    if (!Number(plan) || !Number(completed)) return
+
+    const percentPlan = (completed / plan) * 100
+
+    if (percentPlan < 20) return 'success' // Ужасно
+    if (percentPlan >= 20 && percentPlan < 80) return 'warning' // Плохо
+    if (percentPlan >= 80) return 'error' // Хорошо
+}