| | |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | <PanelHeader title="销售品分布" /> |
|---|
| | | <PanelHeader title="销售品分布" to="/salesManagement/salesLedger" /> |
|---|
| | | <div class="main-panel panel-item-customers"> |
|---|
| | | <CarouselCards :items="cardItems" :visible-count="3" /> |
|---|
| | | <div class="pie-chart-wrapper" ref="pieWrapperRef"> |
|---|
| | |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script setup> |
|---|
| | | import { ref, onMounted, onBeforeUnmount, computed } from 'vue' |
|---|
| | | import { ref, onMounted, onBeforeUnmount, computed, inject, watch } from 'vue' |
|---|
| | | import { productSalesAnalysis } from '@/api/viewIndex.js' |
|---|
| | | import PanelHeader from './PanelHeader.vue' |
|---|
| | | import CarouselCards from './CarouselCards.vue' |
|---|
| | |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | |
|---|
| | | const dataDashboardRefreshTick = inject('dataDashboardRefreshTick', null) |
|---|
| | | if (dataDashboardRefreshTick) { |
|---|
| | | watch(dataDashboardRefreshTick, () => { |
|---|
| | | fetchData() |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | |
|---|
| | | onMounted(() => { |
|---|
| | | fetchData() |
|---|
| | | initBackground() |
|---|
