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

648540858
1 parent fa346513
Showing 3 changed files with 20 additions and 28 deletions
web_src/src/components/dialog/chooseChannel.vue
web_src/src/components/dialog/chooseChannelForGb.vue
web_src/src/components/dialog/chooseChannelForStream.vue
@@ -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>
@@ -24,11 +24,11 @@
 <!--        <el-checkbox @change="shareAllCheckedChange">全部共享</el-checkbox>-->
     </div>
     <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 prop="name" label="通道名称" show-overflow-tooltip>
+        <el-table-column prop="name" label="通道名称" show-overflow-tooltip align="center">
         </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 label="设备地址" width="180" align="center">
             <template slot-scope="scope">
@@ -65,7 +65,7 @@ export default {
         //     };
         // }
     },
-    props: ['platformId', 'updateChoosedCallback'],
+    props: ['platformId','catalogId', 'updateChoosedCallback'],
     created() {
         this.initData();
     },
@@ -77,7 +77,6 @@ export default {
             channelType: "",
             online: "",
             choosed: "",
-            catalogId: null,
             currentPage: 1,
             count: 10,
             total: 0,
@@ -110,11 +109,6 @@ export default {
             console.log(val)
             console.log(row)
         },
-        // selectDisable: function (){
-        //   if (this.catalogId == null) {
-        //     return false;
-        //   }
-        // },
         add: function (row) {
           console.log(row)
           row.catalogId = this.catalogId
@@ -146,7 +140,6 @@ export default {
             }
           }).then((res)=>{
             console.log("移除成功")
-            let nodeIds = new Array();
             if(this.updateChoosedCallback)this.updateChoosedCallback(row.catalogId)
             row.platformId = null;
             row.catalogId = null
@@ -283,10 +276,10 @@ export default {
         handleGBSelectionChange: function() {
             this.initData();
         },
-        catalogIdChange: function(id) {
-            this.catalogId = id;
-            console.log("通道选择模块收到： " + id)
-        },
+        // catalogIdChange: function(id) {
+        //     this.catalogId = id;
+        //     console.log("通道选择模块收到： " + id)
+        // },
     }
 };
 </script>
 <template>
 <div id="chooseChannelFoStream" >
     <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 prop="app" label="应用名" show-overflow-tooltip>
+        <el-table-column prop="app" label="应用名" show-overflow-tooltip align="center">
         </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 prop="gbId" label="国标编码" show-overflow-tooltip>
+        <el-table-column prop="gbId" label="国标编码" show-overflow-tooltip align="center">
         </el-table-column>
         <el-table-column label="流来源" width="100" align="center">
             <template slot-scope="scope">
@@ -17,7 +17,7 @@
             </div>
             </template>
         </el-table-column>
-      <el-table-column label="操作" width="100" align="center" fixed="right">
+      <el-table-column label="操作" width="100" align="center" fixed="right" >
         <template slot-scope="scope">
           <el-button-group>
             <el-button size="mini" icon="el-icon-plus" v-if="!scope.row.platformId" @click="add(scope.row)">添加</el-button>
@@ -43,7 +43,7 @@ export default {
         //     };
         // }
     },
-    props: ['platformId',  'updateChoosedCallback'],
+    props: ['platformId', 'catalogId',  'updateChoosedCallback'],
     created() {
         this.initData();
     },
@@ -55,7 +55,6 @@ export default {
             channelType: "",
             online: "",
             choosed: "",
-            catalogId: null,
             currentPage: 1,
             count: 10,
             total: 0,
@@ -254,10 +253,10 @@ export default {
         handleGBSelectionChange: function() {
             this.initData();
         },
-        catalogIdChange: function(id) {
-          this.catalogId = id;
-          console.log("直播通道选择模块收到： " + id)
-        },
+        // catalogIdChange: function(id) {
+        //   this.catalogId = id;
+        //   console.log("直播通道选择模块收到： " + id)
+        // },
     }
 };
 </script>