From 29d69267f9747f268a967a039f685da7e85da3a8 Mon Sep 17 00:00:00 2001
From: 648540858 <648540858@qq.com>
Date: 星期一, 17 一月 2022 10:16:58 +0800
Subject: [PATCH] 优化通道选择页面样式和优化拉框放大与缩小的接口路径
---
web_src/src/components/dialog/chooseChannelForStream.vue | 52 ++++++++++++++++++++++++++++++++--------------------
1 files changed, 32 insertions(+), 20 deletions(-)
diff --git a/web_src/src/components/dialog/chooseChannelForStream.vue b/web_src/src/components/dialog/chooseChannelForStream.vue
index ff65532..3cc5f3c 100644
--- a/web_src/src/components/dialog/chooseChannelForStream.vue
+++ b/web_src/src/components/dialog/chooseChannelForStream.vue
@@ -1,6 +1,6 @@
<template>
<div id="chooseChannelFoStream" >
- <el-table ref="gbStreamsTable" :data="gbStreams" border style="width: 100%" @selection-change="checkedChanage" >
+ <el-table ref="gbStreamsTable" :data="gbStreams" border style="width: 100%" @selection-change="checkedChanage" :height="winHeight">
<el-table-column type="selection" width="55" align="center" fixed > </el-table-column>
<el-table-column prop="name" label="鍚嶇О" show-overflow-tooltip>
</el-table-column>
@@ -27,7 +27,6 @@
<script>
export default {
name: 'chooseChannelFoStream',
- props: {},
computed: {
// getPlayerShared: function () {
// return {
@@ -37,7 +36,7 @@
// };
// }
},
- props: ['platformId'],
+ props: ['platformId', 'updateChoosedCallback'],
created() {
this.initData();
},
@@ -49,10 +48,12 @@
channelType: "",
online: "",
choosed: "",
- currentPage: 0,
+ catalogId: null,
+ currentPage: 1,
count: 10,
total: 0,
- eventEnanle: false
+ eventEnanle: false,
+ winHeight: window.innerHeight - 350,
};
},
@@ -60,7 +61,7 @@
platformId(newData, oldData){
console.log(newData)
this.initData()
-
+
},
},
methods: {
@@ -104,7 +105,7 @@
delete that.gbChoosechannel[key]
}
}
-
+
var oldKeys = Object.keys(that.gbChoosechannel);
if (oldKeys.length > 0) {
for (let i = 0; i < oldKeys.length; i++) {
@@ -112,7 +113,7 @@
delData.push(that.gbChoosechannel[key])
}
}
-
+
}else{
var oldKeys = Object.keys(that.gbChoosechannel);
if (oldKeys.length > 0) {
@@ -131,10 +132,12 @@
url:"/api/gbStream/add",
data:{
platformId: that.platformId,
+ catalogId: that.catalogId,
gbStreams: addData,
}
}).then((res)=>{
console.log("淇濆瓨鎴愬姛")
+ if(this.updateChoosedCallback)this.updateChoosedCallback(this.catalogId)
}).catch(function (error) {
console.log(error);
});
@@ -142,16 +145,19 @@
if (Object.keys(delData).length >0) {
console.log(delData)
that.$axios({
- method:"post",
+ method:"delete",
url:"/api/gbStream/del",
data:{
+ platformId: that.platformId,
gbStreams: delData,
}
}).then((res)=>{
console.log("绉婚櫎鎴愬姛")
+ if(this.updateChoosedCallback)this.updateChoosedCallback(this.catalogId)
}).catch(function (error) {
console.log(error);
});
+
}
},
@@ -161,16 +167,18 @@
getChannelList: function () {
let that = this;
- this.$axios.get(`/api/gbStream/list`, {
- params: {
- page: that.currentPage,
- count: that.count,
- query: that.searchSrt,
- online: that.online,
- choosed: that.choosed,
- platformId: that.platformId,
- channelType: that.channelType
- }
+ this.$axios({
+ method: 'get',
+ url:`/api/gbStream/list`,
+ params: {
+ page: that.currentPage,
+ count: that.count,
+ query: that.searchSrt,
+ online: that.online,
+ choosed: that.choosed,
+ platformId: that.platformId,
+ channelType: that.channelType
+ }
})
.then(function (res) {
that.total = res.data.total;
@@ -188,7 +196,7 @@
that.$refs.gbStreamsTable.toggleRowSelection(row, true);
chooseGBS.push(row)
that.gbChoosechannel[row.app+ "_" + row.stream] = row;
-
+
}
}
that.eventEnanle = true;
@@ -204,6 +212,10 @@
handleGBSelectionChange: function() {
this.initData();
},
+ catalogIdChange: function(id) {
+ this.catalogId = id;
+ console.log("鐩存挱閫氶亾閫夋嫨妯″潡鏀跺埌锛� " + id)
+ },
}
};
</script>
--
Gitblit v1.8.0