|  |  | 
 |  |  |       </el-select> | 
 |  |  |       <el-button v-if="catalogId !== null" icon="el-icon-delete" size="mini" style="margin-right: 1rem;" :disabled="gbStreams.length === 0 || multipleSelection.length === 0" type="danger" @click="batchDel">批量移除</el-button> | 
 |  |  |       <el-button v-if="catalogId === null" icon="el-icon-plus" size="mini" style="margin-right: 1rem;" :disabled="gbStreams.length === 0 || multipleSelection.length === 0" @click="batchAdd">批量添加</el-button> | 
 |  |  |       <el-button v-if="catalogId === null"  icon="el-icon-plus" size="mini" style="margin-right: 1rem;" @click="add()">全部添加</el-button> | 
 |  |  |       <el-button v-if="catalogId !== null" type="danger" icon="el-icon-delete" size="mini" style="margin-right: 1rem;" @click="remove()">全部移除</el-button> | 
 |  |  |     </div> | 
 |  |  |     <el-table ref="gbStreamsTable" :data="gbStreams" border style="width: 100%" :height="winHeight" :row-key="(row)=> row.app + row.stream" @selection-change="handleSelectionChange"> | 
 |  |  |         <el-table-column align="center" type="selection" :reserve-selection="true" width="55"> | 
 |  |  | 
 |  |  |  | 
 |  |  |         }, | 
 |  |  |         add: function (row, scope) { | 
 |  |  |           let all = typeof(row) === "undefined" | 
 |  |  |           this.getCatalogFromUser((catalogId)=>{ | 
 |  |  |             this.$axios({ | 
 |  |  |               method:"post", | 
 |  |  |               url:"/api/gbStream/add", | 
 |  |  |               url:"./api/gbStream/add", | 
 |  |  |               data:{ | 
 |  |  |                 platformId: this.platformId, | 
 |  |  |                 catalogId: catalogId, | 
 |  |  |                 gbStreams:  [row], | 
 |  |  |                 all: all, | 
 |  |  |                 gbStreams: all?[]:[row], | 
 |  |  |               } | 
 |  |  |             }).then((res)=>{ | 
 |  |  |               console.log("保存成功") | 
 |  |  | 
 |  |  |  | 
 |  |  |         }, | 
 |  |  |         remove: function (row, scope) { | 
 |  |  |           this.$axios({ | 
 |  |  |             method:"delete", | 
 |  |  |             url:"/api/gbStream/del", | 
 |  |  |             data:{ | 
 |  |  |               platformId: this.platformId, | 
 |  |  |               gbStreams:  [row], | 
 |  |  |             } | 
 |  |  |           }).then((res)=>{ | 
 |  |  |             console.log("移除成功") | 
 |  |  |             // this.gbStreams.splice(scope.$index,1) | 
 |  |  |             this.getChannelList(); | 
 |  |  |           }).catch(function (error) { | 
 |  |  |             console.log(error); | 
 |  |  |           let all = typeof(row) === "undefined" | 
 |  |  |           this.$confirm(`确定移除${all?"所有通道":""}吗?`, '提示', { | 
 |  |  |             dangerouslyUseHTMLString: true, | 
 |  |  |             confirmButtonText: '确定', | 
 |  |  |             cancelButtonText: '取消', | 
 |  |  |             type: 'warning' | 
 |  |  |           }).then(() => { | 
 |  |  |  | 
 |  |  |             this.$axios({ | 
 |  |  |               method:"delete", | 
 |  |  |               url:"./api/gbStream/del", | 
 |  |  |               data:{ | 
 |  |  |                 platformId: this.platformId, | 
 |  |  |                 all: all, | 
 |  |  |                 gbStreams: all?[]:[row], | 
 |  |  |               } | 
 |  |  |             }).then((res)=>{ | 
 |  |  |               console.log("移除成功") | 
 |  |  |               // this.gbStreams.splice(scope.$index,1) | 
 |  |  |               this.getChannelList(); | 
 |  |  |             }).catch(function (error) { | 
 |  |  |               console.log(error); | 
 |  |  |             }); | 
 |  |  |           }).catch(() => { | 
 |  |  |  | 
 |  |  |           }); | 
 |  |  |  | 
 |  |  |         }, | 
 |  |  |         getChannelList: function () { | 
 |  |  |             let that = this; | 
 |  |  |  | 
 |  |  |             this.$axios({ | 
 |  |  |                 method: 'get', | 
 |  |  |                 url:`/api/gbStream/list`, | 
 |  |  |                 url:`./api/gbStream/list`, | 
 |  |  |                 params: { | 
 |  |  |                     page: that.currentPage, | 
 |  |  |                     count: that.count, | 
 |  |  | 
 |  |  |                 } | 
 |  |  |                 }) | 
 |  |  |                 .then(function (res) { | 
 |  |  |                     that.total = res.data.total; | 
 |  |  |                     that.gbStreams = res.data.list; | 
 |  |  |                     that.gbChoosechannel = {}; | 
 |  |  |                     // 防止出现表格错位 | 
 |  |  |                     that.$nextTick(() => { | 
 |  |  |                     if (res.data.code === 0) { | 
 |  |  |                       that.total = res.data.data.total; | 
 |  |  |                       that.gbStreams = res.data.data.list; | 
 |  |  |                       that.gbChoosechannel = {}; | 
 |  |  |                       // 防止出现表格错位 | 
 |  |  |                       that.$nextTick(() => { | 
 |  |  |                         that.$refs.gbStreamsTable.doLayout(); | 
 |  |  |                         // 默认选中 | 
 |  |  |                          that.eventEnable = true; | 
 |  |  |                     }) | 
 |  |  |                         that.eventEnable = true; | 
 |  |  |                       }) | 
 |  |  |                     } | 
 |  |  |                 }) | 
 |  |  |                 .catch(function (error) { | 
 |  |  |                     console.log(error); | 
 |  |  | 
 |  |  |           }).then(() => { | 
 |  |  |             this.$axios({ | 
 |  |  |               method:"delete", | 
 |  |  |               url:"/api/gbStream/del", | 
 |  |  |               url:"./api/gbStream/del", | 
 |  |  |               data:{ | 
 |  |  |                 platformId: this.platformId, | 
 |  |  |                 gbStreams:  this.multipleSelection, | 
 |  |  | 
 |  |  |           this.getCatalogFromUser((catalogId)=>{ | 
 |  |  |             this.$axios({ | 
 |  |  |               method:"post", | 
 |  |  |               url:"/api/gbStream/add", | 
 |  |  |               url:"./api/gbStream/add", | 
 |  |  |               data:{ | 
 |  |  |                 platformId: this.platformId, | 
 |  |  |                 catalogId: catalogId, |