优化通道选择页面样式和优化拉框放大与缩小的接口路径

648540858

2022-01-17 29d69267f9747f268a967a039f685da7e85da3a8

 web_src/src/components/dialog/chooseChannelForStream.vue

@@ -1,6 +1,6 @@
<template>
<div id="chooseChannelFoStream" >
    <el-table ref="gbStreamsTable" :data="gbStreams" border style="width: 100%" @selection-change="checkedChanage" >
    <el-table ref="gbStreamsTable" :data="gbStreams" border style="width: 100%" @selection-change="checkedChanage" :height="winHeight">
        <el-table-column type="selection" width="55" align="center" fixed > </el-table-column>
        <el-table-column prop="name" label="名称" show-overflow-tooltip>
        </el-table-column>
@@ -27,7 +27,6 @@
<script>
export default {
    name: 'chooseChannelFoStream',
    props: {},
    computed: {
        // getPlayerShared: function () {
        //     return {
@@ -37,7 +36,7 @@
        //     };
        // }
    },
    props: ['platformId'],
    props: ['platformId',  'updateChoosedCallback'],
    created() {
        this.initData();
    },
@@ -49,10 +48,12 @@
            channelType: "",
            online: "",
            choosed: "",
            catalogId: null,
            currentPage: 1,
            count: 10,
            total: 0,
            eventEnanle: false
            eventEnanle: false,
            winHeight: window.innerHeight - 350,

        };
    },
@@ -131,10 +132,12 @@
                     url:"/api/gbStream/add",
                    data:{
                        platformId: that.platformId,
                        catalogId: that.catalogId,
                        gbStreams:  addData,
                    }
                }).then((res)=>{
                    console.log("保存成功")
                    if(this.updateChoosedCallback)this.updateChoosedCallback(this.catalogId)
                }).catch(function (error) {
                    console.log(error);
                });
@@ -145,10 +148,12 @@
                    method:"delete",
                    url:"/api/gbStream/del",
                    data:{
                        platformId: that.platformId,
                        gbStreams:  delData,
                    }
                }).then((res)=>{
                    console.log("移除成功")
                   if(this.updateChoosedCallback)this.updateChoosedCallback(this.catalogId)
                }).catch(function (error) {
                    console.log(error);
                });
@@ -207,6 +212,10 @@
        handleGBSelectionChange: function() {
            this.initData();
        },
        catalogIdChange: function(id) {
          this.catalogId = id;
          console.log("直播通道选择模块收到： " + id)
        },
    }
};
</script>