优化通道选择页面样式

648540858
1 parent b7c16fe6
Showing 4 changed files with 9 additions and 6 deletions
web_src/src/components/dialog/chooseChannel.vue
web_src/src/components/dialog/chooseChannelForGb.vue
web_src/src/components/dialog/chooseChannelForStream.vue
web_src/src/components/dialog/importChannel.vue
@@ -7,7 +7,7 @@
           <el-tabs v-model="catalogTabActiveName" >
             <el-tab-pane label="目录结构" name="catalog">
               <el-container>
-                <el-main style="background-color: #FFF;">
+                <el-main v-bind:style="{backgroundColor: '#FFF', maxHeight:  winHeight + 'px'}">
                   <chooseChannelForCatalog ref="chooseChannelForCatalog" :platformId=platformId :platformName=platformName :defaultCatalogId=defaultCatalogId :catalogIdChange="catalogIdChange"></chooseChannelForCatalog>
                 </el-main>
               </el-container>
@@ -23,7 +23,7 @@
         <el-checkbox @change="shareAllCheckedChange">全部共享</el-checkbox>
     </div>
-    <el-table ref="gbChannelsTable" :data="gbChannels" border style="width: 100%" @selection-change="checkedChange" >
+    <el-table ref="gbChannelsTable" :data="gbChannels" border style="width: 100%" @selection-change="checkedChange" :height="winHeight">
         <el-table-column type="selection" width="55" align="center" fixed > </el-table-column>
         <el-table-column prop="channelId" label="通道编号" width="210">
         </el-table-column>
@@ -74,7 +74,8 @@ export default {
             currentPage: 1,
             count: 10,
             total: 0,
-            eventEnanle: false
+            eventEnanle: false,
+            winHeight: window.innerHeight - 350,
         };
     },
 <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>
@@ -52,7 +52,8 @@ export default {
             currentPage: 1,
             count: 10,
             total: 0,
-            eventEnanle: false
+            eventEnanle: false,
+            winHeight: window.innerHeight - 350,
         };
     },
@@ -14,7 +14,7 @@
         <el-upload
           class="upload-box"
           drag
-          action="debug/api/push/upload"
+          :action="uploadUrl"
           name="file"
           >
           <i class="el-icon-upload"></i>
@@ -38,6 +38,7 @@ export default {
       showDialog: false,
       isLoging: false,
       isEdit: false,
+      uploadUrl: "debug/api/push/upload",
     };
   },
   methods: {