guhongwei hace 4 años
padre
commit
0043220992
Se han modificado 3 ficheros con 341 adiciones y 358 borrados
  1. 3 4
      src/layout/common/footInfo.vue
  2. 320 325
      src/router/index.js
  3. 18 29
      src/views/index.vue

+ 3 - 4
src/layout/common/footInfo.vue

@@ -3,20 +3,19 @@
     <el-row>
       <el-col :span="24" class="footInfo">
         <van-tabbar route>
+          <van-tabbar-item to="/">
+            <p class="text">首页</p>
+          </van-tabbar-item>
           <van-tabbar-item to="/live/index">
-            <!-- <van-image width="60" height="60" :src="index" /> -->
             <p class="text">直播大厅</p>
           </van-tabbar-item>
           <van-tabbar-item to="/market/index">
-            <!-- <van-image width="60" height="60" :src="question" /> -->
             <p class="text">科技超市</p>
           </van-tabbar-item>
           <van-tabbar-item to="/service/index">
-            <!-- <van-image width="60" height="60" :src="question" /> -->
             <p class="text">创新服务</p>
           </van-tabbar-item>
           <van-tabbar-item to="/user/index">
-            <!-- <van-image width="60" height="60" :src="user" /> -->
             <p class="text">个人中心</p>
           </van-tabbar-item>
         </van-tabbar>

+ 320 - 325
src/router/index.js

