old mode 100644
new mode 100755
 |  |  | 
 |  |  | <template> | 
 |  |  | <div id="chooseChannelFoStream" > | 
 |  |  | <div id="chooseChannelFoStream" v-loading="loading"> | 
 |  |  |     <div style="font-size: 17px; color: #606060; white-space: nowrap; line-height: 30px; font-family: monospace;"> | 
 |  |  |       <span v-if="catalogId == null">{{catalogName}}的直播流</span> | 
 |  |  |       <span v-if="catalogId != null">{{catalogName}}({{catalogId}})的直播流</span> | 
 |  |  |       <span v-if="catalogId == null">{{catalogName}}的直播通道</span> | 
 |  |  |       <span v-if="catalogId != null">{{catalogName}}({{catalogId}})的直播通道</span> | 
 |  |  |     </div> | 
 |  |  |     <div style="background-color: #FFFFFF; margin-bottom: 1rem; position: relative; padding: 0.5rem; text-align: left;font-size: 14px;"> | 
 |  |  |  | 
 |  |  | 
 |  |  |       </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"> | 
 |  |  | 
 |  |  |       <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, scope)">添加</el-button> | 
 |  |  |             <el-button size="mini" icon="el-icon-delete" v-if="scope.row.platformId" type="danger" @click="remove(scope.row, scope)">移除</el-button> | 
 |  |  |             <el-button size="mini" icon="el-icon-plus" v-if="catalogId === null" @click="add(scope.row, scope)">添加</el-button> | 
 |  |  |             <el-button size="mini" icon="el-icon-delete" v-if="catalogId !== null" type="danger" @click="remove(scope.row, scope)">移除</el-button> | 
 |  |  |           </el-button-group> | 
 |  |  |         </template> | 
 |  |  |       </el-table-column> | 
 |  |  | 
 |  |  |     props: ['platformId', 'catalogId',  'catalogName'], | 
 |  |  |     created() { | 
 |  |  |         this.initData(); | 
 |  |  |         console.log(this.catalogId) | 
 |  |  |     }, | 
 |  |  |     components: { | 
 |  |  |       getCatalog, | 
 |  |  |     }, | 
 |  |  |     data() { | 
 |  |  |         return { | 
 |  |  |             loading: false, | 
 |  |  |             gbStreams: [], | 
 |  |  |             gbChoosechannel:{}, | 
 |  |  |             channelType: "", | 
 |  |  | 
 |  |  |  | 
 |  |  |         }, | 
 |  |  |         add: function (row, scope) { | 
 |  |  |           let all = typeof(row) === "undefined" | 
 |  |  |           this.getCatalogFromUser((catalogId)=>{ | 
 |  |  |             let task = null; | 
 |  |  |             this.$axios({ | 
 |  |  |               method:"post", | 
 |  |  |               url:"/api/gbStream/add", | 
 |  |  |               data:{ | 
 |  |  |                 platformId: this.platformId, | 
 |  |  |                 catalogId: catalogId, | 
 |  |  |                 gbStreams:  [row], | 
 |  |  |                 all: all, | 
 |  |  |                 gbStreams: all?[]:[row], | 
 |  |  |               } | 
 |  |  |             }).then((res)=>{ | 
 |  |  |               console.log("保存成功") | 
 |  |  |               window.clearTimeout(task); | 
 |  |  |               this.loading = false; | 
 |  |  |               // this.gbStreams.splice(scope.$index,1) | 
 |  |  |               this.getChannelList(); | 
 |  |  |             }).catch(function (error) { | 
 |  |  |               window.clearTimeout(task); | 
 |  |  |               this.loading = false; | 
 |  |  |               console.log(error); | 
 |  |  |             }); | 
 |  |  |             task= setTimeout(()=>{ | 
 |  |  |               this.loading = true; | 
 |  |  |             }, 200) | 
 |  |  |           }) | 
 |  |  |  | 
 |  |  |  | 
 |  |  |         }, | 
 |  |  |         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; | 
 |  |  | 
 |  |  |                     page: that.currentPage, | 
 |  |  |                     count: that.count, | 
 |  |  |                     query: that.searchSrt, | 
 |  |  |                     pushing: that.online, | 
 |  |  |                     platformId: that.platformId, | 
 |  |  |                     catalogId: that.catalogId, | 
 |  |  |                     mediaServerId: that.mediaServerId | 
 |  |  |                 } | 
 |  |  |                 }) | 
 |  |  |                 .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); |