| | |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script setup> |
|---|
| | | import { ref, onMounted } from 'vue' |
|---|
| | | import { ref } from 'vue' |
|---|
| | | import Echarts from '@/components/Echarts/echarts.vue' |
|---|
| | | import PanelHeader from './PanelHeader.vue' |
|---|
| | | import { profitTrendAnalysis } from '@/api/viewIndex.js' |
|---|
| | | import { usePolling } from '@/hooks/usePolling.js' |
|---|
| | | |
|---|
| | | const chartStyle = { width: '100%', height: '150%' } |
|---|
| | | const grid = { left: '3%', right: '4%', bottom: '3%', top: '4%', containLabel: true } |
|---|
| | |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | |
|---|
| | | onMounted(() => { |
|---|
| | | fetchData() |
|---|
| | | }) |
|---|
| | | // 启动轮询，每分钟刷新一次数据 |
|---|
| | | usePolling(fetchData) |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style scoped> |
|---|
| | |
|---|
| | | border: 1px solid #1a58b0; |
|---|
| | | padding: 18px; |
|---|
| | | width: 100%; |
|---|
| | | height: 428px; |
|---|
| | | height: 432px; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | |
|---|
