From e1d380a930e73d8355a4695ca5f5b91f471c2394 Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: Mon, 28 Apr 2025 13:32:12 +0800
Subject: [PATCH] 修改大屏
---
src/views/hazardousChemicals/bigScreen/components/rightTop.vue | 38 +++++++++++++++++++++++++-------------
1 files changed, 25 insertions(+), 13 deletions(-)
diff --git a/src/views/hazardousChemicals/bigScreen/components/rightTop.vue b/src/views/hazardousChemicals/bigScreen/components/rightTop.vue
index 6b5a76f..9132f16 100644
--- a/src/views/hazardousChemicals/bigScreen/components/rightTop.vue
+++ b/src/views/hazardousChemicals/bigScreen/components/rightTop.vue
@@ -6,12 +6,33 @@
<script setup>
import * as echarts from 'echarts';
import {onMounted} from "vue";
+import {ElMessage} from "element-plus";
+import {getBasicCount} from "@/api/monitor/screenCharts";
onMounted(()=>{
- initChart()
+ getPieData()
})
-const initChart =()=>{
+const getPieData = async ()=>{
+ const res = await getBasicCount()
+ if (res.code == 200) {
+ if(res.data && Array.isArray(res.data) && res.data.length>0){
+ let data = res.data.map(i=>{
+ return {
+ name: i.hazmatCharacter,
+ value: i.count,
+ }
+ })
+ initChart(data)
+ }else{
+ initChart([])
+ }
+ } else {
+ ElMessage.warning(res.message)
+ }
+}
+
+const initChart =(data)=>{
var chartDom = document.getElementById('typePie');
var myChart = echarts.init(chartDom);
var option;
@@ -35,7 +56,7 @@
{
type: 'pie',
radius: [20, 100],
- center: ['50%', '45%'],
+ center: ['50%', '40%'],
roseType: 'area',
itemStyle: {
borderRadius: 5
@@ -45,16 +66,7 @@
textBorderWidth: 0,
formatter: '{d}%'
},
- data: [
- { value: 30, name: 'rose 1' },
- { value: 28, name: 'rose 2' },
- { value: 26, name: 'rose 3' },
- { value: 24, name: 'rose 4' },
- { value: 22, name: 'rose 5' },
- { value: 20, name: 'rose 6' },
- { value: 18, name: 'rose 7' },
- { value: 16, name: 'rose 8' }
- ]
+ data: data
}
]
};
--
Gitblit v1.9.2