|  |  |  | 
|---|
|  |  |  | <el-table-column label="类型" width="100" > | 
|---|
|  |  |  | <template slot-scope="scope"> | 
|---|
|  |  |  | <div slot="reference" class="name-wrapper"> | 
|---|
|  |  |  | <el-tag size="medium">{{scope.row.type}}</el-tag> | 
|---|
|  |  |  | <el-tag size="medium">{{scope.row.type === "default"? "直接代理":"FFMPEG代理"}}</el-tag> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column prop="createTime" label="创建时间"  min-width="150" show-overflow-tooltip/> | 
|---|
|  |  |  | <el-table-column label="转HLS" min-width="120" > | 
|---|
|  |  |  | <el-table-column label="音频" min-width="120" > | 
|---|
|  |  |  | <template slot-scope="scope"> | 
|---|
|  |  |  | <div slot="reference" class="name-wrapper"> | 
|---|
|  |  |  | <el-tag size="medium" v-if="scope.row.enable_hls">已启用</el-tag> | 
|---|
|  |  |  | <el-tag size="medium" type="info" v-if="!scope.row.enable_hls">未启用</el-tag> | 
|---|
|  |  |  | <el-tag size="medium" v-if="scope.row.enable_audio">已启用</el-tag> | 
|---|
|  |  |  | <el-tag size="medium" type="info" v-if="!scope.row.enable_audio">未启用</el-tag> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column label="MP4录制" min-width="120" > | 
|---|
|  |  |  | <el-table-column label="录制" min-width="120" > | 
|---|
|  |  |  | <template slot-scope="scope"> | 
|---|
|  |  |  | <div slot="reference" class="name-wrapper"> | 
|---|
|  |  |  | <el-tag size="medium" v-if="scope.row.enable_mp4">已启用</el-tag> | 
|---|
|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column label="无人观看自动删除" min-width="160" > | 
|---|
|  |  |  | <el-table-column label="无人观看" min-width="160" > | 
|---|
|  |  |  | <template slot-scope="scope"> | 
|---|
|  |  |  | <div slot="reference" class="name-wrapper"> | 
|---|
|  |  |  | <el-tag size="medium" v-if="scope.row.enable_remove_none_reader">已启用</el-tag> | 
|---|
|  |  |  | <el-tag size="medium" type="info" v-if="!scope.row.enable_remove_none_reader">未启用</el-tag> | 
|---|
|  |  |  | <el-tag size="medium" v-if="scope.row.enable_remove_none_reader">移除</el-tag> | 
|---|
|  |  |  | <el-tag size="medium" v-if="scope.row.enable_disable_none_reader">停用</el-tag> | 
|---|
|  |  |  | <el-tag size="medium" type="info" v-if="!scope.row.enable_remove_none_reader && !scope.row.enable_disable_none_reader">不做处理</el-tag> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | 
|---|
|  |  |  | currentPage:1, | 
|---|
|  |  |  | count:15, | 
|---|
|  |  |  | total:0, | 
|---|
|  |  |  | getListLoading: false, | 
|---|
|  |  |  | startBtnLoading: false | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | mounted() { | 
|---|
|  |  |  | this.initData(); | 
|---|
|  |  |  | this.updateLooper = setInterval(this.initData, 1000); | 
|---|
|  |  |  | this.startUpdateList() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | destroyed() { | 
|---|
|  |  |  | this.$destroy('videojs'); | 
|---|
|  |  |  | 
|---|
|  |  |  | initData: function() { | 
|---|
|  |  |  | this.getStreamProxyList(); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | stopUpdateList: function (){ | 
|---|
|  |  |  | window.clearInterval(this.updateLooper) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | startUpdateList: function (){ | 
|---|
|  |  |  | this.updateLooper = setInterval(this.initData, 1000); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | currentChange: function(val){ | 
|---|
|  |  |  | this.currentPage = val; | 
|---|
|  |  |  | this.getStreamProxyList(); | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | getStreamProxyList: function() { | 
|---|
|  |  |  | let that = this; | 
|---|
|  |  |  | this.getListLoading = true; | 
|---|
|  |  |  | this.$axios({ | 
|---|
|  |  |  | method: 'get', | 
|---|
|  |  |  | url:`/api/proxy/list`, | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | that.streamProxyList = res.data.data.list; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | that.getListLoading = false; | 
|---|
|  |  |  | }).catch(function (error) { | 
|---|
|  |  |  | console.log(error); | 
|---|
|  |  |  | that.getListLoading = false; | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | addStreamProxy: function(){ | 
|---|
|  |  |  | this.$refs.streamProxyEdit.openDialog(null, this.initData) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | addOnvif: function(){ | 
|---|
|  |  |  | this.getListLoading = true; | 
|---|
|  |  |  | this.getListLoading = true; | 
|---|
|  |  |  | this.$axios({ | 
|---|
|  |  |  | method: 'get', | 
|---|
|  |  |  | url:`/api/onvif/search?timeout=3000`, | 
|---|
|  |  |  | }).then((res) =>{ | 
|---|
|  |  |  | this.getListLoading = false; | 
|---|
|  |  |  | if (res.data.code === 0 ){ | 
|---|
|  |  |  | if (res.data.data.length > 0) { | 
|---|
|  |  |  | this.$refs.onvifEdit.openDialog(res.data.data, (url)=>{ | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }).catch((error)=> { | 
|---|
|  |  |  | this.getListLoading = false; | 
|---|
|  |  |  | this.$message.error(error.response.data.msg); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | play: function(row){ | 
|---|
|  |  |  | let that = this; | 
|---|
|  |  |  | this.getListLoading = true; | 
|---|
|  |  |  | this.$axios({ | 
|---|
|  |  |  | method: 'get', | 
|---|
|  |  |  | url:`/api/media/stream_info_by_app_and_stream`, | 
|---|
|  |  |  | url:`/api/push/getPlayUrl`, | 
|---|
|  |  |  | params: { | 
|---|
|  |  |  | app: row.app, | 
|---|
|  |  |  | stream: row.stream, | 
|---|
|  |  |  | mediaServerId: row.mediaServerId | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }).then(function (res) { | 
|---|
|  |  |  | that.getListLoading = false; | 
|---|
|  |  |  | if (res.data.code === 0) { | 
|---|
|  |  |  | that.$refs.devicePlayer.openDialog("streamPlay", null, null, { | 
|---|
|  |  |  | streamInfo: res.data.data, | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }).catch(function (error) { | 
|---|
|  |  |  | console.log(error); | 
|---|
|  |  |  | that.getListLoading = false; | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | deleteStreamProxy: function(row){ | 
|---|
|  |  |  | let that = this; | 
|---|
|  |  |  | this.getListLoading = true; | 
|---|
|  |  |  | that.$axios({ | 
|---|
|  |  |  | method:"delete", | 
|---|
|  |  |  | url:"/api/proxy/del", | 
|---|
|  |  |  | 
|---|
|  |  |  | stream: row.stream | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }).then((res)=>{ | 
|---|
|  |  |  | that.getListLoading = false; | 
|---|
|  |  |  | that.initData() | 
|---|
|  |  |  | }).catch(function (error) { | 
|---|
|  |  |  | console.log(error); | 
|---|
|  |  |  | that.getListLoading = false; | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | start: function(row){ | 
|---|
|  |  |  | let that = this; | 
|---|
|  |  |  | this.getListLoading = true; | 
|---|
|  |  |  | this.stopUpdateList() | 
|---|
|  |  |  | this.$set(row, 'startBtnLoading', true) | 
|---|
|  |  |  | this.$axios({ | 
|---|
|  |  |  | method: 'get', | 
|---|
|  |  |  | 
|---|
|  |  |  | app: row.app, | 
|---|
|  |  |  | stream: row.stream | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }).then(function (res) { | 
|---|
|  |  |  | that.getListLoading = false; | 
|---|
|  |  |  | that.$set(row, 'startBtnLoading', false) | 
|---|
|  |  |  | }).then((res)=> { | 
|---|
|  |  |  | if (res.data.code === 0){ | 
|---|
|  |  |  | that.initData() | 
|---|
|  |  |  | this.initData() | 
|---|
|  |  |  | }else { | 
|---|
|  |  |  | that.$message({ | 
|---|
|  |  |  | this.$message({ | 
|---|
|  |  |  | showClose: true, | 
|---|
|  |  |  | message: "保存失败,请检查地址是否可用!", | 
|---|
|  |  |  | message: "启动失败,请检查地址是否可用!", | 
|---|
|  |  |  | type: "error", | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }).catch(function (error) { | 
|---|
|  |  |  | this.$set(row, 'startBtnLoading', false) | 
|---|
|  |  |  | this.startUpdateList() | 
|---|
|  |  |  | }).catch((error)=> { | 
|---|
|  |  |  | console.log(error); | 
|---|
|  |  |  | that.getListLoading = false; | 
|---|
|  |  |  | that.$set(row, 'startBtnLoading', false) | 
|---|
|  |  |  | this.$message({ | 
|---|
|  |  |  | showClose: true, | 
|---|
|  |  |  | message: "启动失败,请检查地址是否可用!", | 
|---|
|  |  |  | type: "error", | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | this.$set(row, 'startBtnLoading', false) | 
|---|
|  |  |  | this.startUpdateList() | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | stop: function(row){ | 
|---|
|  |  |  | let that = this; | 
|---|
|  |  |  | this.getListLoading = true; | 
|---|
|  |  |  | this.$axios({ | 
|---|
|  |  |  | method: 'get', | 
|---|
|  |  |  | url:`/api/proxy/stop`, | 
|---|
|  |  |  | 
|---|
|  |  |  | stream: row.stream | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }).then(function (res) { | 
|---|
|  |  |  | that.getListLoading = false; | 
|---|
|  |  |  | that.initData() | 
|---|
|  |  |  | }).catch(function (error) { | 
|---|
|  |  |  | console.log(error); | 
|---|
|  |  |  | that.getListLoading = false; | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | refresh: function (){ | 
|---|