Browse Source

优化默认节点的展示

pull/324/head
648540858 3 years ago
parent
commit
75ee368c96
  1. 21
      web_src/src/components/dialog/chooseChannel.vue
  2. 13
      web_src/src/components/dialog/chooseChannelForCatalog.vue
  3. 4
      web_src/src/components/dialog/chooseChannelForStream.vue

21
web_src/src/components/dialog/chooseChannel.vue

@ -52,13 +52,7 @@ export default {
chooseChannelForCatalog, chooseChannelForCatalog,
}, },
computed: { computed: {
// getPlayerShared: function () {
// return {
// sharedUrl: window.location.host + '/' + this.videoUrl,
// sharedIframe: '<iframe src="' + window.location.host + '/' + this.videoUrl + '"></iframe>',
// sharedRtmp: this.videoUrl
// };
// }
}, },
data() { data() {
return { return {
@ -84,14 +78,6 @@ export default {
this.closeCallback = closeCallback this.closeCallback = closeCallback
}, },
tabClick (tab, event){ 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() { close: function() {
@ -125,11 +111,6 @@ export default {
catalogIdChange: function (id) { catalogIdChange: function (id) {
console.log("中间模块收到: " + id) console.log("中间模块收到: " + id)
this.catalogId = id; this.catalogId = id;
if (this.tabActiveName === "gbChannel") {
this.$refs.chooseChannelForGb.catalogIdChange(id);
}else {
this.$refs.chooseChannelFoStream.catalogIdChange(id);
}
}, },
updateChooseChannelCallback (id){ updateChooseChannelCallback (id){
console.log("中间模块收到选择通道变化: " + id) console.log("中间模块收到选择通道变化: " + id)

13
web_src/src/components/dialog/chooseChannelForCatalog.vue

@ -21,7 +21,7 @@
<span v-if="node.data.type === 2" class="iconfont icon-zhibo"></span> <span v-if="node.data.type === 2" class="iconfont icon-zhibo"></span>
<span style="padding-left: 1px">{{ node.label }}</span> <span style="padding-left: 1px">{{ node.label }}</span>
<span> <span>
<i style="margin-left: 5rem; color: #9d9d9d; padding-right: 20px" v-if="node.data.id === defaultCatalogId">默认</i> <i style="margin-left: 5rem; color: #9d9d9d; padding-right: 20px" v-if="node.data.id === defaultCatalogIdSign">默认</i>
</span> </span>
</span> </span>
</el-tree> </el-tree>
@ -38,6 +38,8 @@ export default {
name: 'chooseChannelForCatalog', name: 'chooseChannelForCatalog',
props: ['platformId', 'platformName', 'defaultCatalogId', 'catalogIdChange'], props: ['platformId', 'platformName', 'defaultCatalogId', 'catalogIdChange'],
created() { created() {
this.chooseId = this.defaultCatalogId;
this.defaultCatalogIdSign = this.defaultCatalogId;
this.initData(); this.initData();
setTimeout(()=>{ setTimeout(()=>{
if (this.catalogIdChange)this.catalogIdChange(this.defaultCatalogId); if (this.catalogIdChange)this.catalogIdChange(this.defaultCatalogId);
@ -54,8 +56,9 @@ export default {
children: 'children', children: 'children',
isLeaf: 'leaf' isLeaf: 'leaf'
}, },
defaultCatalogIdSign: null,
chooseNode: null, chooseNode: null,
chooseId: this.defaultCatalogId, chooseId: "",
catalogTree: null, catalogTree: null,
contextmenuShow: false contextmenuShow: false
@ -141,7 +144,7 @@ export default {
node.parent.loaded = false node.parent.loaded = false
node.parent.expand(); node.parent.expand();
if (res.data.data) { if (res.data.data) {
this.defaultCatalogId = res.data.data; this.defaultCatalogIdSign = res.data.data;
} }
} }
}) })
@ -160,7 +163,7 @@ export default {
}) })
.then((res)=> { .then((res)=> {
if (res.data.code === 0) { if (res.data.code === 0) {
this.defaultCatalogId = id; this.defaultCatalogIdSign = id;
} }
}) })
.catch(function (error) { .catch(function (error) {
@ -254,7 +257,7 @@ export default {
{ {
label: "设为默认", label: "设为默认",
icon: "el-icon-folder-checked", icon: "el-icon-folder-checked",
disabled: node.data.id === this.defaultCatalogId, disabled: node.data.id === this.defaultCatalogIdSign,
onClick: () => { onClick: () => {
this.setDefaultCatalog(data.id) this.setDefaultCatalog(data.id)
}, },

4
web_src/src/components/dialog/chooseChannelForStream.vue

@ -253,10 +253,6 @@ export default {
handleGBSelectionChange: function() { handleGBSelectionChange: function() {
this.initData(); this.initData();
}, },
// catalogIdChange: function(id) {
// this.catalogId = id;
// console.log(" " + id)
// },
} }
}; };
</script> </script>

Loading…
Cancel
Save