| | |
|---|
| | | <template> |
|---|
| | | <!-- <div>--> |
|---|
| | | <div class="body" :style="{height:mainHeight+'px'}"> |
|---|
| | | <div class="body" style=" padding: 30px 10px 0 20px;background-color: #eee;" :style="{height:mainHeight+'px'}"> |
|---|
| | | <div style=""> |
|---|
| | | <div class="title"><i class="el-icon-s-fold" style="margin-right: 5px" />实时数据</div> |
|---|
| | | <div class="top"> |
|---|
| | |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | console.log(document.documentElement.clientHeight, 1) |
|---|
| | | console.log(document.documentElement.clientWidth, 2) |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | window.addEventListener('resize', this.getHeight) |
|---|
| | |
|---|
| | | // 获取页面高度 |
|---|
| | | getHeight() { |
|---|
| | | this.$nextTick(() => { |
|---|
| | | this.mainHeight = window.innerHeight - 200 |
|---|
| | | this.tableHeight = this.mainHeight - 100 |
|---|
| | | this.mainHeight = window.innerHeight - 120 |
|---|
| | | // this.mainHeight = window.innerHeight - 200 |
|---|
| | | // this.tableHeight = this.mainHeight - 100 |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | handleEcharts() { |
|---|
