|
|
|
@ -30,10 +30,17 @@ |
|
|
|
<el-button icon="el-icon-download" size="mini" style="margin-right: 1rem;" type="primary" > |
|
|
|
<a style="color: #FFFFFF; text-align: center; text-decoration: none" href="/static/file/推流通道导入.zip" download='推流通道导入.zip' >下载模板</a> |
|
|
|
</el-button> |
|
|
|
<el-button icon="el-icon-delete" size="mini" style="margin-right: 1rem;" :disabled="multipleSelection.length === 0" type="danger" @click="batchDel">批量移除</el-button> |
|
|
|
</div> |
|
|
|
<devicePlayer ref="devicePlayer"></devicePlayer> |
|
|
|
<addStreamTOGB ref="addStreamTOGB"></addStreamTOGB> |
|
|
|
<el-table :data="pushList" border style="width: 100%" :height="winHeight"> |
|
|
|
<el-table ref="pushListTable" :data="pushList" border style="width: 100%" :height="winHeight" @selection-change="handleSelectionChange" :row-key="(row)=> row.app + row.stream"> |
|
|
|
<el-table-column |
|
|
|
align="center" |
|
|
|
type="selection" |
|
|
|
:reserve-selection="true" |
|
|
|
width="55"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="name" label="名称" width="180" align="center"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="app" label="APP" width="180" align="center"> |
|
|
|
@ -60,8 +67,8 @@ |
|
|
|
<el-table-column label="操作" width="360" align="center" fixed="right"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button-group> |
|
|
|
<el-button size="mini" icon="el-icon-video-play" v-if="(scope.row.status == false && scope.row.gbId == null) || scope.row.status" @click="playPuhsh(scope.row)">播放</el-button> |
|
|
|
<el-button size="mini" icon="el-icon-switch-button" type="danger" @click="stopPuhsh(scope.row)">移除</el-button> |
|
|
|
<el-button size="mini" icon="el-icon-video-play" v-if="(scope.row.status == false && scope.row.gbId == null) || scope.row.status" @click="playPush(scope.row)">播放</el-button> |
|
|
|
<el-button size="mini" icon="el-icon-delete" type="danger" @click="stopPush(scope.row)">移除</el-button> |
|
|
|
<el-button size="mini" icon="el-icon-position" type="primary" v-if="!!!scope.row.gbId" @click="addToGB(scope.row)">加入国标</el-button> |
|
|
|
<el-button size="mini" icon="el-icon-position" type="primary" v-if="!!scope.row.gbId" @click="removeFromGB(scope.row)">移出国标</el-button> |
|
|
|
</el-button-group> |
|
|
|
@ -107,7 +114,7 @@ |
|
|
|
currentPusher: {}, //当前操作设备对象 |
|
|
|
updateLooper: 0, //数据刷新轮训标志 |
|
|
|
currentDeviceChannelsLenth:0, |
|
|
|
winHeight: window.innerHeight - 200, |
|
|
|
winHeight: window.innerHeight - 250, |
|
|
|
mediaServerObj : new MediaServer(), |
|
|
|
currentPage:1, |
|
|
|
count:15, |
|
|
|
@ -116,6 +123,7 @@ |
|
|
|
pushing: "", |
|
|
|
mediaServerId: "", |
|
|
|
mediaServerList: [], |
|
|
|
multipleSelection: [], |
|
|
|
getDeviceListLoading: false |
|
|
|
}; |
|
|
|
}, |
|
|
|
@ -123,7 +131,7 @@ |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
this.initData(); |
|
|
|
this.updateLooper = setInterval(this.initData, 2000); |
|
|
|
this.updateLooper = setInterval(this.getPushList, 2000); |
|
|
|
}, |
|
|
|
destroyed() { |
|
|
|
clearTimeout(this.updateLooper); |
|
|
|
@ -131,7 +139,6 @@ |
|
|
|
methods: { |
|
|
|
initData: function() { |
|
|
|
this.mediaServerObj.getOnlineMediaServerList((data)=>{ |
|
|
|
console.log(data) |
|
|
|
this.mediaServerList = data.data; |
|
|
|
}) |
|
|
|
this.getPushList(); |
|
|
|
@ -162,12 +169,12 @@ |
|
|
|
that.pushList = res.data.list; |
|
|
|
that.getDeviceListLoading = false; |
|
|
|
}).catch(function (error) { |
|
|
|
console.log(error); |
|
|
|
console.error(error); |
|
|
|
that.getDeviceListLoading = false; |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
playPuhsh: function(row){ |
|
|
|
playPush: function(row){ |
|
|
|
let that = this; |
|
|
|
this.getListLoading = true; |
|
|
|
this.$axios({ |
|
|
|
@ -185,12 +192,12 @@ |
|
|
|
hasAudio: true |
|
|
|
}); |
|
|
|
}).catch(function (error) { |
|
|
|
console.log(error); |
|
|
|
console.error(error); |
|
|
|
that.getListLoading = false; |
|
|
|
}); |
|
|
|
}, |
|
|
|
stopPuhsh: function(row){ |
|
|
|
var that = this; |
|
|
|
stopPush: function(row){ |
|
|
|
let that = this; |
|
|
|
that.$axios({ |
|
|
|
method:"post", |
|
|
|
url:"/api/push/stop", |
|
|
|
@ -203,14 +210,14 @@ |
|
|
|
that.initData() |
|
|
|
} |
|
|
|
}).catch(function (error) { |
|
|
|
console.log(error); |
|
|
|
console.error(error); |
|
|
|
}); |
|
|
|
}, |
|
|
|
addToGB: function(row){ |
|
|
|
this.$refs.addStreamTOGB.openDialog({app: row.app, stream: row.stream, mediaServerId: row.mediaServerId}, this.initData); |
|
|
|
}, |
|
|
|
removeFromGB: function(row){ |
|
|
|
var that = this; |
|
|
|
let that = this; |
|
|
|
that.$axios({ |
|
|
|
method:"delete", |
|
|
|
url:"/api/push/remove_form_gb", |
|
|
|
@ -220,12 +227,12 @@ |
|
|
|
that.initData() |
|
|
|
} |
|
|
|
}).catch(function (error) { |
|
|
|
console.log(error); |
|
|
|
console.error(error); |
|
|
|
}); |
|
|
|
}, |
|
|
|
dateFormat: function(/** timestamp=0 **/) { |
|
|
|
var ts = arguments[0] || 0; |
|
|
|
var t,y,m,d,h,i,s; |
|
|
|
let ts = arguments[0] || 0; |
|
|
|
let t,y,m,d,h,i,s; |
|
|
|
t = ts ? new Date(ts*1000) : new Date(); |
|
|
|
y = t.getFullYear(); |
|
|
|
m = t.getMonth()+1; |
|
|
|
@ -240,6 +247,32 @@ |
|
|
|
this.$refs.importChannel.openDialog(()=>{ |
|
|
|
|
|
|
|
}) |
|
|
|
}, |
|
|
|
batchDel: function () { |
|
|
|
this.$confirm(`确定删除选中的${this.multipleSelection.length}个通道?`, '提示', { |
|
|
|
confirmButtonText: '确定', |
|
|
|
cancelButtonText: '取消', |
|
|
|
type: 'warning' |
|
|
|
}).then(() => { |
|
|
|
let that = this; |
|
|
|
that.$axios({ |
|
|
|
method:"delete", |
|
|
|
url:"/api/push/batchStop", |
|
|
|
data: { |
|
|
|
gbStreams: this.multipleSelection |
|
|
|
} |
|
|
|
}).then((res)=>{ |
|
|
|
this.initData(); |
|
|
|
this.$refs.pushListTable.clearSelection(); |
|
|
|
}).catch(function (error) { |
|
|
|
console.error(error); |
|
|
|
}); |
|
|
|
}).catch(() => { |
|
|
|
|
|
|
|
}); |
|
|
|
}, |
|
|
|
handleSelectionChange: function (val) { |
|
|
|
this.multipleSelection = val; |
|
|
|
}, |
|
|
|
} |
|
|
|
}; |
|
|
|
|
648540858
3 years ago