| | |
| | | <template> |
| | | <div style="height: 100%;"> |
| | | <div style="width:100%; height: 100%;"> |
| | | <div class="monitoring-right" ref="videoRight"> |
| | | <div class="monitoring-video" ref="monitorVideo"> |
| | | <div class="monitoring-video-guid"> |
| | |
| | | }, |
| | | created() { |
| | | console.log("befor created") |
| | | debugger |
| | | // this.TreeDataPool.clean(); |
| | | // this.TreeDataPool.fetchTreeData(); |
| | | // this.guid = sessionStorage.guid ? Number(sessionStorage.guid) : this.guid; |
| | |
| | | .monitoring-right { |
| | | width: 100%; |
| | | height: 100%; |
| | | float: right; |
| | | min-width: 1243px; |
| | | //float: right; |
| | | box-sizing: border-box; |
| | | padding: 10px; |
| | | background-color: #e9ebf2; |
| | | .monitoring-video { |
| | | width: 70.5%; |
| | | //min-width: 800px; |
| | | min-width: 740px; |
| | | max-width: 1208px; |
| | | height: 75%; |
| | | float: left; |
| | | padding: 0px, 10px 10px 10px; |
| | | box-sizing: border-box; |
| | | border: 1px solid #e4e7ed; |
| | | // box-shadow: #e4e7ed 0px 0px 9px inset; |
| | | border-radius: 5px; |
| | | .activeItem { |
| | |
| | | // @media screen and (max-width: 1700px){ |
| | | |
| | | // } |
| | | width: calc(29.5% - 10px); |
| | | //width: calc(29.5% - 10px); |
| | | width: calc(34% - 10px); |
| | | //width: auto; |
| | | // width: 23%; |
| | | height: 73%; |
| | | background-color: #fff; |
| | | float: left; |