From 401524fb5661d57ffb2229d683fe4de85b65fd1c Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期四, 31 八月 2023 17:54:24 +0800
Subject: [PATCH] 生产管理看板+删不需要的文件

---
 src/components/subComponents/SystemInfo.vue |   32 +++++++++++++++++++++-----------
 1 files changed, 21 insertions(+), 11 deletions(-)

diff --git a/src/components/subComponents/SystemInfo.vue b/src/components/subComponents/SystemInfo.vue
index 5dd0915..813b467 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,9 @@
       this.$forceUpdate();
     }
   },
+  mounted(){
+    console.log('PollData.RealTimeValidCount',this.PollData.RealTimeValidCount)
+  }
 }
 </script>
 <style lang="scss">
@@ -133,6 +136,7 @@
   height: 100%;
   .card-box {
     width: 50%;
+    float: left;
     @media screen and (min-width: 1280px) and (max-width: 1440px) {
       width: 65%;
     }
@@ -172,17 +176,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