|  |  | 
 |  |  |             <el-tab-pane label="目录结构" name="catalog"> | 
 |  |  |               <el-container> | 
 |  |  |                 <el-main v-bind:style="{backgroundColor: '#FFF', maxHeight:  winHeight + 'px'}"> | 
 |  |  |                   <chooseChannelForCatalog ref="chooseChannelForCatalog" :platformId=platformId :platformName=platformName :defaultCatalogId=defaultCatalogId :catalogIdChange="catalogIdChange"></chooseChannelForCatalog> | 
 |  |  |                   <chooseChannelForCatalog ref="chooseChannelForCatalog" :platformId=platformId :platformDeviceId=platformDeviceId :platformName=platformName :defaultCatalogId=defaultCatalogId :catalogIdChange="catalogIdChange" :treeType=treeType ></chooseChannelForCatalog> | 
 |  |  |                 </el-main> | 
 |  |  |               </el-container> | 
 |  |  |             </el-tab-pane> | 
 |  |  | 
 |  |  |             <el-tab-pane label="国标通道" name="gbChannel"> | 
 |  |  |               <el-container> | 
 |  |  |                 <el-main style="background-color: #FFF;"> | 
 |  |  |                   <chooseChannelForGb ref="chooseChannelForGb" :catalogId="catalogId" :platformId=platformId :updateChoosedCallback="updateChooseChannelCallback"></chooseChannelForGb> | 
 |  |  |                   <chooseChannelForGb ref="chooseChannelForGb" :catalogId="catalogId" :catalogName="catalogName" :platformId=platformId ></chooseChannelForGb> | 
 |  |  |                 </el-main> | 
 |  |  |               </el-container> | 
 |  |  |             </el-tab-pane> | 
 |  |  |             <el-tab-pane label="直播流通道" name="streamchannel"> | 
 |  |  |               <el-container> | 
 |  |  |                 <el-main style="background-color: #FFF;"> | 
 |  |  |                   <chooseChannelFoStream ref="chooseChannelFoStream" :catalogId="catalogId" :platformId=platformId :updateChoosedCallback="updateChooseChannelCallback"></chooseChannelFoStream> | 
 |  |  |                   <chooseChannelFoStream ref="chooseChannelFoStream" :catalogId="catalogId" :catalogName="catalogName" :currentCatalogId="currentCatalogId" :platformId=platformId ></chooseChannelFoStream> | 
 |  |  |                 </el-main> | 
 |  |  |               </el-container> | 
 |  |  |             </el-tab-pane> | 
 |  |  | 
 |  |  |         chooseChannelForCatalog, | 
 |  |  |     }, | 
 |  |  |     computed: { | 
 |  |  |         // getPlayerShared: function () { | 
 |  |  |         //     return { | 
 |  |  |         //         sharedUrl: window.location.host + '/' + this.videoUrl, | 
 |  |  |         //         sharedIframe: '<iframe src="' + window.location.host + '/' + this.videoUrl + '"></iframe>', | 
 |  |  |         //         sharedRtmp: this.videoUrl | 
 |  |  |         //     }; | 
 |  |  |         // } | 
 |  |  |  | 
 |  |  |     }, | 
 |  |  |     data() { | 
 |  |  |         return { | 
 |  |  | 
 |  |  |             tabActiveName: "gbChannel", | 
 |  |  |             catalogTabActiveName: "catalog", | 
 |  |  |             platformId: "", | 
 |  |  |             platformDeviceId: "", | 
 |  |  |             catalogId: "", | 
 |  |  |             catalogName: "", | 
 |  |  |             currentCatalogId: "", | 
 |  |  |             platformName: "", | 
 |  |  |             defaultCatalogId: "", | 
 |  |  |             showDialog: false, | 
 |  |  |             treeType: null, | 
 |  |  |             chooseData: {}, | 
 |  |  |             winHeight: window.innerHeight - 250, | 
 |  |  |  | 
 |  |  |         }; | 
 |  |  |     }, | 
 |  |  |     methods: { | 
 |  |  |         openDialog(platformId, platformName, defaultCatalogId, closeCallback) { | 
 |  |  |         openDialog(platformId, platformDeviceId, platformName, defaultCatalogId, treeType, closeCallback) { | 
 |  |  |             console.log("defaultCatalogId: " + defaultCatalogId) | 
 |  |  |             this.platformId = platformId | 
 |  |  |             this.platformDeviceId = platformDeviceId | 
 |  |  |             this.platformName = platformName | 
 |  |  |             this.defaultCatalogId = defaultCatalogId | 
 |  |  |             this.showDialog = true | 
 |  |  |             this.closeCallback = closeCallback | 
 |  |  |             this.treeType = treeType | 
 |  |  |         }, | 
 |  |  |         tabClick (tab, event){ | 
 |  |  |           console.log(tab.label) | 
 |  |  |           if (tab.label === "gbChannel") { | 
 |  |  |             this.$refs.chooseChannelForGb.catalogIdChange(this.catalogId); | 
 |  |  |             this.$refs.chooseChannelForGb.initData(); | 
 |  |  |           }else { | 
 |  |  |             this.$refs.chooseChannelFoStream.catalogIdChange(this.catalogId); | 
 |  |  |             this.$refs.chooseChannelFoStream.initData(); | 
 |  |  |           } | 
 |  |  |  | 
 |  |  |         }, | 
 |  |  |         close: function() { | 
 |  |  | 
 |  |  |  | 
 |  |  |             this.$axios({ | 
 |  |  |                 method:"post", | 
 |  |  |                 url:"/api/platform/update_channel_for_gb", | 
 |  |  |                 url:"./api/platform/update_channel_for_gb", | 
 |  |  |                 data:{ | 
 |  |  |                     platformId:  that.platformId, | 
 |  |  |                     channelReduces:  that.chooseData | 
 |  |  |                 } | 
 |  |  |             }).then((res)=>{ | 
 |  |  |                 if (res.data == true) { | 
 |  |  |               if (res.data.code === 0) { | 
 |  |  |                     that.$message({ | 
 |  |  |                         showClose: true, | 
 |  |  |                         message: '保存成功,', | 
 |  |  | 
 |  |  |                 console.log(error); | 
 |  |  |             }); | 
 |  |  |         }, | 
 |  |  |         catalogIdChange: function (id) { | 
 |  |  |             console.log("中间模块收到: " + id) | 
 |  |  |         catalogIdChange: function (id, name) { | 
 |  |  |             this.catalogId = id; | 
 |  |  |             if (this.tabActiveName === "gbChannel") { | 
 |  |  |               this.$refs.chooseChannelForGb.catalogIdChange(id); | 
 |  |  |             }else { | 
 |  |  |               this.$refs.chooseChannelFoStream.catalogIdChange(id); | 
 |  |  |             } | 
 |  |  |             this.catalogName = name; | 
 |  |  |         }, | 
 |  |  |         updateChooseChannelCallback (id){ | 
 |  |  |           console.log("中间模块收到选择通道变化: " + id) | 
 |  |  |           this.$refs.chooseChannelForCatalog.refreshCatalogById(id) | 
 |  |  |         } | 
 |  |  |     } | 
 |  |  | }; | 
 |  |  | </script> |