feat: 自适应高度和路由默认跳转

Author: junjie-mars

mock/sys/user.ts

@@ -11,7 +11,7 @@ export function createFakeUserList() {
       desc: 'manager',
       password: '123456',
       token: 'fakeToken1',
-      homePath: '/dashboard/analysis',
+      homePath: '/charts/marsgis',
       roles: [
         {
           roleName: 'Super Admin',

src/marsgis/views/index.vue

@@ -1,12 +1,22 @@
 <template>
   <KeepAlive>
-    <div style="height: calc(100% - 10px)">
+    <div :style="{ height: height + 'px' }">
       <MainView />
     </div>
   </KeepAlive>
 </template>
 <script lang="ts" setup>
-import { ref } from "vue"
+import { ref, onMounted } from "vue"
 import MainView from "@mars/components/mars-work/main-view.vue"
+
+const height = ref(600)
+
+onMounted(() => {
+  height.value = document.body.clientHeight - 80
+})
+
+window.onresize = function () {
+  height.value = document.body.clientHeight - 80
+}
 </script>
 <style lang="less"></style>

src/router/routes/modules/demo/charts.ts

@@ -15,20 +15,20 @@ const charts: AppRouteModule = {
   },
   children: [
     {
-      path: 'baiduMap',
-      name: 'BaiduMap',
+      path: 'marsgis',
+      name: 'Marsgis',
       meta: {
-        title: t('routes.demo.charts.baiduMap'),
+        title: '三维地图',
       },
-      component: () => import('/@/views/demo/charts/map/Baidu.vue'),
+      component: () => import('/@/marsgis/views/index.vue'),
     },
     {
-      path: 'marsgis',
-      name: 'Marsgis',
+      path: 'baiduMap',
+      name: 'BaiduMap',
       meta: {
-        title: 'mars3d',
+        title: t('routes.demo.charts.baiduMap'),
       },
-      component: () => import('/@/marsgis/views/index.vue'),
+      component: () => import('/@/views/demo/charts/map/Baidu.vue'),
     },
     {
       path: 'aMap',