| | |
| | | <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> |
| | |
| | | import devicePlayer from './dialog/devicePlayer.vue' |
| | | import uiHeader from '../layout/UiHeader.vue' |
| | | import moment from "moment"; |
| | | import DviceService from "./service/DeviceService"; |
| | | import DeviceService from "./service/DeviceService"; |
| | | import DeviceTree from "./common/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 |
| | |
| | | changeSubchannel(itemData) { |
| | | this.beforeUrl = this.$router.currentRoute.path; |
| | | |
| | | var url = `/${this.$router.currentRoute.name}/${this.$router.currentRoute.params.deviceId}/${itemData.channelId}/${this.$router.currentRoute.params.count}/1` |
| | | var url = `/${this.$router.currentRoute.name}/${this.$router.currentRoute.params.deviceId}/${itemData.channelId}` |
| | | this.$router.push(url).then(() => { |
| | | this.searchSrt = ""; |
| | | this.channelType = ""; |
| | |
| | | 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); |
| | | }); |