菜单页面嵌入

src/pages/modules/vehicleinformation/vehiclestatus.vue

@@ -0,0 +1,64 @@
+<template>
+  <div class="right_side">
+    <div class="right_side_box_1">
+      <ul class="site_btn_box">
+        <li class="site_btn">{{result.working_status}}</li>
+      </ul>
+      <ul class="site_btn_box">
+        <li class="site_btn">{{result.vehicle_status}}</li>
+      </ul>
+      <ul class="site_btn_box site_btn_box_1">
+        <li class="site_btn site_btn_1">X坐标：{{result.x}}</li>
+        <li class="site_btn site_btn_1">Y坐标：{{result.y}}</li>
+        <li class="site_btn site_btn_1">航向角：{{result.z}}</li>
+        <li class="site_btn site_btn_1">下发速度：{{result.send_speed}}</li>
+        <li class="site_btn site_btn_1">实际速度：{{result.real_speed}}</li>
+        <li class="site_btn site_btn_1">舵轮角度：{{result.carrier}}</li>
+        <li class="site_btn site_btn_1">横向偏差：{{result.landscape_deviation}}</li>
+        <li class="site_btn site_btn_1">航向偏差：{{result.course_deviation}}</li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      interTime: this.$store.getters.setTime,
+      timer: null,
+      result: {}
+    }
+  }
+}
+</script>
+
+<style lang="stylus" scoped>
+@import '~@style/mixin'
+.right_side_box_1
+  _wh(100%,100%)
+  padding .26rem .34rem 0 .48rem
+.site_btn_box
+  _wh(100%,auto)
+  overflow hidden
+.site_btn_box_1
+  margin-top .2rem
+  _fj(flex-start)
+  flex-wrap wrap
+.site_btn
+  float left
+  _wh(2.6rem,1rem)
+  background #FFFFFF
+  border 1.6px solid #54C0B3
+  box-shadow 2px 0px 5px 0px rgba(222,222,222,1)
+  border-radius .16rem
+  _font(.32rem,1rem,#54C0B3,,center)
+  margin-right .3rem
+  margin-bottom .2rem
+.site_btn_1
+  width 30%
+  border 1.6px solid #8B90A6
+  color: #696969
+  margin-right 3%
+  margin-bottom .24rem
+</style>