Browse Source

优化级联选择通道页面目录Id在各个模块间的传递方式

pull/317/head
648540858 3 years ago
parent
commit
baef2dd13d
  1. 4
      web_src/src/components/dialog/chooseChannel.vue
  2. 23
      web_src/src/components/dialog/chooseChannelForGb.vue
  3. 19
      web_src/src/components/dialog/chooseChannelForStream.vue

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

@ -20,14 +20,14 @@
<el-tab-pane label="国标通道" name="gbChannel"> <el-tab-pane label="国标通道" name="gbChannel">
<el-container> <el-container>
<el-main style="background-color: #FFF;"> <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-main>
</el-container> </el-container>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="直播流通道" name="streamchannel"> <el-tab-pane label="直播流通道" name="streamchannel">
<el-container> <el-container>
<el-main style="background-color: #FFF;"> <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-main>
</el-container> </el-container>
</el-tab-pane> </el-tab-pane>

23
web_src/src/components/dialog/chooseChannelForGb.vue

@ -24,11 +24,11 @@
<!-- <el-checkbox @change="shareAllCheckedChange">全部共享</el-checkbox>--> <!-- <el-checkbox @change="shareAllCheckedChange">全部共享</el-checkbox>-->
</div> </div>
<el-table ref="gbChannelsTable" :data="gbChannels" border style="width: 100%" :height="winHeight"> <el-table ref="gbChannelsTable" :data="gbChannels" border style="width: 100%" :height="winHeight">
<el-table-column prop="channelId" label="通道编号" width="210"> <el-table-column prop="channelId" label="通道编号" width="180" align="center">
</el-table-column> </el-table-column>
<el-table-column prop="name" label="通道名称" show-overflow-tooltip> <el-table-column prop="name" label="通道名称" show-overflow-tooltip align="center">
</el-table-column> </el-table-column>
<el-table-column prop="deviceId" label="设备编号" width="210" > <el-table-column prop="deviceId" label="设备编号" width="180" align="center">
</el-table-column> </el-table-column>
<el-table-column label="设备地址" width="180" align="center"> <el-table-column label="设备地址" width="180" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
@ -65,7 +65,7 @@ export default {
// }; // };
// } // }
}, },
props: ['platformId', 'updateChoosedCallback'], props: ['platformId','catalogId', 'updateChoosedCallback'],
created() { created() {
this.initData(); this.initData();
}, },
@ -77,7 +77,6 @@ export default {
channelType: "", channelType: "",
online: "", online: "",
choosed: "", choosed: "",
catalogId: null,
currentPage: 1, currentPage: 1,
count: 10, count: 10,
total: 0, total: 0,
@ -110,11 +109,6 @@ export default {
console.log(val) console.log(val)
console.log(row) console.log(row)
}, },
// selectDisable: function (){
// if (this.catalogId == null) {
// return false;
// }
// },
add: function (row) { add: function (row) {
console.log(row) console.log(row)
row.catalogId = this.catalogId row.catalogId = this.catalogId
@ -146,7 +140,6 @@ export default {
} }
}).then((res)=>{ }).then((res)=>{
console.log("移除成功") console.log("移除成功")
let nodeIds = new Array();
if(this.updateChoosedCallback)this.updateChoosedCallback(row.catalogId) if(this.updateChoosedCallback)this.updateChoosedCallback(row.catalogId)
row.platformId = null; row.platformId = null;
row.catalogId = null row.catalogId = null
@ -283,10 +276,10 @@ export default {
handleGBSelectionChange: function() { handleGBSelectionChange: function() {
this.initData(); this.initData();
}, },
catalogIdChange: function(id) { // catalogIdChange: function(id) {
this.catalogId = id; // this.catalogId = id;
console.log("通道选择模块收到: " + id) // console.log(" " + id)
}, // },
} }
}; };
</script> </script>

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

@ -1,13 +1,13 @@
<template> <template>
<div id="chooseChannelFoStream" > <div id="chooseChannelFoStream" >
<el-table ref="gbStreamsTable" :data="gbStreams" border style="width: 100%" :height="winHeight"> <el-table ref="gbStreamsTable" :data="gbStreams" border style="width: 100%" :height="winHeight">
<el-table-column prop="name" label="名称" show-overflow-tooltip> <el-table-column prop="name" label="名称" show-overflow-tooltip align="center">
</el-table-column> </el-table-column>
<el-table-column prop="app" label="应用名" show-overflow-tooltip> <el-table-column prop="app" label="应用名" show-overflow-tooltip align="center">
</el-table-column> </el-table-column>
<el-table-column prop="stream" label="流ID" show-overflow-tooltip> <el-table-column prop="stream" label="流ID" show-overflow-tooltip align="center">
</el-table-column> </el-table-column>
<el-table-column prop="gbId" label="国标编码" show-overflow-tooltip> <el-table-column prop="gbId" label="国标编码" show-overflow-tooltip align="center">
</el-table-column> </el-table-column>
<el-table-column label="流来源" width="100" align="center"> <el-table-column label="流来源" width="100" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
@ -43,7 +43,7 @@ export default {
// }; // };
// } // }
}, },
props: ['platformId', 'updateChoosedCallback'], props: ['platformId', 'catalogId', 'updateChoosedCallback'],
created() { created() {
this.initData(); this.initData();
}, },
@ -55,7 +55,6 @@ export default {
channelType: "", channelType: "",
online: "", online: "",
choosed: "", choosed: "",
catalogId: null,
currentPage: 1, currentPage: 1,
count: 10, count: 10,
total: 0, total: 0,
@ -254,10 +253,10 @@ export default {
handleGBSelectionChange: function() { handleGBSelectionChange: function() {
this.initData(); this.initData();
}, },
catalogIdChange: function(id) { // catalogIdChange: function(id) {
this.catalogId = id; // this.catalogId = id;
console.log("直播通道选择模块收到: " + id) // console.log(" " + id)
}, // },
} }
}; };
</script> </script>

Loading…
Cancel
Save