| | |
| | | <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"> |
| | |
| | | initCpuCharts() { |
| | | this.$forceUpdate(); |
| | | } |
| | | }, |
| | | mounted(){ |
| | | console.log('PollData.RealTimeValidCount',this.PollData.RealTimeValidCount) |
| | | } |
| | | |
| | | } |
| | | </script> |
| | | <style lang="scss"> |
| | |
| | | } |
| | | } |
| | | .eCharts-box { |
| | | width: 28%; |
| | | float: right; |
| | | 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; |