| | |
| | | initCpuCharts() { |
| | | this.$forceUpdate(); |
| | | } |
| | | }, |
| | | mounted(){ |
| | | console.log('PollData.RealTimeValidCount',this.PollData.RealTimeValidCount) |
| | | } |
| | | |
| | | } |
| | | </script> |
| | | <style lang="scss"> |
| | |
| | | },
|
| | | grid: {
|
| | | top: 10,
|
| | | right: 30,
|
| | | right: 40,
|
| | | bottom: 20,
|
| | | left: 40,
|
| | | },
|
| | |
| | | :showRealPoll="cameraType === 'camera'" |
| | | :ShowLocalVedio="cameraType === 'dataStack'" |
| | | v-if="showSysInfo" |
| | | style="margin-left: 10px;margin-top:-10px" |
| | | style="margin-top:-10px" |
| | | /> |
| | | </div> |
| | | </div> |
| | |
| | | .swiper-box { |
| | | height: 100%; |
| | | float: left; |
| | | width: 48%; |
| | | width: 46%; |
| | | margin-top: -10px; |
| | | position: relative; |
| | | } |
| | | .swiper-container { |
| | | position: initial; |
| | | min-width: 472px; |
| | | width: 80%; |
| | | width: 86%; |
| | | |
| | | // height: 124px; |
| | | } |
| | |
| | | } |
| | | .top-right { |
| | | float: right; |
| | | width: 52%; |
| | | width: 54%; |
| | | height: 144px; |
| | | .card-box{ |
| | | width: 54%!important; |
| | | } |
| | | .eCharts-box{ |
| | | width: 45%; |
| | | canvas{ |
| | | width: 98%!important; |
| | | } |
| | | } |
| | | } |
| | | .task-css { |
| | | text-align: left; |
| | |
| | | <template> |
| | | <div :class="showClass"> |
| | | <div class="card-box" :style="`width:${borderWidth}`"> |
| | | <div class="card-box" > |
| | | <ul> |
| | | <li style="max-width:30px;" v-if="ShowLocalVedio"> |
| | | <div class="total-box"> |
| | |
| | | } |
| | | }, |
| | | mounted(){ |
| | | console.log(this.PollData.barCharts) |
| | | console.log('PollData.RealTimeValidCount',this.PollData.RealTimeValidCount) |
| | | debugger; |
| | | } |
| | | } |
| | |
| | | box-sizing: border-box; |
| | | overflow-y: hidden; |
| | | height: 100%; |
| | | min-width: 1433px; |
| | | min-width: 1680px; |
| | | } |
| | | .resize-save { |
| | | position: absolute; |