From 44d216100b45c3337c593ee82ee68e7e0f35d24b Mon Sep 17 00:00:00 2001 From: Lawrence <1934378145@qq.com> Date: 星期三, 16 十二月 2020 20:29:19 +0800 Subject: [PATCH] 与master分支同步 --- web_src/src/components/channelList.vue | 55 ++++++++++++++++++++++++++----------------------------- 1 files changed, 26 insertions(+), 29 deletions(-) diff --git a/web_src/src/components/channelList.vue b/web_src/src/components/channelList.vue index 4bcbe31..4c39a3f 100644 --- a/web_src/src/components/channelList.vue +++ b/web_src/src/components/channelList.vue @@ -26,7 +26,7 @@ </el-select> </div> - <devicePlayer ref="devicePlayer"></devicePlayer> + <devicePlayer ref="devicePlayer" v-loading="isLoging"></devicePlayer> <!--璁惧鍒楄〃--> <el-table ref="channelListTable" :data="deviceChannelList" :height="winHeight" border style="width: 100%"> <el-table-column prop="channelId" label="閫氶亾缂栧彿" width="210"> @@ -58,8 +58,8 @@ <el-button size="mini" icon="el-icon-video-play" @click="sendDevicePush(scope.row)">鎾斁</el-button> <el-button size="mini" icon="el-icon-switch-button" type="danger" v-if="scope.row.play" @click="stopDevicePush(scope.row)">鍋滄</el-button> <el-button size="mini" icon="el-icon-s-open" type="primary" v-if="scope.row.parental == 1" @click="changeSubchannel(scope.row)">鏌ョ湅</el-button> - <!-- <el-button size="mini" icon="el-icon-video-camera" type="primary" >璁惧褰曡薄</el-button>--> - <!-- <el-button size="mini" @click="sendDevicePush(scope.row)">褰曞儚鏌ヨ</el-button> --> + <el-button size="mini" icon="el-icon-video-camera" type="primary" @click="queryRecords(scope.row)">璁惧褰曡薄</el-button> + <!-- <el-button size="mini" @click="sendDevicePush(scope.row)">褰曞儚鏌ヨ</el-button> --> </el-button-group> </template> </el-table-column> @@ -69,20 +69,18 @@ </el-main> </el-container> - <Loading v-if="isLoging" marginTop="-50%"></Loading> </div> </template> <script> import devicePlayer from './gb28181/devicePlayer.vue' import uiHeader from './UiHeader.vue' -import Loading from './Loading.vue' +import moment from "moment"; export default { name: 'channelList', components: { devicePlayer, - uiHeader, - Loading + uiHeader }, data() { return { @@ -106,7 +104,7 @@ mounted() { this.initData(); - // this.updateLooper = setInterval(this.initData, 10000); + this.updateLooper = setInterval(this.initData, 10000); }, destroyed() { this.$destroy('videojs'); @@ -175,46 +173,39 @@ }, - //gb28181骞冲彴瀵规帴 - //鍒锋柊璁惧淇℃伅 - refDevice: function (itemData) { - ///api/devices/{deviceId}/sync - console.log("鍒锋柊瀵瑰簲璁惧:" + itemData.deviceId); - this.$axios({ - method: 'post', - url: '/api/devices/' + itemData.deviceId + '/sync' - }).then(function (res) { - // console.log("鍒锋柊璁惧缁撴灉锛�"+JSON.stringify(res)); - }).catch(function (e) { - that.$message({ - showClose: true, - message: '璇锋眰鎴愬姛', - type: 'success' - }); - }); - }, //閫氱煡璁惧涓婁紶濯掍綋娴� sendDevicePush: function (itemData) { console.log(itemData) let deviceId = this.deviceId; this.isLoging = true; let channelId = itemData.channelId; - console.log("閫氱煡璁惧鎺ㄦ祦1锛�" + deviceId + " : " + channelId); + let getEncoding = itemData.hasAudio ? '1' : '0' + console.log("閫氱煡璁惧鎺ㄦ祦1锛�" + deviceId + " : " + channelId + ":" + getEncoding); let that = this; this.$axios({ method: 'get', - url: '/api/play/' + deviceId + '/' + channelId + url: '/api/play/' + deviceId + '/' + channelId + '?getEncoding=' + getEncoding }).then(function (res) { console.log(res.data) let ssrc = res.data.ssrc; that.isLoging = false; if (!!ssrc) { - that.$refs.devicePlayer.play(res.data, deviceId, channelId, itemData.hasAudio); + // that.$refs.devicePlayer.play(res.data, deviceId, channelId, itemData.hasAudio); + that.$refs.devicePlayer.openDialog("media", deviceId, channelId, { + streamInfo: res.data, + hasAudio: itemData.hasAudio + }); that.initData(); } else { that.$message.error(res.data); } }).catch(function (e) {}); + }, + queryRecords: function (itemData) { + var format = moment().format("YYYY-M-D"); + let deviceId = this.deviceId; + let channelId = itemData.channelId; + this.$refs.devicePlayer.openDialog("record", deviceId, channelId, {date: format}) }, stopDevicePush: function (itemData) { console.log(itemData) @@ -225,6 +216,12 @@ }).then(function (res) { console.log(JSON.stringify(res)); that.initData(); + }).catch(function (error) { + if (error.response.status == 402) { // 宸茬粡鍋滄杩� + that.initData(); + }else { + console.log(e) + } }); }, -- Gitblit v1.8.0