驾驶舱样式

src/App.vue

@@ -1,10 +1,6 @@
 <template>
-  <div style="    width: 100%;
-    background: rgb(6, 37, 66);
-    height: 100%;">
-    <div id="app">
-      <router-view />
-    </div>
+  <div id="app">
+    <router-view />
   </div>
 </template>
 
@@ -19,8 +15,6 @@ export default {
   top: 0;
   width: 100%;
   height: 100%;
-  z-index: 999;
-  background-image:
-    radial-gradient(rgba(54, 130, 198, 0.4) 50%, rgba(28, 61, 104, 0.4) 70%, rgba(32, 54, 77, 0.4) 90%);
+ 
 }
 </style>

src/views/cockpitNew1/gkzb.vue

@@ -205,18 +205,20 @@ export default {
 <style  lang="scss"  scoped>
 .jsyd {
   border-width: 0px;
-  position: relative;
-  left: 9px;
-  top: 9px;
+  position: fixed;
+  left: 1rem;
+  top: 4rem;
+  z-index: 1;
   width: 416px;
   height: 310px;
   background: inherit;
-  // background-color: rgba(3, 25, 67, 0.698039215686274);
   border: none;
   border-radius: 0px;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
+  background-image:
+    radial-gradient(rgba(54, 130, 198, 0.4) 50%, rgba(28, 61, 104, 0.4) 70%, rgba(32, 54, 77, 0.4) 90%);
 }
 
 .title {

src/views/cockpitNew1/hysy.vue

@@ -404,11 +404,15 @@ export default {
 .hysy {
     border-width: 0px;
     position: absolute;
-    left: 9px;
-    top: 68%;
+    left: 1rem;
+    top: 44rem;
     width: 416px;
     height: 310px;
     display: flex;
+
+    z-index: 1;
+    background-image:
+        radial-gradient(rgba(54, 130, 198, 0.4) 50%, rgba(28, 61, 104, 0.4) 70%, rgba(32, 54, 77, 0.4) 90%);
 }
 
 

src/views/cockpitNew1/tdsc.vue

@@ -631,8 +631,8 @@ export default {
 .tdsc {
   border-width: 0px;
   position: absolute;
-  left: 9px;
-  top: 35%;
+  left: 1rem;
+  top: 24rem;
   width: 416px;
   height: 310px;
   border-width: 0px;
@@ -642,6 +642,9 @@ export default {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
+  z-index: 1;
+  background-image:
+    radial-gradient(rgba(54, 130, 198, 0.4) 50%, rgba(28, 61, 104, 0.4) 70%, rgba(32, 54, 77, 0.4) 90%);
 }
 
 .title {

src/views/map3d.vue

@@ -78,19 +78,14 @@
         </el-tooltip>
       </div>
     </div>
-    <div class="routerContainer">
+    <!-- <div class="routerContainer">
       <router-view ref="routeViewRef"></router-view>
-    </div>
+    </div> -->
+    <GKZB />
+    <TDSC />
+    <HYSY />
     <sm-viewer @viewerChange="viewerChange"> </sm-viewer>
-    <!-- <div class="masking_top">
-      <div class="top_left"></div>
-      <div class="top_right"></div>
-asdasd
-    </div>
-    <div class="masking_left"></div>
-    <div class="masking_bottom"></div>
-    <div class="masking_right"></div>
-    <div class="masking_right"></div> -->
+
     <el-drawer :visible.sync="drawer" :with-header="false" :append-to-body="true" :show-close="false">
       <iframe :src="aiModel" style="width: 100%; height: 100%; position: absolute"></iframe>
     </el-drawer>
@@ -100,8 +95,13 @@ asdasd
 
 <script>
 import { getRouters } from "@/api/menu";
+import GKZB from './cockpitNew1/gkzb';
+import TDSC from './cockpitNew1/tdsc';
+import HYSY from './cockpitNew1/hysy';
+
 export default {
   name: "app",
+  components: { GKZB, TDSC, HYSY },
   data() {
     return {
       menu_left: [],

src/views/viewer1 copy.vue

@@ -1,67 +0,0 @@
-<template>
-  <div v-show="flag" class="viewer">
-    <JSYD />
-    <TDSC />
-    <HYSY />
-    <TDSY />
-    <GDBH />
-    <STXF />
-    <WPJG />
-  </div>
-</template>
-
-<script>
-//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
-
-// import JSYD from './homepage/jsyd.vue';
-// import JSYD from "./cockpitNew1/jsyd";
-import TDSC from "./cockpitNew1/tdsc";
-import HYSY from "./cockpitNew1/hysy";
-import TDSY from "./cockpitNew1/tdsy";
-import GDBH from "./cockpitNew1/gdbh";
-import STXF from "./cockpitNew1/stxf";
-import WPJG from "./cockpitNew1/wpjg";
-import { cockpitInfo } from "@/api/cockpit";
-
-export default {
-  components: { JSYD, TDSC, HYSY, TDSY, GDBH, STXF, WPJG },
-  data() {
-    return {
-      flag: true,
-    };
-  },
-  //监听属性 类似于data概念
-  computed: {},
-  //监控data中的数据变化
-  watch: {},
-  //方法集合
-  methods: {
-    switch() {
-      this.flag = !this.flag;
-    },
-  },
-  beforeCreate() {}, //生命周期 - 创建之前
-  created() {}, //生命周期 - 创建完成（可以访问当前this实例）
-  beforeMount() {}, //生命周期 - 挂载之前
-  async mounted() {
-    // let obj = { beginTime: '20230612', endTime: '20230817', jscType: 'jsc_wpjc_yelx', id: '46' };
-    // let data = await cockpitInfo(obj);
-    // let obj1 = { beginTime: '20230612', endTime: '20230817', jscType: 'jsc_wpjc_ztsh', id: '46' }
-    // let data1 = await cockpitInfo(obj1);
-    // console.log(data, "asda");
-    // console.log(data1, "asda");
-  }, //生命周期 - 挂在完成
-  beforeUpdate() {}, //生命周期 - 更新之前
-  updated() {}, //生命周期 - 更新之后
-  beforeDestroy() {}, //生命周期 - 销毁之前
-  destroy() {}, //生命周期 - 销毁完成
-  activated() {}, //若组件实例是 <KeepAlive> 缓存树的一部分，当组件被插入到 DOM 中时调用。
-  deactivated() {}, //若组件实例是 <KeepAlive> 缓存树的一部分，当组件从 DOM 中被移除时调用。
-};
-</script>
-<style  scoped>
-.viewer {
-  width: 100%;
-  height: 100%;
-}
-</style>