commit

src/App.vue

@@ -19,3 +19,17 @@ export default {
   }
 }
 </script>
+
+<style scoped>
+*{
+      margin: 0;
+      padding: 0;
+}
+body{
+  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
+}
+#app {
+    height: 100vh;
+    width: 100%;
+} 
+</style>

src/main.js

@@ -16,7 +16,10 @@ import DateRange from '@/components/DateRange';
 import FilterBox from '@/components/FilterBox';
 import TableProgressColumn from '@/components/TableProgressColumn';
 import VCharts from 'v-charts';
-
+import * as Cesium from 'cesium/Cesium'
+import widget from 'cesium/Widgets/widgets.css'
+Vue.prototype.Cesium = Cesium
+Vue.prototype.Widgets = widget
 window.JSON = new JSONbig({storeAsString: true});
 
 Vue.component('tree-select', TreeSelect);

src/views/situation/index.vue

@@ -7,7 +7,7 @@
           <el-button :type="(this.dimension==5?'success':'danger')" @click="dimensionswitch(5)" round>一体化</el-button>
         </div>
       </el-row>
-      <el-row style="height:calc(100% - 50px);display:flex;position: relative;">
+      <el-row style="height:790px;width: 100%; display:flex;position: relative;">
         <el-col style="height:100%;position: relative;" :span="this.leftwidth"  >
           <div class="main-layout" v-on:mouseover="changeActive('3D')">
             <div id="3DcesiumContainer" class="map"></div>
@@ -58,7 +58,7 @@ export default ({
       viewer2D: null,
       viewer3D: null,
       dimension: 3,
-      leftwidth: 0,
+      leftwidth: 24,
       mousevalue: null,
       shouldAnimate: false,
       activeName: 'first',