XW-AIOT/wvp-platform
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化拉流代理表单以及逻辑

Browse Source
This commit is contained in:
648540858
2022-11-22 17:17:35 +08:00
parent 1469971102
commit 8ea6e192d9
10 changed files with 108 additions and 141 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
web_src/src/components/StreamProxyList.vue
View File

@@ -32,7 +32,7 @@
<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>
@@ -55,15 +55,15 @@
</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>
@@ -71,11 +71,12 @@
</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>
@@ -131,7 +132,6 @@
currentPage:1,
count:15,
total:0,
getListLoading: false,
startBtnLoading: false
};
},
@@ -139,7 +139,7 @@
},
mounted() {
this.initData();
this.updateLooper = setInterval(this.initData, 1000);
this.startUpdateList()
},
destroyed() {
this.$destroy('videojs');
@@ -149,6 +149,12 @@
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();
@@ -159,7 +165,6 @@
},
getStreamProxyList: function() {
let that = this;
this.getListLoading = true;
this.$axios({
method: 'get',
url:`/api/proxy/list`,
@@ -175,23 +180,18 @@
}
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)=>{
@@ -208,7 +208,6 @@
}
}).catch((error)=> {
this.getListLoading = false;
this.$message.error(error.response.data.msg);
});
@@ -217,7 +216,6 @@
},
play: function(row){
let that = this;
this.getListLoading = true;
this.$axios({
method: 'get',
url:`/api/push/getPlayUrl`,
@@ -227,7 +225,6 @@
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,
@@ -243,13 +240,11 @@
}).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",
@@ -258,16 +253,13 @@
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',
@@ -276,28 +268,31 @@
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`,
@@ -306,11 +301,9 @@
stream: row.stream
}
}).then(function (res) {
that.getListLoading = false;
that.initData()
}).catch(function (error) {
console.log(error);
that.getListLoading = false;
});
},
refresh: function (){