| | |
|---|
| | | import PanelHeader from './PanelHeader.vue' |
|---|
| | | import { unqualifiedProductProcessingAnalysis } from '@/api/viewIndex.js' |
|---|
| | | import { useChartBackground } from '@/hooks/useChartBackground.js' |
|---|
| | | import { usePolling } from '@/hooks/usePolling.js' |
|---|
| | | |
|---|
| | | const pieWrapperRef = ref(null) |
|---|
| | | const pieBackgroundRef = ref(null) |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | onMounted(() => { |
|---|
| | | loadData() |
|---|
| | | initBackground() |
|---|
| | | }) |
|---|
| | | |
|---|
| | | onBeforeUnmount(() => { |
|---|
| | | cleanupBackground() |
|---|
| | | }) |
|---|
| | | |
|---|
| | | // 启动轮询，每分钟刷新一次数据 |
|---|
| | | usePolling(loadData) |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style scoped> |
|---|
| | |
|---|
| | | border: 1px solid #1a58b0; |
|---|
| | | padding: 18px; |
|---|
| | | width: 100%; |
|---|
| | | height: 420px; |
|---|
| | | height: 449px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .pie-chart-wrapper { |
|---|
