From e0028a87cb4fc37759c9c33ecd20591fe6dd0aa7 Mon Sep 17 00:00:00 2001 From: 648540858 <648540858@qq.com> Date: 星期一, 07 二月 2022 14:12:34 +0800 Subject: [PATCH] 为推流列表增加搜索功能 --- web_src/src/components/dialog/chooseChannel.vue | 36 ++++++++---------------------------- 1 files changed, 8 insertions(+), 28 deletions(-) diff --git a/web_src/src/components/dialog/chooseChannel.vue b/web_src/src/components/dialog/chooseChannel.vue index 85755e8..d173955 100644 --- a/web_src/src/components/dialog/chooseChannel.vue +++ b/web_src/src/components/dialog/chooseChannel.vue @@ -7,7 +7,7 @@ <el-tabs v-model="catalogTabActiveName" > <el-tab-pane label="鐩綍缁撴瀯" name="catalog"> <el-container> - <el-main style="background-color: #FFF;"> + <el-main v-bind:style="{backgroundColor: '#FFF', maxHeight: winHeight + 'px'}"> <chooseChannelForCatalog ref="chooseChannelForCatalog" :platformId=platformId :platformName=platformName :defaultCatalogId=defaultCatalogId :catalogIdChange="catalogIdChange"></chooseChannelForCatalog> </el-main> </el-container> @@ -20,14 +20,14 @@ <el-tab-pane label="鍥芥爣閫氶亾" name="gbChannel"> <el-container> <el-main style="background-color: #FFF;"> - <chooseChannelForGb ref="chooseChannelForGb" :platformId=platformId :updateChoosedCallback="updateChooseChannelCallback"></chooseChannelForGb> + <chooseChannelForGb ref="chooseChannelForGb" :catalogId="catalogId" :platformId=platformId :updateChoosedCallback="updateChooseChannelCallback"></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" :platformId=platformId :updateChoosedCallback="updateChooseChannelCallback"></chooseChannelFoStream> + <chooseChannelFoStream ref="chooseChannelFoStream" :catalogId="catalogId" :platformId=platformId :updateChoosedCallback="updateChooseChannelCallback"></chooseChannelFoStream> </el-main> </el-container> </el-tab-pane> @@ -52,13 +52,7 @@ 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 { @@ -70,7 +64,8 @@ platformName: "", defaultCatalogId: "", showDialog: false, - chooseData: {} + chooseData: {}, + winHeight: window.innerHeight - 250, }; }, @@ -83,14 +78,6 @@ this.closeCallback = closeCallback }, 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() { @@ -124,17 +111,10 @@ catalogIdChange: function (id) { console.log("涓棿妯″潡鏀跺埌锛� " + id) this.catalogId = id; - if (this.tabActiveName === "gbChannel") { - this.$refs.chooseChannelForGb.catalogIdChange(id); - }else { - this.$refs.chooseChannelFoStream.catalogIdChange(id); - } }, - updateChooseChannelCallback (id, nodeIds){ + updateChooseChannelCallback (id){ console.log("涓棿妯″潡鏀跺埌閫夋嫨閫氶亾鍙樺寲锛� " + id) - console.log("涓棿妯″潡鏀跺埌閫夋嫨閫氶亾鍙樺寲锛� " + nodeIds) - console.log("涓棿妯″潡鏀跺埌閫夋嫨閫氶亾鍙樺寲锛� " + typeof (nodeIds)) - this.$refs.chooseChannelForCatalog.refreshCatalogById(id, nodeIds) + this.$refs.chooseChannelForCatalog.refreshCatalogById(id) } } }; -- Gitblit v1.8.0