From cfa8a00451d70915cbf3d9b48969856fc09f76b1 Mon Sep 17 00:00:00 2001 From: Admin <978517621@qq.com> Date: 星期四, 18 八月 2022 13:50:32 +0800 Subject: [PATCH] Default Changelist --- src/views/doublePrevent/dpIndex/index.vue | 28 ++++++++++++++++------------ 1 files changed, 16 insertions(+), 12 deletions(-) diff --git a/src/views/doublePrevent/dpIndex/index.vue b/src/views/doublePrevent/dpIndex/index.vue index 562af77..14d3936 100644 --- a/src/views/doublePrevent/dpIndex/index.vue +++ b/src/views/doublePrevent/dpIndex/index.vue @@ -44,7 +44,7 @@ <div class="item-head"> <span>隐患整改情况</span> </div> - <div id="riskFix"></div> + <div class="riskFix" :id="riskFixId"></div> </div> <div class="table-item"> <div class="item-head"> @@ -84,7 +84,7 @@ <div class="item-head"> <span>隐患等级分布</span> </div> - <div id="riskLevel"></div> + <div class="riskLevel" :id="riskLevelId"></div> </div> </div> </el-scrollbar> @@ -146,6 +146,8 @@ classGroupList: [], inspectPointAllList: [] }); + const riskFixId = ref("eChartFix" + Date.now() + Math.random()) + const riskLevelId = ref("eChartLe" + Date.now() + Math.random()) // 页面载入时执行方法 onMounted(() => { @@ -200,14 +202,14 @@ // 隐患整改情况 const initRiskFix =()=>{ - var dom = document.getElementById('riskFix'); - var myChart = echarts.init(dom, null, { + const dom = document.getElementById(riskFixId.value); + let myChart = echarts.init(dom, null, { renderer: 'canvas', useDirtyRect: false }); - var app = {}; + let app = {}; - var option; + let option; option = { tooltip: { @@ -273,14 +275,14 @@ // 隐患整改情况 const initRiskLevel =()=>{ - var dom = document.getElementById('riskLevel'); - var myChart = echarts.init(dom, null, { + const dom = document.getElementById(riskLevelId.value); + let myChart = echarts.init(dom, null, { renderer: 'canvas', useDirtyRect: false }); - var app = {}; + let app = {}; - var option; + let option; option = { tooltip: { @@ -369,6 +371,8 @@ Refresh, Plus, router, + riskFixId, + riskLevelId, toRiskEve, toRiskStatus, toRevice, @@ -515,10 +519,10 @@ } } } - #riskFix{ + .riskFix{ height: 300px; } - #riskLevel{ + .riskLevel{ height: 300px } .deviceTable{ -- Gitblit v1.9.2