|  |  |  | 
|---|
|  |  |  | <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> | 
|---|
|  |  |  | 
|---|
|  |  |  | <span v-if="scope.row.longitude*scope.row.latitude === 0">无</span> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column prop="ptztypeText" label="云台类型" min-width="120"/> | 
|---|
|  |  |  | <el-table-column prop="PTZTypeText" label="云台类型" min-width="120"/> | 
|---|
|  |  |  | <el-table-column label="开启音频" min-width="120"> | 
|---|
|  |  |  | <template slot-scope="scope"> | 
|---|
|  |  |  | <el-switch @change="updateChannel(scope.row)" v-model="scope.row.hasAudio" active-color="#409EFF"> | 
|---|
|  |  |  | 
|---|
|  |  |  | 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); | 
|---|
|  |  |  | }); | 
|---|