diff --git a/src/components/analytics/AnalyticsView.vue b/src/components/analytics/AnalyticsView.vue index 82c2700..13190a9 100644 --- a/src/components/analytics/AnalyticsView.vue +++ b/src/components/analytics/AnalyticsView.vue @@ -5,11 +5,7 @@ import {getCategories, getCategoriesSumsRequest} from "@/services/categoryServic import DataTable from "primevue/datatable"; import Column from "primevue/column"; import Chart from "primevue/chart"; -import Listbox from "primevue/listbox"; -import Select from "primevue/select"; -import InputText from "primevue/inputtext"; -import IconField from "primevue/iconfield" -import InputIcon from "primevue/inputicon"; + import Accordion from "primevue/accordion"; import AccordionPanel from "primevue/accordionpanel"; import AccordionHeader from "primevue/accordionheader"; @@ -145,7 +141,7 @@ const prepareTableData = (categories) => { ...allDates.map((dateStr) => ({field: dateStr, header: dateStr})), {field: "avg", header: "Среднее"}, ]; - console.log(tableColumns.value[0].field); + // console.log(tableColumns.value[0].field); const sums = {} // 4. Формируем строки (для каждой категории) const rows = categories.map((category) => { @@ -180,12 +176,12 @@ const prepareTableData = (categories) => { let previousSum = 0; Object.keys(sums).forEach(key => { - console.log(previousSum) + // console.log(previousSum) let difference = previousSum != 0 ? ((sums[key] - previousSum) / previousSum) * 100 : 0 if (sums[key] != previousSum) { previousSum = sums[key]; } - let color = "" + let color: string if (difference > 0) { color = "text-red-500" } else color = "text-green-600" @@ -207,7 +203,7 @@ const fetchCategoriesSums = async () => { }) }) categories.value = data.data; - console.log(categories.value); + // console.log(categories.value); dataTableCategories.value = prepareTableData(data.data); @@ -239,9 +235,7 @@ onMounted(async () => { График - - - +
@@ -291,7 +285,7 @@ onMounted(async () => { { justify-content: center; } -.p-listbox { - //height: 80% !important; -} - -.p-listbox-list-container { - //height: 100% !important; - //max-height: 90% !important; -} - -.p-chart { - //width: 100% !important; - overflow: auto; -}