【站点】【修复】【修复帮助文档的路由监听】

Author: 潘卓然Y7000P

website/src/components/IconFont/iconfont.js

@@ -109,7 +109,12 @@ export const routes = [
     ],
   },
   {
-    path: "/helper/:case",
+    path: "/helper/:mapmode/:first/:file",
+    component: Helper,
+    name: "helper-views",
+  },
+  {
+    path: "/helper/:mapmode/:first/:second/:file",
     component: Helper,
     name: "helper-views",
   },

website/src/router/index.js

@@ -63,18 +63,33 @@ export default {
   },
   methods: {
     getCurrentKind () {
+      // let anchors = location.href.split("#");
+      // if (!anchors || anchors.length < 2) return;
+
+      // let file = anchors[anchors.length - 1];
+      // let mode = this.getMapMode();
+      // let first, second;
+      // if (anchors.length <= 4) {
+      //   first = anchors[anchors.length - 2];
+      //   second = undefined;
+      // } else {
+      //   first = anchors[anchors.length - 3];
+      //   second = anchors[anchors.length - 2];
+      // }
+
       let anchors = location.href.split("#");
       if (!anchors || anchors.length < 2) return;
 
-      let file = anchors[anchors.length - 1];
+      let hrefs = anchors[1].split("/").slice(2);
       let mode = this.getMapMode();
+      let file = hrefs[hrefs.length - 1];
       let first, second;
-      if (anchors.length <= 4) {
-        first = anchors[anchors.length - 2];
-        second = undefined;
-      } else {
-        first = anchors[anchors.length - 3];
-        second = anchors[anchors.length - 2];
+      if (hrefs.length <= 3) {
+        first = hrefs[hrefs.length - 2];
+         second = undefined;
+       } else {
+         first = hrefs[hrefs.length - 3];
+        second = hrefs[hrefs.length - 2];
       }
 
       this.resetHtml(mode, file, first, second);

website/src/views/helper/Helper.vue

@@ -31,7 +31,7 @@ export const Headers = [
                 title: '常见问题',
                 hightlights: [[true]],
                 links: [['OGC-WMTS']],
-                routes: [['/helper/cesium#ogc#wmts#WMTS']]
+                routes: [['/helper/cesium/ogc/wmts/WMTS']]
             },
             {
                 title: '开发示例',
@@ -109,15 +109,19 @@ export const Headers = [
         menus: [
             {
                 title: '常见问题',
-                hightlights: [[true]],
-                links: [['OGC-WMTS']],
-                routes: [['/helper/mapboxgl#ogc#wmts#WMTS']]
+                hightlights: [[true, true, true]],
+                links: [['OGC-WMTS', '矢量瓦片-介绍','矢量瓦片-几何&符号']],
+                routes: [
+                    ['/helper/mapboxgl/ogc/wmts/WMTS',
+                     '/helper/mapboxgl/vectortile/index',
+                     '/helper/mapboxgl/vectortile/style']
+                ]
             },
             {
                 title: '开发示例',
                 hightlights: [
                     [false, false, true, false, false, false, false, false, false, false, true, true],
-                    [true, true]
+                    [true, false, false, true]
                 ],
                 links: [
                     [
@@ -134,7 +138,7 @@ export const Headers = [
                         'DataStore',
                         '行业特色'
                     ],
-                    ['Vue-栅格', 'Vue-交互']
+                    ['Vue-图层', 'Vue-栅格', 'Vue-OGC', 'Vue-交互']
                 ],
                 routes: [
                     [
@@ -151,7 +155,12 @@ export const Headers = [
                         '/gallery/mapboxgl#datastore#elasticsearch',
                         '/gallery/mapboxgl#industry#search'
                     ],
-                    ['/gallery/mapboxgl#vue#vue-raster', '/gallery/mapboxgl#vue#vue-control']
+                    [
+                        '/gallery/mapboxgl#vue#vue-layer',
+                        '/gallery/mapboxgl#vue#vue-raster',
+                        '/gallery/mapboxgl#vue#vue-ogc',
+                        '/gallery/mapboxgl#vue#vue-control'
+                    ]
                 ]
             },
             {