From 3de672c6154a7ec8864130d5fe0abb9f1376d101 Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期四, 03 三月 2022 16:57:53 +0800
Subject: [PATCH] 我的订单gai
---
src/components/subComponents/SystemInfo.vue | 33 ++++++++++++++++++++++-----------
1 files changed, 22 insertions(+), 11 deletions(-)
diff --git a/src/components/subComponents/SystemInfo.vue b/src/components/subComponents/SystemInfo.vue
index 5dd0915..6fa2b5f 100644
--- a/src/components/subComponents/SystemInfo.vue
+++ b/src/components/subComponents/SystemInfo.vue
@@ -1,6 +1,6 @@
<template>
<div :class="showClass">
- <div class="card-box" :style="`width:${borderWidth}`">
+ <div class="card-box" :style="`width:${borderWidth};min-width:456px`" >
<ul>
<li style="max-width:30px;" v-if="ShowLocalVedio">
<div class="total-box">
@@ -75,7 +75,7 @@
</li>
</ul>
</div>-->
- <div class="eCharts-box" :style="`width:${liquidWidth}`">
+ <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,
@@ -126,6 +126,10 @@
this.$forceUpdate();
}
},
+ mounted(){
+ console.log(this.PollData);
+ // console.log('PollData.RealTimeValidCount',this.PollData.RealTimeValidCount)
+ }
}
</script>
<style lang="scss">
@@ -133,6 +137,7 @@
height: 100%;
.card-box {
width: 50%;
+ float: left;
@media screen and (min-width: 1280px) and (max-width: 1440px) {
width: 65%;
}
@@ -172,17 +177,23 @@
font-weight: 700;
}
}
+ ul{
+ padding-left: 0;
+ }
}
.eCharts-box {
- width: 50%;
+ width: 46%;
+ 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%;
- }
+ padding-left: 10px;
+ //margin-left: 10px;
+ // @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