修改视频长度，保证不需要滑条右拉

src/views/realTimeMonitoring/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="realTime bg-white">
+    <div class="realTime bg-white" :style="{width : tabsWidth}">
         <a-tabs default-active-key="1" slot="headerContent" v-model="tabKey" @change="tabsChange" padding:10px>
             <a-tab-pane :key="item.streetId.toString()" :tab="item.streetName" v-for="item in realTimeListData"></a-tab-pane>
         </a-tabs>
@@ -84,7 +84,7 @@ export default {
             visible: false,
             modelData: [],
             clientHeight: 0,
-            
+            tabsWidth:0,
             players: [],
             zoomSubUrl:require('@/assets/sub-icon.png'),
             zoomAddUrl:require('@/assets/add-icon.png'),
@@ -117,7 +117,7 @@ export default {
     mounted() {
         this.getClientHeight()
         this.getRealTimeList()
-        
+        this.getTabsWidth()
         this.tabKey = sessionStorage.getItem('tabKey');
 
     },
@@ -482,6 +482,11 @@ export default {
 
             })
         },
+        getTabsWidth(){
+            console.log('tab总长度')
+            console.log(this.$el)
+            this.tabsWidth = '82vw';
+        },
         rightDownStop(event,id){
             console.log('右下鼠标抬起')
             this.rightDownUrl=require('@/assets/right-down-icon.png')