page link

web_src/src/components/item/show/show_regular_item/LeftMenu.vue

@@ -45,9 +45,13 @@
             :key="page.page_id"
           >
             <i class="el-icon-document"></i>
-            <span :title="page.page_title" :id="'left_page_' + page.page_id">{{
-              page.page_title
-            }}</span>
+            <a
+              :href="randerUrl(page.page_id)"
+              @click.prevent="() => {}"
+              :title="page.page_title"
+              :id="'left_page_' + page.page_id"
+              >{{ page.page_title }}</a
+            >
           </el-menu-item>
         </template>
 
@@ -55,6 +59,7 @@
         <LeftMenuSub
           v-if="menu.catalogs && menu.catalogs.length"
           :catalog="menu.catalogs"
+          :item_info="item_info"
         ></LeftMenuSub>
       </el-menu>
     </el-aside>
@@ -139,6 +144,12 @@ export default {
       element.style.display = 'block'
       element = document.getElementById('page_md_content')
       element.style.width = '95%'
+    },
+    randerUrl(page_id) {
+      var domain = this.item_info.item_domain
+        ? this.item_info.item_domain
+        : this.item_info.item_id
+      return '#/' + domain + '/' + page_id
     }
   },
   mounted() {
@@ -271,6 +282,9 @@ export default {
   cursor: pointer;
   position: fixed;
 }
+.el-menu-item:not(.is-active) a {
+  color: #303133;
+}
 </style>
 <style type="text/css">
 #left-side-menu .el-input__inner {

web_src/src/components/item/show/show_regular_item/LeftMenuSub.vue

@@ -18,10 +18,12 @@
             :key="page3.page_id"
           >
             <i class="el-icon-document"></i>
-            <span
+            <a
+              :href="randerUrl(page3.page_id)"
+              @click.prevent="() => {}"
               :title="page3.page_title"
               :id="'left_page_' + page3.page_id"
-              >{{ page3.page_title }}</span
+              >{{ page3.page_title }}</a
             >
           </el-menu-item>
         </template>
@@ -40,13 +42,22 @@
 export default {
   name: 'LeftMenuSub',
   props: {
-    catalog: []
+    catalog: [],
+    item_info: {}
   },
   data() {
     return {}
   },
   components: {},
-  methods: {},
+  methods: {
+    randerUrl(page_id) {
+      if (!this.item_info) return
+      var domain = this.item_info.item_domain
+        ? this.item_info.item_domain
+        : this.item_info.item_id
+      return '#/' + domain + '/' + page_id
+    }
+  },
   mounted() {
     // console.log(this.catalog)
   }
@@ -91,4 +102,7 @@ export default {
   margin-right: 10px;
   margin-bottom: 4px;
 }
+.el-menu-item:not(.is-active) a {
+  color: #303133;
+}
 </style>