|  |  | 
 |  |  | <template> | 
 |  |  | <div id="chooseChannelFoStream" > | 
 |  |  |     <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-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, | 
 |  |  | 
 |  |  |                     page: that.currentPage, | 
 |  |  |                     count: that.count, | 
 |  |  |                     query: that.searchSrt, | 
 |  |  |                     pushing: that.online, | 
 |  |  |                     platformId: that.platformId, | 
 |  |  |                     catalogId: that.catalogId, | 
 |  |  |                     mediaServerId: that.mediaServerId |