|  |  |  | 
|---|
|  |  |  | <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 :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 { | 
|---|
|  |  |  | 
|---|
|  |  |  | catalogTabActiveName: "catalog", | 
|---|
|  |  |  | platformId: "", | 
|---|
|  |  |  | catalogId: "", | 
|---|
|  |  |  | catalogName: "", | 
|---|
|  |  |  | currentCatalogId: "", | 
|---|
|  |  |  | platformName: "", | 
|---|
|  |  |  | defaultCatalogId: "", | 
|---|
|  |  |  | showDialog: false, | 
|---|
|  |  |  | treeType: null, | 
|---|
|  |  |  | chooseData: {}, | 
|---|
|  |  |  | winHeight: window.innerHeight - 250, | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | openDialog(platformId, platformName, defaultCatalogId, closeCallback) { | 
|---|
|  |  |  | openDialog(platformId, platformName, defaultCatalogId, treeType, closeCallback) { | 
|---|
|  |  |  | this.platformId = platformId | 
|---|
|  |  |  | 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() { | 
|---|
|  |  |  | 
|---|
|  |  |  | 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> | 
|---|