From e0028a87cb4fc37759c9c33ecd20591fe6dd0aa7 Mon Sep 17 00:00:00 2001
From: 648540858 <648540858@qq.com>
Date: 星期一, 07 二月 2022 14:12:34 +0800
Subject: [PATCH] 为推流列表增加搜索功能
---
web_src/src/components/dialog/chooseChannelForGb.vue | 76 ++++++++++++++++++++++++++++---------
1 files changed, 57 insertions(+), 19 deletions(-)
diff --git a/web_src/src/components/dialog/chooseChannelForGb.vue b/web_src/src/components/dialog/chooseChannelForGb.vue
index 742b3de..e46d3e5 100644
--- a/web_src/src/components/dialog/chooseChannelForGb.vue
+++ b/web_src/src/components/dialog/chooseChannelForGb.vue
@@ -21,15 +21,14 @@
<el-option label="绂荤嚎" value="false"></el-option>
</el-select>
- <el-checkbox @change="shareAllCheckedChange">鍏ㄩ儴鍏变韩</el-checkbox>
+<!-- <el-checkbox @change="shareAllCheckedChange">鍏ㄩ儴鍏变韩</el-checkbox>-->
</div>
- <el-table ref="gbChannelsTable" :data="gbChannels" border style="width: 100%" @selection-change="checkedChange" :height="winHeight">
- <el-table-column type="selection" width="55" align="center" fixed > </el-table-column>
- <el-table-column prop="channelId" label="閫氶亾缂栧彿" width="210">
+ <el-table ref="gbChannelsTable" :data="gbChannels" border style="width: 100%" :height="winHeight">
+ <el-table-column prop="channelId" label="閫氶亾缂栧彿" width="180" align="center">
</el-table-column>
- <el-table-column prop="name" label="閫氶亾鍚嶇О" show-overflow-tooltip>
+ <el-table-column prop="name" label="閫氶亾鍚嶇О" show-overflow-tooltip align="center">
</el-table-column>
- <el-table-column prop="deviceId" label="璁惧缂栧彿" width="210" >
+ <el-table-column prop="deviceId" label="璁惧缂栧彿" width="180" align="center">
</el-table-column>
<el-table-column label="璁惧鍦板潃" width="180" align="center">
<template slot-scope="scope">
@@ -39,6 +38,14 @@
</template>
</el-table-column>
<el-table-column prop="manufacturer" label="鍘傚" align="center">
+ </el-table-column>
+ <el-table-column label="鎿嶄綔" width="100" align="center" fixed="right">
+ <template slot-scope="scope">
+ <el-button-group>
+ <el-button size="mini" icon="el-icon-plus" v-if="!scope.row.platformId" @click="add(scope.row)">娣诲姞</el-button>
+ <el-button size="mini" icon="el-icon-delete" v-if="scope.row.platformId" type="danger" @click="remove(scope.row)">绉婚櫎</el-button>
+ </el-button-group>
+ </template>
</el-table-column>
</el-table>
<el-pagination style="float: right;margin-top: 1rem;" @size-change="handleSizeChange" @current-change="currentChange" :current-page="currentPage" :page-size="count" :page-sizes="[10, 20, 30, 50]" layout="total, sizes, prev, pager, next" :total="total">
@@ -58,7 +65,7 @@
// };
// }
},
- props: ['platformId', 'updateChoosedCallback'],
+ props: ['platformId','catalogId', 'updateChoosedCallback'],
created() {
this.initData();
},
@@ -70,7 +77,6 @@
channelType: "",
online: "",
choosed: "",
- catalogId: null,
currentPage: 1,
count: 10,
total: 0,
@@ -103,11 +109,44 @@
console.log(val)
console.log(row)
},
- // selectDisable: function (){
- // if (this.catalogId == null) {
- // return false;
- // }
- // },
+ add: function (row) {
+ console.log(row)
+ row.catalogId = this.catalogId
+ row.platformId = this.platformId
+ this.$axios({
+ method:"post",
+ url:"/api/platform/update_channel_for_gb",
+ data:{
+ platformId: this.platformId,
+ channelReduces: [row],
+ catalogId: this.catalogId
+ }
+ }).then((res)=>{
+ console.log("淇濆瓨鎴愬姛")
+ if(this.updateChoosedCallback)this.updateChoosedCallback(this.catalogId)
+ }).catch(function (error) {
+ console.log(error);
+ });
+ },
+ remove: function (row) {
+ console.log(row)
+
+ this.$axios({
+ method:"delete",
+ url:"/api/platform/del_channel_for_gb",
+ data:{
+ platformId: this.platformId,
+ channelReduces: [row]
+ }
+ }).then((res)=>{
+ console.log("绉婚櫎鎴愬姛")
+ if(this.updateChoosedCallback)this.updateChoosedCallback(row.catalogId)
+ row.platformId = null;
+ row.catalogId = null
+ }).catch(function (error) {
+ console.log(error);
+ });
+ },
checkedChange: function (val) {
let that = this;
if (!that.eventEnanle) {
@@ -182,10 +221,9 @@
console.log(error);
});
}
-
},
shareAllCheckedChange: function (val) {
- this.chooseChanage(null, val)
+
},
getChannelList: function () {
let that = this;
@@ -238,10 +276,10 @@
handleGBSelectionChange: function() {
this.initData();
},
- catalogIdChange: function(id) {
- this.catalogId = id;
- console.log("閫氶亾閫夋嫨妯″潡鏀跺埌锛� " + id)
- },
+ // catalogIdChange: function(id) {
+ // this.catalogId = id;
+ // console.log("閫氶亾閫夋嫨妯″潡鏀跺埌锛� " + id)
+ // },
}
};
</script>
--
Gitblit v1.8.0