1
0
mirror of https://gitlab.com/MoonTestUse1/AdministrationItDepartmens.git synced 2025-08-14 00:25:46 +02:00

Починка adm7

This commit is contained in:
MoonTestUse1
2025-01-01 21:17:01 +06:00
parent 1194c2c1bd
commit 3295f57070
2 changed files with 19 additions and 17 deletions

View File

@@ -1,30 +1,30 @@
import { ref, computed } from 'vue';
import type { Statistics, StatisticCard } from '@/types/statistics';
import { ref } from 'vue';
interface StatisticCard {
period: string;
label: string;
value: number | string;
}
export function useStatistics() {
const statistics = ref<Statistics | null>(null);
const statisticsCards = computed<StatisticCard[]>(() => {
if (!statistics.value) return [];
return [
{ period: 'total', label: 'Всего заявок', value: statistics.value.totalRequests },
{ period: 'resolved', label: 'Решено', value: statistics.value.resolvedRequests },
{ period: 'avgTime', label: 'Среднее время', value: statistics.value.averageResolutionTime }
];
});
const statisticsCards = ref<StatisticCard[]>([]);
const fetchStatistics = async () => {
try {
const response = await fetch('/api/admin/statistics?period=week');
if (!response.ok) throw new Error('Failed to fetch statistics');
statistics.value = await response.json();
const data = await response.json();
statisticsCards.value = [
{ period: 'total', label: 'Всего заявок', value: data.totalRequests },
{ period: 'resolved', label: 'Решено', value: data.resolvedRequests },
{ period: 'avgTime', label: 'Среднее время', value: data.averageResolutionTime }
];
} catch (error) {
console.error('Error fetching statistics:', error);
}
};
return {
statistics,
statisticsCards,
fetchStatistics
};

View File

@@ -1,3 +1,4 @@
```vue
<template>
<div class="space-y-6">
<div class="flex justify-between items-center">
@@ -44,13 +45,13 @@
</template>
<script setup lang="ts">
import { ref, onMounted } from 'vue';
import { onMounted } from 'vue';
import { useRequests } from '@/composables/useRequests';
import { useStatistics } from '@/composables/useStatistics';
import { getRequestTypeLabel, getStatusLabel } from '@/utils/labels';
const { requests, fetchRequests } = useRequests();
const { statistics, statisticsCards, fetchStatistics } = useStatistics();
const { statisticsCards, fetchStatistics } = useStatistics();
const formatDate = (date: string) => {
return new Date(date).toLocaleString('ru-RU');
@@ -60,4 +61,5 @@ onMounted(() => {
fetchStatistics();
fetchRequests();
});
</script>
</script>
```