From 21a340c24815a55a07db2dc3d2e5a19e7de440cd Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期六, 29 八月 2020 19:27:57 +0800
Subject: [PATCH] 添加摄像机区域管理应用
---
src/components/subComponents/SystemInfo.vue | 23 ++++++++++++-----------
1 files changed, 12 insertions(+), 11 deletions(-)
diff --git a/src/components/subComponents/SystemInfo.vue b/src/components/subComponents/SystemInfo.vue
index 4a67a74..e9786ed 100644
--- a/src/components/subComponents/SystemInfo.vue
+++ b/src/components/subComponents/SystemInfo.vue
@@ -75,7 +75,7 @@
</li>
</ul>
</div>-->
- <div class="eCharts-box" >
+ <div class="eCharts-box" v-if="PollData.barCharts.length>0">
<eChartsBar ref="cpuMeneryCharts" :xAxisData="PollData.barCharts"></eChartsBar>
</div>
</div>
@@ -114,7 +114,7 @@
},
borderWidth: {
type: String,
- default: '70%'
+ default: '64%'
},
liquidWidth: {
type: String,
@@ -125,7 +125,8 @@
initCpuCharts() {
this.$forceUpdate();
}
- },
+ }
+
}
</script>
<style lang="scss">
@@ -179,16 +180,16 @@
}
.eCharts-box {
width: 28%;
- float: right;
+ float: left;
box-sizing: border-box;
height: 100%;
- margin-left: 5px;
- @media screen and (min-width: 1280px) and (max-width: 1440px) {
- width: 35%;
- }
- @media screen and (max-width: 1279px) {
- width: 30%;
- }
+ margin-left: 30px;
+ // @media screen and (min-width: 1280px) and (max-width: 1440px) {
+ // width: 35%;
+ // }
+ // @media screen and (max-width: 1279px) {
+ // width: 30%;
+ // }
}
.chart-box {
float: left;
--
Gitblit v1.8.0