| | |
|---|
| | | <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"> |
|---|
| | |
|---|
| | | }, |
|---|
| | | watch: { |
|---|
| | | "TreeDataPool.videoArr": function (newArry) { |
|---|
| | | console.log('newArry',newArry) |
|---|
| | | const cameras = this.filterNodes(newArry); |
|---|
| | | this.getActiveIndex(); |
|---|
| | | this.$refs.taskview.showTasks(cameras); |
|---|
| | |
|---|
| | | 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 { |
|---|
