调整搜索框

src/views/home/Header.vue

@@ -295,8 +295,8 @@ export default {
     background-size: 100% 100%;
   }
      .tab-icon {
-  width: 50px;
-  height: 50px;
+  width: 45px;
+  height: 45px;
 }
   .sub {
     position: absolute;
@@ -360,7 +360,7 @@ export default {
 
   .content {
     position: absolute;
-    top: 32px;
+    top: 4vh;
     display: flex;
     justify-content: space-between;
     width: 100%;

src/views/home/SelectForUnit.vue

@@ -103,21 +103,23 @@
 
 <style lang="scss" scoped>
 .select_content{
-    position: fixed;
-    top: 35px;
-    right: 17%;
+    position: absolute;
+    top: 57px;
+    right: 30vh;
     width:  300px;
     height: 320px;
     .select_header{
-        margin-top: 10px;
+        display:flex;
+        align-items: center;
         background: url("@/assets/imgs/header/select_bg.png") no-repeat;
         background-size: 100% 100%;
-        height:40px;
+        height:36px;
+
         .select_header_content{
             display:flex;
-            height: 100%;
+            align-items: center;
+            height: calc(100% - 8px);
             width: 100%;
-            padding-top: 8px;
             padding-left: 10px;
             /*background-color: #00EAFF;*/
             span{
@@ -145,11 +147,10 @@
 
             }
             input{
-                margin-top: 3px;
                 color: #FFFFFF;
                 line-height: 40px;
                 margin-left: 12px;
-                width: 50%;
+                width: 56%;
                 height: 20px;
                 background: none;
                 border: none;

src/views/home/cpns/boatPanel/BoatDjld.vue

@@ -56,7 +56,7 @@
         <!--        <span class="speed" :class="{'selected': playSpeed===1.5}" @click="ChangePlaySpeed(1.5)">x1.5</span>-->
         <!--        <span class="speed" :class="{'selected': playSpeed===2}" @click="ChangePlaySpeed(2)">x2.0</span>-->
         <!--        <span class="speed" :class="{'selected': playSpeed===3}" @click="ChangePlaySpeed(3)">x3.0</span>-->
-        <span class="play-btn" :class="{'btn-disabled': playState===-1}" @click="track_play(1)">轨迹点</span>
+        <span class="play-btn" :class="{'btn-disabled': playState===-1}" v-show="playState<2"  @click="track_play(1)">轨迹点</span>
         <span class="play-btn"   v-show="playState<2" @click="track_play(2)">播放</span>
         <span class="play-btn" v-show="playState===2" @click="track_pause">暂停</span>
         <span class="play-btn" v-show="playState===3" @click="track_resume">继续</span>
@@ -228,7 +228,9 @@ export default {
       padding: 0 30px 0 25px;
     }
     .cb-play {
-      padding: 0 30px 0 40px;
+      padding: 0 30px 0 30px;
+      display: flex;
+      justify-content: center;
     }
   }
 

src/views/home/cpns/boatPanel/BoatGeneral.vue

@@ -99,7 +99,7 @@
 <!--        <span class="speed" :class="{'selected': playSpeed===1.5}" @click="ChangePlaySpeed(1.5)">x1.5</span>-->
 <!--        <span class="speed" :class="{'selected': playSpeed===2}" @click="ChangePlaySpeed(2)">x2.0</span>-->
 <!--        <span class="speed" :class="{'selected': playSpeed===3}" @click="ChangePlaySpeed(3)">x3.0</span>-->
-        <span class="play-btn" :class="{'btn-disabled': playState===-1}" @click="track_play(1)">轨迹点</span>
+        <span class="play-btn" :class="{'btn-disabled': playState===-1}" v-show="playState<2" @click="track_play(1)">轨迹点</span>
         <span class="play-btn"   v-show="playState<2" @click="track_play(2)">播放</span>
         <span class="play-btn" v-show="playState===2" @click="track_pause">暂停</span>
         <span class="play-btn" v-show="playState===3" @click="track_resume">继续</span>
@@ -345,7 +345,9 @@ function getYjxxData(mmsi) {
       padding: 0 30px 0 25px;
     }
     .cb-play {
-      padding: 0 30px 0 40px;
+      padding: 0 30px 0 30px;
+      display: flex;
+      justify-content: center;
     }
   }
 

src/views/home/cpns/boatPanel/BoatKkjk.vue

@@ -87,7 +87,7 @@
         <!--        <span class="speed" :class="{'selected': playSpeed===1.5}" @click="ChangePlaySpeed(1.5)">x1.5</span>-->
         <!--        <span class="speed" :class="{'selected': playSpeed===2}" @click="ChangePlaySpeed(2)">x2.0</span>-->
         <!--        <span class="speed" :class="{'selected': playSpeed===3}" @click="ChangePlaySpeed(3)">x3.0</span>-->
-        <span class="play-btn" :class="{'btn-disabled': playState===-1}" @click="track_play(1)">轨迹点</span>
+        <span class="play-btn" :class="{'btn-disabled': playState===-1}" v-show="playState<2"  @click="track_play(1)">轨迹点</span>
         <span class="play-btn"   v-show="playState<2" @click="track_play(2)">播放</span>
         <span class="play-btn" v-show="playState===2" @click="track_pause">暂停</span>
         <span class="play-btn" v-show="playState===3" @click="track_resume">继续</span>
@@ -482,7 +482,11 @@ export default {
       }
     }
   }
-  
+  .cb-play {
+    padding: 0 30px 0 30px;
+    display: flex;
+    justify-content: center;
+  }
 }
 
 </style>

src/views/home/cpns/boatPanel/BoatPjyl.vue

@@ -66,7 +66,7 @@
             <!--        <span class="speed" :class="{'selected': playSpeed===1.5}" @click="ChangePlaySpeed(1.5)">x1.5</span>-->
             <!--        <span class="speed" :class="{'selected': playSpeed===2}" @click="ChangePlaySpeed(2)">x2.0</span>-->
             <!--        <span class="speed" :class="{'selected': playSpeed===3}" @click="ChangePlaySpeed(3)">x3.0</span>-->
-            <span class="play-btn" :class="{'btn-disabled': playState===-1}" @click="track_play(1)">轨迹点</span>
+            <span class="play-btn" :class="{'btn-disabled': playState===-1}" v-show="playState<2"  @click="track_play(1)">轨迹点</span>
             <span class="play-btn"    v-show="playState<2" @click="track_play(2)">播放</span>
             <span class="play-btn" v-show="playState===2" @click="track_pause">暂停</span>
             <span class="play-btn" v-show="playState===3" @click="track_resume">继续</span>
@@ -394,7 +394,9 @@ export default {
         padding: 0 30px 0 25px;
       }
       .cb-play {
-        padding: 0 30px 0 40px;
+        padding: 0 30px 0 30px;
+        display: flex;
+        justify-content: center;
       }
     }
   }