silde-nav添加online跳转

components/side-nav.vue

@@ -1,19 +1,21 @@
 <template>
   <div class="side-content">
-    <ul class="side-nav">
+    <no-ssr>
-      <li 
+      <ul class="side-nav">
-        class="side-item" 
+        <li 
-        v-for="(item, index) in sideiItem" 
+          class="side-item" 
-        :key="index"
+          v-for="(item, index) in sideiItem" 
-        @click="jump(item)"
+          :key="index"
-      >
+          @click="jump(item)"
-        <div class="side-label">
+        >
-          <img :src="item.icon" :alt="item.label" />
+          <div class="side-label">
-          <h4>{{ item.label }}</h4>
+            <img :src="item.icon" :alt="item.label" />
-        </div>
+            <h4>{{ item.label }}</h4>
-        <div v-if="item.desc" class="side-desc" v-html="item.desc"></div>
+          </div>
-      </li>
+          <div v-if="item.desc" class="side-desc" v-html="item.desc"></div>
-    </ul>
+        </li>
+      </ul>
+    </no-ssr>
     <div class="top-btn" @click="goTop">
       <div class="side-label">
         <img src="~/assets//image/icon/top.png" alt="返回顶部" />
@@ -30,7 +32,7 @@ export default {
   name: 'SideNav',
   data() {
     return {
-      
+      maxCatgId: ''
     }
   },
   computed: {
@@ -51,6 +53,7 @@ export default {
         {
           icon: require('../assets/image/icon/online.png'),
           label: this.$t('common.Online'),
+          url: `/inquiry?maxCatgId=${this.maxCatgId}`
         },
         {
           icon: require('../assets/image/icon/whats.png'),
@@ -73,6 +76,11 @@ export default {
       ]
     },
   },
+  beforeMount() {
+    this.$axios.get('/web/getCatgIdApp?catgName=Contact').then(res => {
+      this.maxCatgId = res.data
+    })
+  },
   methods:{
     jump(row) {
       if (row.url) {