应用中心

src/router/index.js

@@ -6,6 +6,7 @@ import LoginPage from '@/views/LoginPage.vue'
 import menuPage from '@/views/menu.vue'
 import TaskManage from '@/views/taskManage/index.vue'
 import HomePage from '@/views/homePage/index.vue'
+
 export const DEFAULT_DASHBOARD = 'home'
 
 Vue.use(VueRouter)
@@ -14,7 +15,7 @@ const routes = [
   {
     path: '/login',
     name: 'login',
-    component: LoginPage,
+    component: LoginPage
   },
 
   {
@@ -27,110 +28,118 @@ const routes = [
         path: '/saas/home',
         name: 'home',
         component: HomePage,
-        meta: { title: '首页' },
+        meta: { title: '首页' }
       },
       {
         path: '/saas/manage',
         name: 'saasManage',
         meta: { title: 'ERP管理' },
-        component: SaasManage,
+        component: SaasManage
       },
       {
         path: '/saas/menu',
         component: menuPage,
         name: 'saasMenu',
-        meta: { title: '菜单管理' },
+        meta: { title: '菜单管理' }
       },
       {
         path: '/saas/taskManage',
         component: TaskManage,
         name: 'taskManage',
-        meta: { title: '工单管理' },
+        meta: { title: '工单管理' }
       },
       {
         path: '/saas/user',
         component: () => import('@/views/system/users.vue'),
         name: 'system_user',
-        meta: { title: '用户管理' },
+        meta: { title: '用户管理' }
       },
       {
         path: '/saas/currency',
         component: () => import('@/views/basics/currency.vue'),
         name: 'basics_currency',
-        meta: { title: '汇率币种' },
+        meta: { title: '汇率币种' }
       },
       {
         path: '/saas/timed_task',
         component: () => import('@/views/system/timed_task.vue'),
         name: 'system_timed_task',
-        meta: { title: '定时任务' },
+        meta: { title: '定时任务' }
       },
       {
         path: '/saas/announceManage',
         component: () => import('@/views/system/announceManage.vue'),
         name: 'system_announce_manage',
-        meta: { title: '公告管理' },
+        meta: { title: '公告管理' }
       },
       {
         path: '/saas/countryCode',
         component: () => import('@/views/system/countryCode.vue'),
         name: 'system_countryCode',
-        meta: { title: '国家代码' },
+        meta: { title: '国家代码' }
       },
       {
         path: '/saas/abbreviation',
         component: () => import('@/views/system/abbreviation.vue'),
         name: 'system_abbreviation',
-        meta: { title: '州省简称' },
+        meta: { title: '州省简称' }
       },
       {
         path: '/saas/management',
         component: () => import('@/views/system/management.vue'),
         name: 'system_management',
-        meta: { title: '客户管理' },
+        meta: { title: '客户管理' }
       },
       {
         path: '/saas/logistics/transporters',
         component: () => import('@/views/system/transporters.vue'),
         name: 'system_transporters',
-        meta: { title: '运输商列表' },
+        meta: { title: '运输商列表' }
       },
       {
         path: '/saas/category-style',
         component: () => import('@/views/system/category-style.vue'),
         name: 'system_category_style',
-        meta: { title: '类别风格' },
+        meta: { title: '类别风格' }
       },
       {
         path: '/saas/sku-sort',
         component: () => import('@/views/system/sku-sort.vue'),
         name: 'system_sku-sort',
         meta: {
-          title: '属性类管理',
-        },
+          title: '属性类管理'
+        }
       },
       {
         path: '/saas/sku-manage',
         component: () => import('@/views/system/sku-manage.vue'),
         name: 'system_sku-manage',
         meta: {
-          title: '属性值管理',
-        },
+          title: '属性值管理'
+        }
+      },
+      {
+        path: '/saas/app',
+        component: () => import('@/views/system/app.vue'),
+        name: 'system_app',
+        meta: {
+          title: '应用中心'
+        }
       },
       {
         path: '/operation/lossOrder',
         component: () => import('@/views/operation/lossOrder/index.vue'),
         name: 'system_management',
-        meta: { title: '丢单管理' },
-      },
-    ],
-  },
+        meta: { title: '丢单管理' }
+      }
+    ]
+  }
 ]
 
 const router = new VueRouter({
   mode: 'history',
   base: process.env.BASE_URL,
-  routes,
+  routes
 })
 
 export default router

src/utils/commonUtil.js

@@ -4,7 +4,7 @@ function getStaticPath() {
   }
   return window.apiHostSetting.VUE_APP_BASE_URL
 }
-
+export const isMobile = () => window.innerWidth <= 1100
 // zimg图片服务器地址
 export const zImgPath = window.apiHostSetting.VUE_APP_ZIMG_URL
 // 文件存储路径地址
@@ -25,4 +25,4 @@ export function delChildren(list, callback, name) {
 
   recursive(list, callback, 0)
   return list
-}
\ No newline at end of file
+}

src/views/home/navMenu.vue

@@ -262,6 +262,14 @@ export default {
               icon: 'el-icon-box',
               index: '/saas/sku-manage',
               children: []
+            },
+            {
+              id: 11,
+              path: '',
+              label: '应用中心',
+              icon: 'el-icon-s-grid',
+              index: '/saas/app',
+              children: []
             }
           ]
         },

vue.config.js

@@ -3,6 +3,15 @@ module.exports = defineConfig({
   transpileDependencies: true,
   devServer: {
     port: 8082,
-    host: ''
-  },
+    host: '',
+    proxy: {
+      '/api': {
+        target: 'http://192.168.31.188:8096',
+        changeOrigin: true
+        // 路径重写规则，这里将 /api 开头的请求路径替换为空字符串，即去掉 /api 前缀
+
+      }
+    }
+  }
+
 })