From 64b3ee8aebe765c668b7f04b2bc1ee9a3919bdfb Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期四, 24 八月 2023 14:31:01 +0800
Subject: [PATCH] 大屏
---
screen_standard/src/views/process.vue | 15 +++++++++++----
1 files changed, 11 insertions(+), 4 deletions(-)
diff --git a/screen_standard/src/views/process.vue b/screen_standard/src/views/process.vue
index c44e935..5ddfde1 100644
--- a/screen_standard/src/views/process.vue
+++ b/screen_standard/src/views/process.vue
@@ -113,7 +113,7 @@
</template>
<script setup>
-import { reactive, ref, toRefs, onMounted, onUnmounted } from 'vue'
+import { reactive, ref, toRefs, onMounted, onUnmounted, nextTick } from 'vue'
import { getProcedurePlanData, getTop, getProcedurePlansList, getRecordLogPage, getUnqualified7DayData, getUnqualifiedCateData } from '@/utils/api.js'
import { useCounterStore } from '@/stores/counter.js'
import { useRoute } from 'vue-router'
@@ -148,8 +148,11 @@
onMounted(() => {
window.addEventListener('resize', () => {
- setDayChart()
- setTypeChart()
+ console.log('resize');
+ nextTick(() => {
+ setDayChart()
+ setTypeChart()
+ })
})
initData()
scrollTimer.value = setInterval(() => {
@@ -303,7 +306,6 @@
dateList.push(item.createTime)
numList.push(item.unqualifiedNum || 0)
})
- console.log(data.allBad);
let option;
option = {
title: {
@@ -312,6 +314,10 @@
color: '#fff',
fontSize: 12
}
+ },
+ grid: {
+ top: 40,
+ bottom: 40
},
xAxis: {
type: 'category',
@@ -388,6 +394,7 @@
*/
function setTypeChart() {
let dayChartDom = document.getElementById('type-distribution');
+ console.log(dayChartDom);
let myChart = echarts.init(dayChartDom);
let legendData = []
let seriesData = []
--
Gitblit v1.9.3