根据原型图更新项目目录和内容，调整路由位置

README.md

@@ -77,4 +77,15 @@ loadScripts函数传入参数类型为Aarry，Aarry的值为需要当前地图
 
 config.js中更新各模块引入插件包的数据组织方式
 
-相应修改可见 src/views/example/Map.vue 示例
+相应修改可见 src/views/example/Map.vue 示例
+
+# 更新
+## 0.0.2
+移除 xxfk 文件夹
+
+### 业务模块对应关系
+sksjgl  时空数据管理
+skmh    时空门户
+wgn     微功能
+yygl    应用管理
+yxgl    运行管理

public/static/config/config.js

@@ -20,10 +20,9 @@ let systemConfig = {
             "/static/plugins/skyscenery/plugins/CGCS2000ArcGisMapServerImageryProvider.js"
         ]
     },
-    skszk: {},
+    sksjgl: {},
     skmh: {},
     wgn: {},
     yygl: {},
-    xxfk: {},
     yxgl: {}
 }

src/App.vue

@@ -1,14 +1,7 @@
 <template>
-  <div class="main">
-    <Header></Header>
-    <el-scrollbar ref="pagescrollbar" view-style="height:100%">
-      <router-view />
-      <Footer></Footer>
-    </el-scrollbar>
-  </div>
+  <router-view />
 </template>
 <script>
-import { defineAsyncComponent } from "vue";
 import api from "@/api/common";
 export default {
   name: "App",
@@ -17,12 +10,6 @@ export default {
       loadedScripts: [],
     }
   },
