修改后端地址和新页面

src/App.vue

@@ -9,3 +9,9 @@ export default {
   name: "app",
 };
 </script>
+<style lang="scss">
+#app {
+  background-color: rgba(4, 16, 36,1);
+
+}
+</style>

src/components/Viewer/smViewer.scss

@@ -1,9 +1,17 @@
 #cesiumContainer {
-    width: 100%;
-    height: 100%;
-    margin: 0;
-    padding: 0;
-    overflow: hidden;
+    // width: 100%;
+    // height: 100%;
+    // margin: 0;
+    // padding: 0;
+    // overflow: hidden;
+
+    // 新驾驶舱布局
+    width: 39%;
+    height: 50%;
+    position: absolute;
+    left: 30%;
+    top: 7%;
+
 }
 
 .cesium-viewer-timelineContainer {

src/components/Viewer/smViewer.vue

@@ -1,5 +1,5 @@
 <template>
-  <div id="cesiumContainer" ref="viewer">
+  <div id="cesiumContainer" class="cockpitNew" ref="viewer">
     <!-- 工具选择组件 -->
     <!-- <tool-bar></tool-bar>
     <compass></compass>
@@ -214,4 +214,7 @@ export default {
 </script>
 <style lang="scss">
 @import "smViewer";
+.cockpitNew{
+  border: 1px red solid;
+}
 </style>

src/router/index.js

@@ -30,33 +30,38 @@ Vue.use(Router)
 export const constantRoutes = [{
     path: '/',
     component: () =>
-        import ('@/views/map3d'),
+        import('@/views/map3d'),
     hidden: true,
     children: [{
         path: '/view',
         component: () =>
-            import ('@/views/view'),
+            import('@/views/view'),
         hidden: true
     }, {
         path: '/overview',
         component: () =>
-            import ('@/views/overview'),
+            import('@/views/overview'),
         hidden: true
     }, {
         path: '/cockpit',
         component: () =>
-            import ('@/views/cockpit'),
+            import('@/views/cockpit'),
+        hidden: true
+    }, {
+        path: '/cockpitNew',
+        component: () =>
+            import('@/views/viewer.vue'),
         hidden: true
     }, {
         path: '/checkmodel',
         component: () =>
-            import ('@/views/checkmodel'),
+            import('@/views/checkmodel'),
         hidden: true
     }]
 }, {
     path: '/login',
     component: () =>
-        import ('@/views/login'),
+        import('@/views/login'),
     hidden: true
 }]
 

src/views/cockpitNew/jsyd.vue

@@ -0,0 +1,35 @@
+<template>
+<div>
+    123123
+</div>
+</template>
+
+<script>
+//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
+
+export default {
+  components: {},
+  data() {
+    return {};
+  },
+  //监听属性 类似于data概念
+  computed: {},
+  //监控data中的数据变化
+  watch: {},
+  //方法集合
+  methods: {},
+  beforeCreate() { }, //生命周期 - 创建之前
+  created() { }, //生命周期 - 创建完成（可以访问当前this实例）
+  beforeMount() { }, //生命周期 - 挂载之前
+  mounted() { }, //生命周期 - 挂在完成
+  beforeUpdate() { }, //生命周期 - 更新之前
+  updated() { }, //生命周期 - 更新之后
+  beforeDestroy() { }, //生命周期 - 销毁之前
+  destroy() { },//生命周期 - 销毁完成
+  activated() { }, //若组件实例是 <KeepAlive> 缓存树的一部分，当组件被插入到 DOM 中时调用。
+  deactivated() { } //若组件实例是 <KeepAlive> 缓存树的一部分，当组件从 DOM 中被移除时调用。
+};
+</script>
+<style  scoped>
+
+</style>

src/views/viewer.vue

@@ -0,0 +1,37 @@
+<template>
+    <div>
+        <JSYD />
+    </div>
+</template>
+
+<script>
+//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
+
+// import JSYD from './homepage/jsyd.vue';
+import JSYD from './cockpitNew/jsyd.vue';
+
+
+export default {
+    components: {JSYD  },
+    data() {
+        return {};
+    },
+    //监听属性 类似于data概念
+    computed: {},
+    //监控data中的数据变化
+    watch: {},
+    //方法集合
+    methods: {},
+    beforeCreate() { }, //生命周期 - 创建之前
+    created() { }, //生命周期 - 创建完成（可以访问当前this实例）
+    beforeMount() { }, //生命周期 - 挂载之前
+    mounted() { }, //生命周期 - 挂在完成
+    beforeUpdate() { }, //生命周期 - 更新之前
+    updated() { }, //生命周期 - 更新之后
+    beforeDestroy() { }, //生命周期 - 销毁之前
+    destroy() { },//生命周期 - 销毁完成
+    activated() { }, //若组件实例是 <KeepAlive> 缓存树的一部分，当组件被插入到 DOM 中时调用。
+    deactivated() { } //若组件实例是 <KeepAlive> 缓存树的一部分，当组件从 DOM 中被移除时调用。
+};
+</script>
+<style  scoped></style>

static/Config/config.js

@@ -1,5 +1,5 @@
 //后台地址配置
-window.axiosURI = "http://192.168.100.252:8080";
+window.axiosURI = "http://192.168.60.4:8080";
 //倾斜模型高度配置
 window.modelBottomAltitude = 10;
 // 服务器ip
@@ -8,7 +8,7 @@ window.hostconfig = "127.0.0.1";
 window.mapview = [110.0353, 16.3, 300000.0];
 //默认影像地址，空则为不加载默认影像
 //window.baseImgLayer = "http://127.0.0.1:8090/iserver/services/map-sanyadsm/rest/maps/%E6%B5%B7%E5%8D%97%E5%B2%9B%E5%BD%B1%E5%83%8F15%E7%BA%A7_Level_15%40DataSource";
-window.baseImgLayer = "http://192.168.100.238:8090/iserver/services/map-WorkSpace/rest/maps/%E6%B5%B7%E5%8D%97%E5%B2%9B%E5%BD%B1%E5%83%8F15%E7%BA%A7_Level_15%40DataSource";
+window.baseImgLayer = "http://192.168.60.3:8099/iserver/services/map-WorkSpace-2/rest/maps/%E6%B5%B7%E5%8D%97%E5%B2%9B%E5%BD%B1%E5%83%8F15%E7%BA%A7_Level_15%40DataSource";
 //三维模型查询地址
 window.baseModelQueryLayer = "http://192.168.100.238:8090/iserver/services/data-building/rest/data/featureResults.rjson?returnContent=true";
 /**