Исправлена подсказка для плана в статистике

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 }}

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' // Хорошо
+}