-  components: {
-    Header: defineAsyncComponent(() =>
-      import("@/components/AppVue/Header.vue")
-    ),
-    Footer: defineAsyncComponent(() => import("@/components/AppVue/Footer.vue"))
-  },
   mounted() {
     let that = this;
     window.loadScripts = this.loadScripts
@@ -72,6 +59,7 @@ export default {
       // return ww < wh ? ww : wh;
       return ww
     },
+
     initScript() {
       let that = this;
       window.SkySceneryConfig = {
@@ -162,18 +150,4 @@ html {
   transform-origin: left top;
   transform: translate(-50%, 0%);
 }
-
-.main {
-  width: 100%;
-  height: 100%;
-  margin: 0 auto;
-  overflow: hidden;
-
-  .el-scrollbar {
-    width: 100%;
-    height: calc(100% - 70px);
-    box-sizing: border-box;
-    overflow: hidden;
-  }
-}
 </style>

src/components/skszk/controlPanel.vue → src/components/sksjgl/controlPanel.vue

@@ -217,7 +217,7 @@
 </template>
 
 <script>
-import skszk from "../../api/skszk";
+import sksjgl from "../../api/sksjgl";
 // 控制面板
 export default {
   name: "ControlPanel",
@@ -1477,7 +1477,7 @@ export default {
       }
       let that = this;
       // 实际项目中使用以下代码发送请求
-      skszk
+      sksjgl
         .topology(requestUrl, requestData)
         .then((res) => {
           if (requestUrl.indexOf("downloadFile") == -1) {

src/router/index.js

@@ -3,12 +3,25 @@ import { createRouter, createWebHistory } from 'vue-router'
 const routes = [
   {
     path: '/',
-    name: 'home',
+    name: 'root',
     component: function () {
-      return import('../views/HomePage.vue')
-    }
+      return import('../views/Root.vue')
+    },
+    children: [
+      {
+        path: '/',
+        component: function () {
+          return import('../views/HomePage.vue')
+        },
+      },
+      {
+        path: 'wgn',
+        component: function () {
+          return import('../views/wgn/index.vue')
+        },
+      }
+    ],
   },
-  // 例子（开发时参考，生产环境中相关文件无意义）
   {
     path: '/example',
     name: 'example',
@@ -30,12 +43,14 @@ const routes = [
       }
     ], // 子路由配置结束
   },
-  // 时空算子库
+
+  /***************** 跳转单页面 ******************/
+  // 时空数据管理
   {
-    path: '/skszk',
-    name: 'skszk',
+    path: '/sksjgl',
+    name: 'sksjgl',
     component: function () {
-      return import('../views/skszk/Example.vue')
+      return import('../views/sksjgl/Example.vue')
     }
   },
   // 时空门户
@@ -86,22 +101,6 @@ const routes = [
       }
     ], // 子路由配置结束
   },
-  // 信息反馈
-  {
-    path: '/xxfk',
-    name: 'xxfk',
-    component: function () {
-      return import('../views/Xxfk.vue')
-    },
-    children: [ // 子路由配置开始
-      {
-        path: 'example',
-        component: function () {
-          return import('../views/xxfk/Example.vue')
-        },
-      }
-    ], // 子路由配置结束
-  },
   // 运行管理
   {
     path: '/yxgl',

src/store/index.js

@@ -8,11 +8,10 @@ export default createStore({
     userState: false,
     userInfo: null,
 
-    skszk: {},
+    sksjgl: {},
     skmh: {},
     wgn: {},
     yygl: {},
-    xxfk: {},
     yxgl: {}
   },
   getters: {

src/views/HomePage.vue

@@ -292,7 +292,7 @@ export default {
   methods: {
     gotoDetail() {
       this.$router.push({
-        path: "/skszk",
+        path: "/sksjgl",
       });
     },
     // 处理调用总数数字

src/views/Root.vue

@@ -0,0 +1,55 @@
+<template>
+  <div class="main">
+    <Header></Header>
+    <el-scrollbar ref="pagescrollbar" view-style="height:100%">
+      <router-view />
+      <Footer></Footer>
+    </el-scrollbar>
+  </div>
+</template>
+
+<script>
+import { defineAsyncComponent } from "vue";
+export default {
+  name: "Home",
+  data() {
+    return {
+      todayCall: "857,605",
+      totalCall: [],
+
+      serveNum: 456,
+      userNum: 17,
+      appNum: 43,
+
+      currentTab: "data-governance", // 初始选中项
+      tabs: [
+        { key: "data-governance", icon: "", title: "数据治理" },
+        { key: "business-app", icon: "", title: "业务应用" },
+        { key: "comprehensive-decision", icon: "", title: "综合决策" },
+      ],
+    };
+  },
+  components: {
+    Header: defineAsyncComponent(() =>
+      import("@/components/AppVue/Header.vue")
+    ),
+    Footer: defineAsyncComponent(() => import("@/components/AppVue/Footer.vue"))
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.main {
+  width: 100%;
+  height: 100%;
+  margin: 0 auto;
+  overflow: hidden;
+
+  .el-scrollbar {
+    width: 100%;
+    height: calc(100% - 70px);
+    box-sizing: border-box;
+    overflow: hidden;
+  }
+}
+</style>

src/views/Skszk.vue

@@ -1,12 +1,12 @@
 <template>
-    <div class="skszk container">
+    <div class="sksjgl container">
         <router-view />
     </div>
 </template>
 
 <script>
 export default {
-    name: "skszk",
+    name: "sksjgl",
     data() {
         return {
 
@@ -25,7 +25,7 @@ export default {
     margin: 0 auto;
 }
 
-.skszk {
+.sksjgl {
     position: relative;
 }
 </style>

src/views/Xxfk.vue

@@ -1,31 +0,0 @@
-<template>
-    <div class="xxfk container">
-        <router-view />
-    </div>
-</template>
-
-<script>
-export default {
-    name: "xxfk",
-    data() {
-        return {
-
-        };
-    },
-    mounted() {
-    },
-    methods: {
-    }
-};
-</script>
-
-<style lang="less" scoped>
-.container {
-    width: 1920px;
-    margin: 0 auto;
-}
-
-.xxfk {
-    position: relative;
-}
-</style>

src/views/example/Example.vue

@@ -25,7 +25,7 @@ export default {
     margin: 0 auto;
 }
 
-.skszk {
+.sksjgl {
     position: relative;
 }
 </style>

src/views/skszk/Example.vue → src/views/sksjgl/Example.vue

@@ -8,10 +8,10 @@
 </template>
 
 <script>
-import ControlPanel from "../../components/skszk/controlPanel.vue";
+import ControlPanel from "../../components/sksjgl/controlPanel.vue";
 // 需要开发出一个时空算子库的示例页面：需要能绘制点线面的工具，且能包装绘制的几何对象传入到后台接口中
 export default {
-  name: "SkszkExample",
+  name: "sksjglExample",
   // 2. 局部注册组件（键值同名可简写）
   components: {
     ControlPanel, // 完整写法：MyButton: MyButton

src/views/wgn/index.vue

@@ -152,7 +152,7 @@ export default {
     handleOnlineDemo(item) {
       // 1. 解析目标路由（支持传参、命名路由等）
       const routeData = this.$router.resolve({
-        path: "/skszk", // 时空算子库
+        path: "/sksjgl", // 时空算子库
         query: { sceneId: item.c_scene_name },
       });
       // 2. 打开新窗口（_blank 表示新窗口）

src/views/xxfk/Example.vue

@@ -1,27 +0,0 @@
-<template>
-    <div class="example">
-        xxfk example
-    </div>
-</template>
-
-<script>
-export default {
-    name: "",
-    data() {
-        return {
-
-        };
-    },
-    mounted() {
-    },
-    methods: {
-    }
-};
-</script>
-
-<style lang="less" scoped>
-.container {
-    width: 1920px;
-    margin: 0 auto;
-}
-</style>