| | |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script setup> |
|---|
| | | import { ref, onMounted, onBeforeUnmount, computed } from 'vue' |
|---|
| | | import { ref, onMounted, onBeforeUnmount, computed, inject, watch } from 'vue' |
|---|
| | | import Echarts from '@/components/Echarts/echarts.vue' |
|---|
| | | import PanelHeader from './PanelHeader.vue' |
|---|
| | | import CarouselCards from './CarouselCards.vue' |
|---|
| | | import { rawMaterialPurchaseAmountRatio } from '@/api/viewIndex.js' |
|---|
| | | import { useChartBackground } from '@/hooks/useChartBackground.js' |
|---|
| | | |
|---|
| | | const dateRange = inject('psiDateRange', null) |
|---|
| | | |
|---|
| | | const pieWrapperRef = ref(null) |
|---|
| | | const pieBackgroundRef = ref(null) |
|---|
| | |
|---|
| | | }) |
|---|
| | | |
|---|
| | | const fetchData = () => { |
|---|
| | | rawMaterialPurchaseAmountRatio() |
|---|
| | | rawMaterialPurchaseAmountRatio(dateRange?.value || undefined) |
|---|
| | | .then((res) => { |
|---|
| | | if (res.code === 200 && Array.isArray(res.data)) { |
|---|
| | | const items = res.data |
|---|
| | |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | |
|---|
| | | const dataDashboardRefreshTick = inject('dataDashboardRefreshTick', null) |
|---|
| | | if (dataDashboardRefreshTick) { |
|---|
| | | watch(dataDashboardRefreshTick, () => { |
|---|
| | | fetchData() |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | |
|---|
| | | onMounted(() => { |
|---|
| | | fetchData() |
|---|
| | | initBackground() |
|---|
