old mode 100644
new mode 100755
|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <div id="chooseChannel" v-loading="isLoging"> | 
|---|
|  |  |  | <div id="chooseChannel" > | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <el-dialog title="选择通道" v-if="showDialog" top="2rem" width="70%" :close-on-click-modal="false" :visible.sync="showDialog" :destroy-on-close="true" @close="close()"> | 
|---|
|  |  |  | <el-tabs v-model="tabActiveName" > | 
|---|
|  |  |  | <el-dialog title="选择通道" v-loading="loading" v-if="showDialog" top="2rem" width="90%" :close-on-click-modal="false" :visible.sync="showDialog" :destroy-on-close="true" @close="close()"> | 
|---|
|  |  |  | <el-row> | 
|---|
|  |  |  | <el-col :span="10"> | 
|---|
|  |  |  | <el-tabs v-model="catalogTabActiveName" > | 
|---|
|  |  |  | <el-tab-pane label="目录结构" name="catalog"> | 
|---|
|  |  |  | <el-container> | 
|---|
|  |  |  | <el-main v-bind:style="{backgroundColor: '#FFF', maxHeight:  winHeight + 'px'}"> | 
|---|
|  |  |  | <chooseChannelForCatalog ref="chooseChannelForCatalog" :platformId=platformId :platformDeviceId=platformDeviceId :platformName=platformName :defaultCatalogId=defaultCatalogId :catalogIdChange="catalogIdChange" ></chooseChannelForCatalog> | 
|---|
|  |  |  | </el-main> | 
|---|
|  |  |  | </el-container> | 
|---|
|  |  |  | </el-tab-pane> | 
|---|
|  |  |  | </el-tabs> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | <el-col :span="14"> | 
|---|
|  |  |  | <el-tabs v-model="tabActiveName" @tab-click="tabClick"> | 
|---|
|  |  |  | <el-tab-pane label="国标通道" name="gbChannel"> | 
|---|
|  |  |  | <el-container> | 
|---|
|  |  |  | <el-main style="background-color: #FFF;"> | 
|---|
|  |  |  | <chooseChannelForGb :platformId=platformId ></chooseChannelForGb> | 
|---|
|  |  |  | </el-main> | 
|---|
|  |  |  | </el-container> | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <el-container> | 
|---|
|  |  |  | <el-main style="background-color: #FFF;"> | 
|---|
|  |  |  | <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 :platformId=platformId ></chooseChannelFoStream> | 
|---|
|  |  |  | </el-main> | 
|---|
|  |  |  | </el-container> | 
|---|
|  |  |  | <el-container> | 
|---|
|  |  |  | <el-main style="background-color: #FFF;"> | 
|---|
|  |  |  | <chooseChannelFoStream ref="chooseChannelFoStream" :catalogId="catalogId" :catalogName="catalogName" :currentCatalogId="currentCatalogId" :platformId=platformId ></chooseChannelFoStream> | 
|---|
|  |  |  | </el-main> | 
|---|
|  |  |  | </el-container> | 
|---|
|  |  |  | </el-tab-pane> | 
|---|
|  |  |  | </el-tabs> | 
|---|
|  |  |  | </el-tabs> | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | </el-row> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </el-dialog> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | 
|---|
|  |  |  | <script> | 
|---|
|  |  |  | import chooseChannelForGb from '../dialog/chooseChannelForGb.vue' | 
|---|
|  |  |  | import chooseChannelFoStream from '../dialog/chooseChannelForStream.vue' | 
|---|
|  |  |  | import chooseChannelForCatalog from '../dialog/chooseChannelForCatalog.vue' | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | name: 'chooseChannel', | 
|---|
|  |  |  | props: {}, | 
|---|
|  |  |  | components: { | 
|---|
|  |  |  | chooseChannelForGb, | 
|---|
|  |  |  | chooseChannelFoStream, | 
|---|
|  |  |  | 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 { | 
|---|
|  |  |  | isLoging: false, | 
|---|
|  |  |  | loading: false, | 
|---|
|  |  |  | tabActiveName: "gbChannel", | 
|---|
|  |  |  | catalogTabActiveName: "catalog", | 
|---|
|  |  |  | platformId: "", | 
|---|
|  |  |  | isLoging: false, | 
|---|
|  |  |  | platformDeviceId: "", | 
|---|
|  |  |  | catalogId: "", | 
|---|
|  |  |  | catalogName: "", | 
|---|
|  |  |  | currentCatalogId: "", | 
|---|
|  |  |  | platformName: "", | 
|---|
|  |  |  | defaultCatalogId: "", | 
|---|
|  |  |  | showDialog: false, | 
|---|
|  |  |  | chooseData: {} | 
|---|
|  |  |  | chooseData: {}, | 
|---|
|  |  |  | winHeight: window.innerHeight - 250, | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | openDialog: function (platformId,  closeCallback) { | 
|---|
|  |  |  | console.log(platformId) | 
|---|
|  |  |  | openDialog(platformId, platformDeviceId, platformName, defaultCatalogId, closeCallback) { | 
|---|
|  |  |  | console.log("defaultCatalogId: " + defaultCatalogId) | 
|---|
|  |  |  | this.platformId = platformId | 
|---|
|  |  |  | this.platformDeviceId = platformDeviceId | 
|---|
|  |  |  | this.platformName = platformName | 
|---|
|  |  |  | this.defaultCatalogId = defaultCatalogId | 
|---|
|  |  |  | this.showDialog = true | 
|---|
|  |  |  | this.closeCallback = closeCallback | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | close: function() { | 
|---|
|  |  |  | tabClick (tab, event){ | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | close: function() { | 
|---|
|  |  |  | this.closeCallback() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | search: function() { | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | save: function() { | 
|---|
|  |  |  | var that = this; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | this.$axios({ | 
|---|
|  |  |  | method:"post", | 
|---|
|  |  |  | url:"/api/platform/update_channel_for_gb", | 
|---|
|  |  |  | data:{ | 
|---|
|  |  |  | platformId:  that.platformId, | 
|---|
|  |  |  | channelReduces:  that.chooseData | 
|---|
|  |  |  | platformId:  this.platformId, | 
|---|
|  |  |  | channelReduces:  this.chooseData | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }).then((res)=>{ | 
|---|
|  |  |  | if (res.data == true) { | 
|---|
|  |  |  | that.$message({ | 
|---|
|  |  |  | if (res.data.code === 0) { | 
|---|
|  |  |  | this.$message({ | 
|---|
|  |  |  | showClose: true, | 
|---|
|  |  |  | message: '保存成功,', | 
|---|
|  |  |  | type: 'success' | 
|---|
|  |  |  | 
|---|
|  |  |  | }).catch(function (error) { | 
|---|
|  |  |  | console.log(error); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | catalogIdChange: function (id, name) { | 
|---|
|  |  |  | this.catalogId = id; | 
|---|
|  |  |  | this.catalogName = name; | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | </script> | 
|---|