修改错位问题

src/views/governance/index.vue

@@ -1,7 +1,7 @@
 <template>
 <div style="width:100%;height:100%;position:relative">
   <headerdiv ref="headerDiv" :currentindexP = currentindexNew></headerdiv>
-  <div style="display:fix;">
+  <div style="display:fix;flex-direction:row">
   <div style="width:25%;height:100%;display: inline-flex;">
        <div style="width:100%">
        <div class="divtitle" style="margin-top:0.5rem">
@@ -57,10 +57,10 @@
 
 
   </div>
-  <div style="width:50%;height:95%;position:absolute;display: inline-flex;">
+  <div style="width:48%;height:95%;position:absolute;display: inline-flex;">
       <mapdiv ref="mapdiv" style=""></mapdiv>
   </div>
-  <div style="width:25%;height:100%;margin-left:96rem;display: inline-flex;">
+  <div style="width:25%;height:100%;margin-left:92rem;display: inline-flex;">
         <div style="width:100%;padding-left:1rem">
         <div class="divtitle" style="margin-top:1.5rem">
            <img src="../../assets/images/icon.png" style="width:1.8rem;height:1.8rem;margin-top:0.3rem"/>

src/views/public/index.vue

@@ -50,10 +50,10 @@
                 </div>
        </div>
   </div>
-  <div style="width:50%;height:95%;position:absolute;display: inline-flex;">
+  <div style="width:48%;height:95%;position:absolute;display: inline-flex;">
       <mapdiv ref="mapdiv" style=""></mapdiv>
   </div>
-  <div style="width:25%;height:100%;margin-left:96rem;display: inline-flex;">
+  <div style="width:25%;height:100%;margin-left:92rem;display: inline-flex;">
         <div style="width:100%;padding-left:1rem">
         <div class="divtitle" style="margin-top:1.5rem">
            <img src="../../assets/images/icon.png" style="width:1.8rem;height:1.8rem;margin-top:0.3rem"/>

src/views/qdtl/video/video.vue

@@ -1,12 +1,13 @@
 <template>
   <div class="app-container">
      <headerdiv ref="headerDiv" :currentindexP = currentindexNew></headerdiv>
+     <div style="display: inline-flex">
       <div class='leftTree'>
             <el-input
                 placeholder="输入关键字进行过滤"
                 v-model="filterText">
             </el-input>
-             <div style="height:83vh">
+             <div style="height:83vh;">
                   <el-scrollbar style="height:110%;">
                         <el-tree
                             :data="videoData"
@@ -27,10 +28,10 @@
             </div>
       </div>
 
-     <div style="position: absolute;right:0;top:0;width: 100%;height: 100%;padding-left:33rem;padding-top:5rem">
+     <div style="position: absolute;right:0;top:0;width:100% ;height: 100%;padding-left:33rem;margin-top:5rem;z-index:1000;">
          <videodiv :cameracode="ccode" style="height:100%;width:100%"></videodiv>
       </div>
-
+     </div>
   </div>
 </template>
 
@@ -255,12 +256,13 @@ export default {
 
 <style>
      .leftTree{
-          float:left;
+          /* float:left; */
           width:32rem;
           background-color:#04283C;
           padding: 10px;
           padding-top:0 ;
           min-height: 95vh;
+          z-index:1001;
      }
      .app-container{
        padding:0

src/views/safe/index.vue

@@ -49,10 +49,10 @@
 
 
   </div>
-  <div style="width:50%;height:95%;position:absolute;display: inline-flex;">
+  <div style="width:48%;height:95%;position:absolute;display: inline-flex;">
       <mapdiv ref="mapdiv" style=""></mapdiv>
   </div>
-  <div style="width:25%;height:100%;margin-left:96rem;display: inline-flex;">
+  <div style="width:25%;height:100%;margin-left:92rem;display: inline-flex;">
         <div style="width:100%;padding-left:1rem">
         <div class="divtitle" style="margin-top:1.5rem">
            <img src="../../assets/images/icon.png" style="width:1.8rem;height:1.8rem;margin-top:0.3rem"/>