TBtools-顶部导航

htmldev/TBTools/src/router/index.js

@@ -19,49 +19,66 @@ const globalRoutes = [
 ]
 
 // 参猫
-export const toolsRoutes = [
+export const toolsNav0 = [
   {
     path: '/tools-analyze',
     component: _import('modules/tools/tools-analyze'),
     name: 'toolsAnalyze',
     meta: { title: '任意竞品透析' }
   },
-  {
-    path: '/tools-credit',
-    component: _import('modules/tools/tools-credit'),
-    name: 'toolsCredit',
-    meta: { title: '淘宝极速验号' }
-  },
   {
     path: '/tools-online',
     component: _import('modules/tools/tools-online'),
     name: 'toolsOnline',
     meta: { title: '在线指数还原' }
+  }
+]
+
+export const toolsNav1 = [
+  {
+    path: '/tools-credit',
+    component: _import('modules/tools/tools-credit'),
+    name: 'toolsCredit',
+    meta: { title: '淘宝极速验号' }
   },
   {
     path: '/tools-ordersearch',
     component: _import('modules/tools/tools-ordersearch'),
     name: 'toolsOrdersearch',
     meta: { title: '淘客订单查询' }
-  },
+  }
+]
+
+export const toolsNav2 = [
   {
     path: '/tools-starkeysearch',
     component: _import('modules/tools/tools-starkeysearch'),
     name: 'toolsStarkeysearch',
     meta: { title: '淘宝下拉框选词' }
   },
-  {
-    path: '/tools-pricetrend',
-    component: _import('modules/tools/tools-pricetrend'),
-    name: 'toolsPricetrend',
-    meta: { title: '价格走势' }
-  },
   {
     path: '/tools-shopinfo',
     component: _import('modules/tools/tools-shopinfo'),
     name: 'toolsShopinfo',
     meta: { title: '店铺信息查询' }
   },
+  {
+    path: '/tools-promote',
+    component: _import('modules/tools/tools-promote'),
+    name: 'toolsPromote',
+    meta: { title: '淘宝卡首屏' }
+  }
+]
+export const toolsNav3 = [
+  {
+    path: '/tools-pricetrend',
+    component: _import('modules/tools/tools-pricetrend'),
+    name: 'toolsPricetrend',
+    meta: { title: '价格走势' }
+  }
+]
+
+export const toolsRoutes = [
   {
     path: '/tools-feedback',
     component: _import('modules/tools/tools-feedback'),
@@ -79,12 +96,6 @@ export const toolsRoutes = [
     component: _import('modules/tools/tools-productaskinfo'),
     name: 'toolsProductaskinfo',
     meta: { title: '商品问大家' }
-  },
-  {
-    path: '/tools-promote',
-    component: _import('modules/tools/tools-promote'),
-    name: 'toolsPromote',
-    meta: { title: '淘宝卡首屏' }
   }
 ]
 
@@ -199,6 +210,10 @@ const mainRoutes = {
     { path: '/login', component: _import('modules/account/login'), name: 'login', meta: { title: '登录' } },
     { path: '/register', component: _import('modules/account/register'), name: 'register', meta: { title: '注册' } },
     { path: '/home', component: _import('common/home'), name: 'home', meta: { title: '首页', isTab: true } },
+    ...toolsNav0,
+    ...toolsNav1,
+    ...toolsNav2,
+    ...toolsNav3,
     ...toolsRoutes,
     ...mineRoutes,
     ...mallRoutes

htmldev/TBTools/src/views/main-navbar.vue

@@ -12,15 +12,59 @@
         </li>
         <li>
           <el-dropdown :show-timeout="0" placement="bottom" style="cursor: pointer;">
-            <span class="el-dropdown-link">淘宝工具</span>
+            <span class="el-dropdown-link">生意参谋工具</span>
             <el-dropdown-menu slot="dropdown">
-              <el-dropdown-item v-for="item in toolsRoutes" :key="item.name">
+              <el-dropdown-item v-for="item in toolsNav0" :key="item.name">
                 <router-link :to="{name: item.name}">{{ item.meta.title }}</router-link>
               </el-dropdown-item>
             </el-dropdown-menu>
           </el-dropdown>
         </li>
+
         <li>
+          <el-dropdown :show-timeout="0" placement="bottom" style="cursor: pointer;">
+            <span class="el-dropdown-link">验号&淘客查询</span>
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item v-for="item in toolsNav1" :key="item.name">
+                <router-link :to="{name: item.name}">{{ item.meta.title }}</router-link>
+              </el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
+        </li>
+
+        <li>
+          <el-dropdown :show-timeout="0" placement="bottom" style="cursor: pointer;">
+            <span class="el-dropdown-link">运营工具</span>
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item v-for="item in toolsNav2" :key="item.name">
+                <router-link :to="{name: item.name}">{{ item.meta.title }}</router-link>
+              </el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
+        </li>
+
+        <li>
+          <el-dropdown :show-timeout="0" placement="bottom" style="cursor: pointer;">
+            <span class="el-dropdown-link">sku监控</span>
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item v-for="item in toolsNav3" :key="item.name">
+                <router-link :to="{name: item.name}">{{ item.meta.title }}</router-link>
+              </el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
+        </li>
+
+        <li>
+          <el-dropdown :show-timeout="0" placement="bottom" style="cursor: pointer;">
+            <span class="el-dropdown-link">淘宝详情页工具</span>
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item v-for="item in toolsRoutes" :key="item.name">
+                <router-link :to="{name: item.name}">{{ item.meta.title }}</router-link>
+              </el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
+        </li>
+        <li v-if="false">
           <router-link :to="{name: 'mall'}">礼品商城</router-link>
         </li>
       </ul>
@@ -52,7 +96,7 @@
 import UpdatePassword from './main-navbar-update-password'
 import { clearLoginInfo } from '@/utils'
 import Vue from 'vue'
-import { toolsRoutes } from '../router'
+import { toolsNav0, toolsNav1, toolsNav2, toolsNav3, toolsRoutes } from '../router'
 import { mapState } from 'vuex'
 
 export default {
@@ -62,6 +106,10 @@ export default {
   data () {
     return {
       updatePassowrdVisible: false,
+      toolsNav0: toolsNav0,
+      toolsNav1: toolsNav1,
+      toolsNav2: toolsNav2,
+      toolsNav3: toolsNav3,
       toolsRoutes: toolsRoutes
     }
   },
@@ -122,7 +170,6 @@ export default {
       display: flex;
       justify-content: center;
       width: 12.5%;
-      padding: 0 20px;
     }
 
     .logo {