@@ -5,313 +5,308 @@ import store from '@/store/index';
 Vue.use(VueRouter);
 
 const routes = [
-  // 绑定
-  {
-    path: '/bind',
-    name: 'bind',
-    meta: { title: '绑定', isleftarrow: false },
-    component: () => import('../views/bind.vue'),
-  },
-  // 展会绑定
-  {
-    path: '/dockbind',
-    name: 'dockbind',
-    meta: { title: '展会绑定', isleftarrow: false },
-    component: () => import('../views/dockbind.vue'),
-  },
-  //关注公众号
-  {
-    path: '/followbind',
-    name: 'followbind',
-    meta: { title: '关注公众号', isleftarrow: false },
-    component: () => import('../views/followbind.vue'),
-  },
-  // 错误
-  {
-    path: '/error',
-    name: 'error',
-    meta: { title: '绑定授权', isleftarrow: false },
-    component: () => import('../views/followbind.vue'),
-  },
-  // 直播大厅
-  {
-    path: '/live/index',
-    name: 'live_index',
-    meta: { title: '直播大厅', isleftarrow: true },
-    component: () => import('../views/live/index.vue'),
-  },
-  // 直播详情
-  {
-    path: '/live/roomDetail',
-    name: 'live_detail',
-    meta: { title: '直播详情', isleftarrow: true },
-    component: () => import('../views/live/roomDetail.vue'),
-  },
-  // 直播详情
-  {
-    path: '/live/detail',
-    name: 'live_detail',
-    meta: { title: '直播详情', isleftarrow: true },
-    component: () => import('../views/live/detail.vue'),
-  },
-  // 直播房间详情
-  {
-    path: '/onlive/roomInfo',
-    name: 'onlive_roomInfo',
-    meta: { title: '直播房间详情', isleftarrow: true },
-    component: () => import('../views/onlive/roomInfo.vue'),
-  },
-
-  // 科技超市
-  {
-    path: '/market/index',
-    name: 'market_index',
-    meta: { title: '科技超市', isleftarrow: true },
-    component: () => import('../views/market/index.vue'),
-  },
-  // 科技超市-技术-产品-服务详情
-  {
-    path: '/market/prodDetail',
-    name: 'market_prodDetail',
-    meta: { title: '产品详情', isleftarrow: true },
-    component: () => import('../views/market/prodDetail.vue'),
-  },
-  // 科技超市-专家详情
-  {
-    path: '/market/exportDetail',
-    name: 'market_exportDetail',
-    meta: { title: '专家详情', isleftarrow: true },
-    component: () => import('../views/market/exportDetail.vue'),
-  },
-
-  // 科技超市-发布产品
-  {
-    path: '/market/detail',
-    name: 'market_detail',
-    meta: { title: '发布产品', isleftarrow: true },
-    component: () => import('../views/market/detail.vue'),
-  },
-  // 创新服务
-  {
-    path: '/service/index',
-    name: 'service_index',
-    meta: { title: '创新服务', isleftarrow: true },
-    component: () => import('../views/service/index.vue'),
-  },
-  {
-    path: '/service/detail',
-    name: 'service_detail',
-    meta: { title: '创新服务', isleftarrow: true },
-    component: () => import('../views/service/detail.vue'),
-  },
-  // 用户-我的发布
-  {
-    path: '/userCenter/myProduct/index',
-    name: 'myProduct_index',
-    meta: { title: '我的发布', isleftarrow: true },
-    component: () => import('../views/userCenter/myProduct/index.vue'),
-  },
-
-  //用户-我的发布详情
-  {
-    path: '/userCenter/myProduct/detailinfo',
-    name: 'myProduct_detailinfo',
-    meta: { title: '产品详情', isleftarrow: true },
-    component: () => import('../views/userCenter/myProduct/detailinfo.vue'),
-  },
-
-  // 用户-发布产品
-  {
-    path: '/userCenter/myProduct/detail',
-    name: 'myProduct_detail',
-    meta: { title: '发布产品', isleftarrow: true },
-    component: () => import('../views/userCenter/myProduct/detail.vue'),
-  },
-  // 用户-事项管理
-  {
-    path: '/userCenter/matter/index',
-    name: 'matter_index',
-    meta: { title: '事项管理', isleftarrow: true },
-    component: () => import('../views/userCenter/matter/index.vue'),
-  },
-
-  // 用户-事项管理详情
-  {
-    path: '/userCenter/matter/detailinfo',
-    name: 'matter_idetailinfo',
-    meta: { title: '事项详情', isleftarrow: true },
-    component: () => import('../views/userCenter/matter/detailinfo.vue'),
-  },
-
-  // 用户-展会管理
-  {
-    path: '/userCenter/dock/index',
-    name: 'dock_index',
-    meta: { title: '展会管理', isleftarrow: true },
-    component: () => import('../views/userCenter/dock/index.vue'),
-  },
-  // 用户-申请对接会
-  {
-    path: '/userCenter/dock/apply',
-    name: 'dock_apply',
-    meta: { title: '申请对接会', isleftarrow: true },
-    component: () => import('../views/userCenter/dock/apply.vue'),
-  },
-  // 用户-个人中心
-  {
-    path: '/userCenter/user/index',
-    name: 'user_index',
-    meta: { title: '个人中心', isleftarrow: true },
-    component: () => import('../views/userCenter/user/index.vue'),
-  },
-  // // 个人中心
-  {
-    path: '/user/index',
-    name: 'user_index',
-    meta: { title: '个人中心', isleftarrow: true },
-    component: () => import('../views/user/index.vue'),
-  },
-
-  // 管理员个人中心-用户管理
-  {
-    path: '/adminCenter/user/index',
-    name: 'adminCenter_user_index',
-    meta: { title: '用户管理', isleftarrow: true },
-    component: () => import('../views/adminCenter/user/index.vue'),
-  },
-  // 管理员个人中心-编辑审核
-  {
-    path: '/adminCenter/user/detail',
-    name: 'adminCenter_user_detail',
-    meta: { title: '用户详情', isleftarrow: true },
-    component: () => import('../views/adminCenter/user/detail.vue'),
-  },
-  // 管理员个人中心-对接会管理
-  {
-    path: '/adminCenter/duijiehui/index',
-    name: 'adminCenter_user_detail',
-    meta: { title: '对接会管理', isleftarrow: true },
-    component: () => import('../views/adminCenter/duijiehui/index.vue'),
-  },
-  // 管理员个人中心-对接会详情
-  {
-    path: '/adminCenter/duijiehui/detail',
-    name: 'adminCenter_duijiehuir_detail',
-    meta: { title: '对接会详情', isleftarrow: true },
-    component: () => import('../views/adminCenter/duijiehui/detail.vue'),
-  },
-
-  // 管理员个人中心-对接会审核
-  {
-    path: '/adminCenter/duijiehui/examine',
-    name: 'adminCenter_duijiehuiexamine',
-    meta: { title: '对接会状态审核', isleftarrow: true },
-    component: () => import('../views/adminCenter/duijiehui/examine.vue'),
-  },
-
-  // 管理员个人中心-对接会申请状况列表
-  {
-    path: '/adminCenter/duijiehui/apply',
-    name: 'adminCenter_duijiapply',
-    meta: { title: '对接会申请状况列表', isleftarrow: true },
-    component: () => import('../views/adminCenter/duijiehui/apply.vue'),
-  },
-
-  // 管理员个人中心-对接会申请状况列表
-  {
-    path: '/adminCenter/enterpriseProduct/index',
-    name: 'adminCenter_enterpriseProduct',
-    meta: { title: '产品供求审核管理', isleftarrow: true },
-    component: () => import('../views/adminCenter/enterpriseProduct/index.vue'),
-  },
-  // 管理员个人中心-产品供求交易状态审核管理
-  {
-    path: '/adminCenter/transaction/index',
-    name: 'adminCenter_transaction',
-    meta: { title: '产品供求交易状态审核管理', isleftarrow: true },
-    component: () => import('../views/adminCenter/transaction/index.vue'),
-  },
-
-  // 管理员个人中心-产品供求交易状态审核管理
-  {
-    path: '/adminCenter/transaction/detail',
-    name: 'adminCenter_detail',
-    meta: { title: '产品供求交易状态审核管理详情', isleftarrow: true },
-    component: () => import('../views/adminCenter/transaction/detail.vue'),
-  },
-  // 展会负责人个人中心
-  // 展会管理
-  {
-    path: '/dockCenter/dockInfo/index',
-    name: 'dockCenter_index',
-    meta: { title: '展会管理', isleftarrow: true },
-    component: () => import('../views/dockCenter/dockInfo/index.vue'),
-  },
-  // 申请管理
-  {
-    path: '/dockCenter/applyInfo/index',
-    name: 'dockCenter_index',
-    meta: { title: '申请管理', isleftarrow: true },
-    component: () => import('../views/dockCenter/applyInfo/index.vue'),
-  },
-  // 审核管理-审核产品
-  {
-    path: '/dockCenter/applyInfo/productList',
-    name: 'dockCenter_productList',
-    meta: { title: '审核产品', isleftarrow: true },
-    component: () => import('../views/dockCenter/applyInfo/productList.vue'),
-  },
-  // VIP用户
-  {
-    path: '/dockCenter/vipInfo/index',
-    name: 'dockCenter_index',
-    meta: { title: 'VIP用户', isleftarrow: true },
-    component: () => import('../views/dockCenter/vipInfo/index.vue'),
-  },
-  // vip用户+添加用户
-  {
-    path: '/dockCenter/vipInfo/addUser',
-    name: 'dockCenter_addUser',
-    meta: { title: '添加&维护VIP用户', isleftarrow: true },
-    component: () => import('../views/dockCenter/vipInfo/addUser.vue'),
-  },
-
-  // 交易备案
-  {
-    path: '/dockCenter/transaction/index',
-    name: 'dockCenter_index',
-    meta: { title: '交易备案', isleftarrow: true },
-    component: () => import('../views/dockCenter/transaction/index.vue'),
-  },
-  // 统计报表
-  {
-    path: '/dockCenter/statisInfo/index',
-    name: 'dockCenter_index',
-    meta: { title: '统计报表', isleftarrow: true },
-    component: () => import('../views/dockCenter/statisInfo/index.vue'),
-  },
-  // 动态监测
-  {
-    path: '/dockCenter/dynamicInfo/index',
-    name: 'dockCenter_index',
-    meta: { title: '动态监测', isleftarrow: true },
-    component: () => import('../views/dockCenter/dynamicInfo/index.vue'),
-  },
-  // 展会VIP用户-个人中心
-  // 统计报表
-  {
-    path: '/vipDockCenter/statisInfo/index',
-    name: 'vipDockCenter_index',
-    meta: { title: '统计报表', isleftarrow: true },
-    component: () => import('../views/vipDockCenter/statisInfo/index.vue'),
-  },
-  // 动态监测
-  {
-    path: '/vipDockCenter/dynamicInfo/index',
-    name: 'vipDockCenter_index',
-    meta: { title: '动态监测', isleftarrow: true },
-    component: () => import('../views/vipDockCenter/dynamicInfo/index.vue'),
-  },
+  // 首页
+  {
+    path: '/',
+    name: '',
+    meta: { title: '首页', isleftarrow: false },
+    component: () => import('../views/index.vue'),
+  },
+  // // 绑定
+  // {
+  //   path: '/bind',
+  //   name: 'bind',
+  //   meta: { title: '绑定', isleftarrow: false },
+  //   component: () => import('../views/bind.vue'),
+  // },
+  // // 展会绑定
+  // {
+  //   path: '/dockbind',
+  //   name: 'dockbind',
+  //   meta: { title: '展会绑定', isleftarrow: false },
+  //   component: () => import('../views/dockbind.vue'),
+  // },
+  // //关注公众号
+  // {
+  //   path: '/followbind',
+  //   name: 'followbind',
+  //   meta: { title: '关注公众号', isleftarrow: false },
+  //   component: () => import('../views/followbind.vue'),
+  // },
+  // // 错误
+  // {
+  //   path: '/error',
+  //   name: 'error',
+  //   meta: { title: '绑定授权', isleftarrow: false },
+  //   component: () => import('../views/followbind.vue'),
+  // },
+  // // 直播大厅
+  // {
+  //   path: '/live/index',
+  //   name: 'live_index',
+  //   meta: { title: '直播大厅', isleftarrow: true },
+  //   component: () => import('../views/live/index.vue'),
+  // },
+  // // 直播详情
+  // {
+  //   path: '/live/roomDetail',
+  //   name: 'live_detail',
+  //   meta: { title: '直播详情', isleftarrow: true },
+  //   component: () => import('../views/live/roomDetail.vue'),
+  // },
+  // // 直播详情
+  // {
+  //   path: '/live/detail',
+  //   name: 'live_detail',
+  //   meta: { title: '直播详情', isleftarrow: true },
+  //   component: () => import('../views/live/detail.vue'),
+  // },
+  // // 直播房间详情
+  // {
+  //   path: '/onlive/roomInfo',
+  //   name: 'onlive_roomInfo',
+  //   meta: { title: '直播房间详情', isleftarrow: true },
+  //   component: () => import('../views/onlive/roomInfo.vue'),
+  // },
+  // // 科技超市
+  // {
+  //   path: '/market/index',
+  //   name: 'market_index',
+  //   meta: { title: '科技超市', isleftarrow: true },
+  //   component: () => import('../views/market/index.vue'),
+  // },
+  // // 科技超市-技术-产品-服务详情
+  // {
+  //   path: '/market/prodDetail',
+  //   name: 'market_prodDetail',
+  //   meta: { title: '产品详情', isleftarrow: true },
+  //   component: () => import('../views/market/prodDetail.vue'),
+  // },
+  // // 科技超市-专家详情
+  // {
+  //   path: '/market/exportDetail',
+  //   name: 'market_exportDetail',
+  //   meta: { title: '专家详情', isleftarrow: true },
+  //   component: () => import('../views/market/exportDetail.vue'),
+  // },
+  // // 科技超市-发布产品
+  // {
+  //   path: '/market/detail',
+  //   name: 'market_detail',
+  //   meta: { title: '发布产品', isleftarrow: true },
+  //   component: () => import('../views/market/detail.vue'),
+  // },
+  // // 创新服务
+  // {
+  //   path: '/service/index',
+  //   name: 'service_index',
+  //   meta: { title: '创新服务', isleftarrow: true },
+  //   component: () => import('../views/service/index.vue'),
+  // },
+  // {
+  //   path: '/service/detail',
+  //   name: 'service_detail',
+  //   meta: { title: '创新服务', isleftarrow: true },
+  //   component: () => import('../views/service/detail.vue'),
+  // },
+  // // 用户-我的发布
+  // {
+  //   path: '/userCenter/myProduct/index',
+  //   name: 'myProduct_index',
+  //   meta: { title: '我的发布', isleftarrow: true },
+  //   component: () => import('../views/userCenter/myProduct/index.vue'),
+  // },
+  // //用户-我的发布详情
+  // {
+  //   path: '/userCenter/myProduct/detailinfo',
+  //   name: 'myProduct_detailinfo',
+  //   meta: { title: '产品详情', isleftarrow: true },
+  //   component: () => import('../views/userCenter/myProduct/detailinfo.vue'),
+  // },
+  // // 用户-发布产品
+  // {
+  //   path: '/userCenter/myProduct/detail',
+  //   name: 'myProduct_detail',
+  //   meta: { title: '发布产品', isleftarrow: true },
+  //   component: () => import('../views/userCenter/myProduct/detail.vue'),
+  // },
+  // // 用户-事项管理
+  // {
+  //   path: '/userCenter/matter/index',
+  //   name: 'matter_index',
+  //   meta: { title: '事项管理', isleftarrow: true },
+  //   component: () => import('../views/userCenter/matter/index.vue'),
+  // },
+  // // 用户-事项管理详情
+  // {
+  //   path: '/userCenter/matter/detailinfo',
+  //   name: 'matter_idetailinfo',
+  //   meta: { title: '事项详情', isleftarrow: true },
+  //   component: () => import('../views/userCenter/matter/detailinfo.vue'),
+  // },
+  // // 用户-展会管理
+  // {
+  //   path: '/userCenter/dock/index',
+  //   name: 'dock_index',
+  //   meta: { title: '展会管理', isleftarrow: true },
+  //   component: () => import('../views/userCenter/dock/index.vue'),
+  // },
+  // // 用户-申请对接会
+  // {
+  //   path: '/userCenter/dock/apply',
+  //   name: 'dock_apply',
+  //   meta: { title: '申请对接会', isleftarrow: true },
+  //   component: () => import('../views/userCenter/dock/apply.vue'),
+  // },
+  // // 用户-个人中心
+  // {
+  //   path: '/userCenter/user/index',
+  //   name: 'user_index',
+  //   meta: { title: '个人中心', isleftarrow: true },
+  //   component: () => import('../views/userCenter/user/index.vue'),
+  // },
+  // // // 个人中心
+  // {
+  //   path: '/user/index',
+  //   name: 'user_index',
+  //   meta: { title: '个人中心', isleftarrow: true },
+  //   component: () => import('../views/user/index.vue'),
+  // },
+  // // 管理员个人中心-用户管理
+  // {
+  //   path: '/adminCenter/user/index',
+  //   name: 'adminCenter_user_index',
+  //   meta: { title: '用户管理', isleftarrow: true },
+  //   component: () => import('../views/adminCenter/user/index.vue'),
+  // },
+  // // 管理员个人中心-编辑审核
+  // {
+  //   path: '/adminCenter/user/detail',
+  //   name: 'adminCenter_user_detail',
+  //   meta: { title: '用户详情', isleftarrow: true },
+  //   component: () => import('../views/adminCenter/user/detail.vue'),
+  // },
+  // // 管理员个人中心-对接会管理
+  // {
+  //   path: '/adminCenter/duijiehui/index',
+  //   name: 'adminCenter_user_detail',
+  //   meta: { title: '对接会管理', isleftarrow: true },
+  //   component: () => import('../views/adminCenter/duijiehui/index.vue'),
+  // },
+  // // 管理员个人中心-对接会详情
+  // {
+  //   path: '/adminCenter/duijiehui/detail',
+  //   name: 'adminCenter_duijiehuir_detail',
+  //   meta: { title: '对接会详情', isleftarrow: true },
+  //   component: () => import('../views/adminCenter/duijiehui/detail.vue'),
+  // },
+  // // 管理员个人中心-对接会审核
+  // {
+  //   path: '/adminCenter/duijiehui/examine',
+  //   name: 'adminCenter_duijiehuiexamine',
+  //   meta: { title: '对接会状态审核', isleftarrow: true },
+  //   component: () => import('../views/adminCenter/duijiehui/examine.vue'),
+  // },
+  // // 管理员个人中心-对接会申请状况列表
+  // {
+  //   path: '/adminCenter/duijiehui/apply',
+  //   name: 'adminCenter_duijiapply',
+  //   meta: { title: '对接会申请状况列表', isleftarrow: true },
+  //   component: () => import('../views/adminCenter/duijiehui/apply.vue'),
+  // },
+  // // 管理员个人中心-对接会申请状况列表
+  // {
+  //   path: '/adminCenter/enterpriseProduct/index',
+  //   name: 'adminCenter_enterpriseProduct',
+  //   meta: { title: '产品供求审核管理', isleftarrow: true },
+  //   component: () => import('../views/adminCenter/enterpriseProduct/index.vue'),
+  // },
+  // // 管理员个人中心-产品供求交易状态审核管理
+  // {
+  //   path: '/adminCenter/transaction/index',
+  //   name: 'adminCenter_transaction',
+  //   meta: { title: '产品供求交易状态审核管理', isleftarrow: true },
+  //   component: () => import('../views/adminCenter/transaction/index.vue'),
+  // },
+  // // 管理员个人中心-产品供求交易状态审核管理
+  // {
+  //   path: '/adminCenter/transaction/detail',
+  //   name: 'adminCenter_detail',
+  //   meta: { title: '产品供求交易状态审核管理详情', isleftarrow: true },
+  //   component: () => import('../views/adminCenter/transaction/detail.vue'),
+  // },
+  // // 展会负责人个人中心
+  // // 展会管理
+  // {
+  //   path: '/dockCenter/dockInfo/index',
+  //   name: 'dockCenter_index',
+  //   meta: { title: '展会管理', isleftarrow: true },
+  //   component: () => import('../views/dockCenter/dockInfo/index.vue'),
+  // },
+  // // 申请管理
+  // {
+  //   path: '/dockCenter/applyInfo/index',
+  //   name: 'dockCenter_index',
+  //   meta: { title: '申请管理', isleftarrow: true },
+  //   component: () => import('../views/dockCenter/applyInfo/index.vue'),
+  // },
+  // // 审核管理-审核产品
+  // {
+  //   path: '/dockCenter/applyInfo/productList',
+  //   name: 'dockCenter_productList',
+  //   meta: { title: '审核产品', isleftarrow: true },
+  //   component: () => import('../views/dockCenter/applyInfo/productList.vue'),
+  // },
+  // // VIP用户
+  // {
+  //   path: '/dockCenter/vipInfo/index',
+  //   name: 'dockCenter_index',
+  //   meta: { title: 'VIP用户', isleftarrow: true },
+  //   component: () => import('../views/dockCenter/vipInfo/index.vue'),
+  // },
+  // // vip用户+添加用户
+  // {
+  //   path: '/dockCenter/vipInfo/addUser',
+  //   name: 'dockCenter_addUser',
+  //   meta: { title: '添加&维护VIP用户', isleftarrow: true },
+  //   component: () => import('../views/dockCenter/vipInfo/addUser.vue'),
+  // },
+  // // 交易备案
+  // {
+  //   path: '/dockCenter/transaction/index',
+  //   name: 'dockCenter_index',
+  //   meta: { title: '交易备案', isleftarrow: true },
+  //   component: () => import('../views/dockCenter/transaction/index.vue'),
+  // },
+  // // 统计报表
+  // {
+  //   path: '/dockCenter/statisInfo/index',
+  //   name: 'dockCenter_index',
+  //   meta: { title: '统计报表', isleftarrow: true },
+  //   component: () => import('../views/dockCenter/statisInfo/index.vue'),
+  // },
+  // // 动态监测
+  // {
+  //   path: '/dockCenter/dynamicInfo/index',
+  //   name: 'dockCenter_index',
+  //   meta: { title: '动态监测', isleftarrow: true },
+  //   component: () => import('../views/dockCenter/dynamicInfo/index.vue'),
+  // },
+  // // 展会VIP用户-个人中心
+  // // 统计报表
+  // {
+  //   path: '/vipDockCenter/statisInfo/index',
+  //   name: 'vipDockCenter_index',
+  //   meta: { title: '统计报表', isleftarrow: true },
+  //   component: () => import('../views/vipDockCenter/statisInfo/index.vue'),
+  // },
+  // // 动态监测
+  // {
+  //   path: '/vipDockCenter/dynamicInfo/index',
+  //   name: 'vipDockCenter_index',
+  //   meta: { title: '动态监测', isleftarrow: true },
+  //   component: () => import('../views/vipDockCenter/dynamicInfo/index.vue'),
+  // },
 ];
 
 const router = new VueRouter({
@@ -319,23 +314,23 @@ const router = new VueRouter({
   base: process.env.NODE_ENV === 'development' ? '' : process.env.VUE_APP_ROUTER,
   routes,
 });
-router.beforeEach((to, form, next) => {
-  if (to.name === 'user_index') {
-    store.commit('setUser');
-    if (to.name === 'home_index') {
-      next();
-      return;
-    }
-    let user = store.state.user;
-    if (user) {
-      next();
-    }
-    //下面是没登录的情况,需要跳转页面到用户未登录页
-    else next({ name: 'home_index' });
-  } else {
-    store.commit('setUser');
-    next();
-  }
-});
+// router.beforeEach((to, form, next) => {
+//   if (to.name === 'user_index') {
+//     store.commit('setUser');
+//     if (to.name === 'home_index') {
+//       next();
+//       return;
+//     }
+//     let user = store.state.user;
+//     if (user) {
+//       next();
+//     }
+//     //下面是没登录的情况,需要跳转页面到用户未登录页
+//     else next({ name: 'home_index' });
+//   } else {
+//     store.commit('setUser');
+//     next();
+//   }
+// });
 
 export default router;

+ 18 - 29
src/views/index.vue

@@ -6,7 +6,7 @@
           <NavBar v-show="navShow" :title="title" :isleftarrow="isleftarrow"> </NavBar>
         </el-col>
         <el-col :span="24" class="main">
-          无用页面
+          公众号首页
         </el-col>
         <el-col :span="24" class="foot">
           <footInfo></footInfo>
@@ -19,6 +19,7 @@
 <script>
 import NavBar from '@/layout/common/topInfo.vue';
 import footInfo from '@/layout/common/footInfo.vue';
+import { mapState, createNamespacedHelpers } from 'vuex';
 export default {
   name: 'index',
   props: {},
@@ -26,40 +27,28 @@ export default {
     NavBar,
     footInfo,
   },
-  data: () => ({
-    // 头部标题
-    title: '',
-    // meta为true
-    isleftarrow: '',
-    // 返回
-    navShow: true,
-    img_path: require('@/assets/logo.png'),
-  }),
+  data: function() {
+    return {
+      // 头部标题
+      title: '',
+      // meta为true
+      isleftarrow: '',
+      // 返回
+      navShow: true,
+    };
+  },
   created() {},
-  computed: {},
-  methods: {
-    uploadSuccess({ type, data }) {
-      // if (type !== 'img_path') {
-      //   let arr = _.get(this.uploads, type);
-      //   if (arr !== undefined) {
-      //     this.uploads[type].push({ name: data.name, uri: data.uri });
-      //   } else {
-      //     let newArr = [{ name: data.name, uri: data.uri }];
-      //     this.$set(this.uploads, `${type}`, newArr);
-      //   }
-      // } else {
-      //   this.picLoading = false;
-      //   this.$set(this.info, `${type}`, data.uri);
-      //   this.$nextTick(() => {
-      //     this.picLoading = true;
-      //   });
-      // }
-    },
+  methods: {},
+  computed: {
+    ...mapState(['user']),
   },
   mounted() {
     this.title = this.$route.meta.title;
     this.isleftarrow = this.$route.meta.isleftarrow;
   },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
 };
 </script>