|  |  | 
 |  |  |       <el-button v-if="!showTree"  icon="iconfont icon-tree" circle size="mini" @click="switchTree()"></el-button> | 
 |  |  |     </div> | 
 |  |  |   </div> | 
 |  |  |   <devicePlayer ref="devicePlayer" v-loading="isLoging"></devicePlayer> | 
 |  |  |   <devicePlayer ref="devicePlayer" ></devicePlayer> | 
 |  |  |   <el-container v-loading="isLoging" style="height: 82vh;"> | 
 |  |  |     <el-aside width="auto" style="height: 82vh; background-color: #ffffff; overflow: auto" v-if="showTree" > | 
 |  |  |       <DeviceTree ref="deviceTree" :device="device" :onlyCatalog="true" :clickEvent="treeNodeClickEvent" ></DeviceTree> | 
 |  |  | 
 |  |  |           channelType: that.channelType | 
 |  |  |         } | 
 |  |  |       }).then(function (res) { | 
 |  |  |         that.total = res.data.total; | 
 |  |  |         that.deviceChannelList = res.data.list; | 
 |  |  |         // 防止出现表格错位 | 
 |  |  |         that.$nextTick(() => { | 
 |  |  |           that.$refs.channelListTable.doLayout(); | 
 |  |  |         }) | 
 |  |  |         if (res.data.code === 0) { | 
 |  |  |           that.total = res.data.data.total; | 
 |  |  |           that.deviceChannelList = res.data.data.list; | 
 |  |  |           // 防止出现表格错位 | 
 |  |  |           that.$nextTick(() => { | 
 |  |  |             that.$refs.channelListTable.doLayout(); | 
 |  |  |           }) | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |       }).catch(function (error) { | 
 |  |  |         console.log(error); | 
 |  |  |       }); | 
 |  |  | 
 |  |  |             that.loadSnap[deviceId + channelId] = 0; | 
 |  |  |             that.getSnapErrorEvent(snapId) | 
 |  |  |           }, 5000) | 
 |  |  |           itemData.streamId = res.data.data.stream; | 
 |  |  |           that.$refs.devicePlayer.openDialog("media", deviceId, channelId, { | 
 |  |  |             streamInfo: res.data.data, | 
 |  |  |             hasAudio: itemData.hasAudio | 
 |  |  | 
 |  |  |       }); | 
 |  |  |     }, | 
 |  |  |     queryRecords: function (itemData) { | 
 |  |  |       var format = moment().format("yyyy-MM-DD"); | 
 |  |  |       let deviceId = this.deviceId; | 
 |  |  |       let channelId = itemData.channelId; | 
 |  |  |       this.$refs.devicePlayer.openDialog("record", deviceId, channelId, {date: format}) | 
 |  |  |  | 
 |  |  |       this.$router.push(`/gbRecordDetail/${deviceId}/${channelId}`) | 
 |  |  |     }, | 
 |  |  |     stopDevicePush: function (itemData) { | 
 |  |  |       var that = this; | 
 |  |  | 
 |  |  |             channelType: this.channelType | 
 |  |  |           } | 
 |  |  |         }).then( (res) =>{ | 
 |  |  |           this.total = res.data.total; | 
 |  |  |           this.deviceChannelList = res.data.list; | 
 |  |  |           // 防止出现表格错位 | 
 |  |  |           this.$nextTick(() => { | 
 |  |  |             this.$refs.channelListTable.doLayout(); | 
 |  |  |           }) | 
 |  |  |           if (res.data.code === 0) { | 
 |  |  |             this.total = res.data.data.total; | 
 |  |  |             this.deviceChannelList = res.data.data.list; | 
 |  |  |             // 防止出现表格错位 | 
 |  |  |             this.$nextTick(() => { | 
 |  |  |               this.$refs.channelListTable.doLayout(); | 
 |  |  |             }) | 
 |  |  |           } | 
 |  |  |  | 
 |  |  |         }).catch(function (error) { | 
 |  |  |           console.log(error); | 
 |  |  |         }); | 
 |  |  | 
 |  |  |             count: this.count, | 
 |  |  |           } | 
 |  |  |         }).then((res)=> { | 
 |  |  |           this.total = res.data.total; | 
 |  |  |           this.deviceChannelList = res.data.list; | 
 |  |  |           // 防止出现表格错位 | 
 |  |  |           this.$nextTick(() => { | 
 |  |  |             this.$refs.channelListTable.doLayout(); | 
 |  |  |           }) | 
 |  |  |           if (res.data.code === 0) { | 
 |  |  |             this.total = res.data.total; | 
 |  |  |             this.deviceChannelList = res.data.list; | 
 |  |  |             // 防止出现表格错位 | 
 |  |  |             this.$nextTick(() => { | 
 |  |  |               this.$refs.channelListTable.doLayout(); | 
 |  |  |             }) | 
 |  |  |           } | 
 |  |  |         }).catch(function (error) { | 
 |  |  |           console.log(error); | 
 |  |  |         }); |