qj-happy-common-zhongjian 1.0.27

package/src/permissionForMall.js

@@ -0,0 +1,374 @@
+import router from '@/router';
+import store from '@/store';
+// import '#/styles/index.scss' // global css
+import NProgress from 'nprogress'; // Progress 进度条
+import 'nprogress/nprogress.css'; // Progress 进度条样式
+import VueLazyload from 'vue-lazyload';
+import VueImageSwipe from 'vue-image-swipe';
+import 'vue-image-swipe/dist/vue-image-swipe.css';
+import { deepTraversal } from '#/utils/index';
+import { Message } from 'element-ui';
+import { getToken } from '#/utils/auth'; // 验权
+import Cookies from 'js-cookie';
+import '#/utils/utils.js';
+/* Layout */
+import ErrorPage from '#/views/404.vue';
+import 'element-ui/lib/theme-chalk/index.css';
+import '#/views/pc/default/assets/flex.scss';
+// import '#/styles/index.scss' // global css
+/*color */
+
+const _import = require('@/router/_import_' + process.env.NODE_ENV);
+const _import_common = require('#/router/_import_common');
+
+let proappEnvLayout = JSON.parse(window.sessionStorage.getItem('proappEnvLayout')),
+  proappEnv =
+    proappEnvLayout && proappEnvLayout != null && proappEnvLayout.proappEnvLayout
+      ? proappEnvLayout
+      : {
+          proappEnvLayout: 'pc/default/Layout',
+          proappEnvOpentype: '/', //默认运营端,pc端则为'/';
+        },
+  Layout = _import_common('pc/default/Layout'),
+  proappType = proappEnv.proappEnvOpentype;
+
+// 获取url中的query
+let queryArr = null;
+let queryParams = null;
+let queryUrl = location.href.split('?');
+if (queryUrl.length > 1) {
+  queryArr = queryUrl[1].split('&');
+  queryParams = {};
+}
+queryArr &&
+  queryArr.forEach(el => {
+    let a = el.split('=');
+    queryParams[a[0]] = decodeURI(a[1]);
+  });
+Vue.use(
+  VueLazyload,
+  {
+    preLoad: 1.3,
+    error: 'https://qjstatic.oss-cn-shanghai.aliyuncs.com/error.jpg',
+    loading: 'https://qjstatic.oss-cn-shanghai.aliyuncs.com/error.jpg',
+    attempt: 1,
+  },
+  VueImageSwipe
+);
+
+router.beforeEach((to, from, next) => {
+  if (proappEnvLayout && proappEnvLayout.proappEnvName) {
+    document.title = proappEnvLayout.proappEnvName;
+    //console.log(documentll,"document***")
+    // document.head.appendChild(documentll);
+  }
+  NProgress.start();
+  let appPath = process.env.APP_PATH;
+  if (!store.getters.isLoadRoutes) {
+    store.dispatch('GetAppInfo').then(res => {
+      if (!window.sessionStorage.getItem('menuList')) {
+        store.dispatch('GetAppRouter').then(data => {
+          menuCode(data.menuList);
+          data.routerMap[appPath].forEach(el => {
+            handleRouter(el.children, to, next);
+          });
+        });
+      } else {
+        let routerMap = window.sessionStorage.getItem('menuList') && JSON.parse(window.sessionStorage.getItem('menuList')).routerMap;
+        if (routerMap[appPath] instanceof Array) {
+          routerMap[appPath].forEach(el => {
+            handleRouter(el.children, to, next);
+          });
+        }
+      }
+
+      // })
+      //    console.log(to.meta.params,'to.meta.params1')
+      //    if (to.meta.params) {//通过配置获取租户code一直为空后注释
+      //      localStorage.setItem('_params', to.meta.params)
+      //    } else {
+      //      localStorage.setItem('_params', '')
+      //    }
+    });
+  } else {
+    next();
+    //  console.log(to.meta.params,'to.meta.params2')
+    if (to.meta.params) {
+      localStorage.setItem('_params', to.meta.params);
+    } else {
+      localStorage.setItem('_params', '');
+    }
+  }
+  if (!sessionStorage.getItem('menuAction') && sessionStorage.getItem('appList')) {
+    deepTraversal(JSON.parse(window.sessionStorage.getItem('appList')));
+  }
+});
+
+function menuCode(data) {
+  if (!data || !data.length) {
+    return;
+  } else {
+    for (var i = 0; i < data.length; i++) {
+      if (data[i].menuCode == 'P0000111') {
+        window.sessionStorage.setItem('menuAction', data[i].menuAction);
+        return;
+      } else {
+        let childs = data[i].children;
+        if (childs && childs.length > 0) {
+          menuCode(childs);
+        }
+      }
+    }
+  }
+}
+
+function handleRouter(data, to, next) {
+  if (!data) {
+    next();
+    return false;
+  }
+
+  if ('success' in data && !data.success) {
+    return false;
+  }
+  //console.log(store)
+  let menus = [],
+    menuActionArray = ['regPc', 'loginPc', 'angangWait', 'buyerReg', 'choice', 'sellerReg', 'buyerInformationc', 'buyerInformationp', 'perfecting','forgetPwdHDB','loginPCHDB','loginVercodeHDB','islandStore'],
+    dataLayout = [],
+    dataNoneLayout = []; // 表示不需要layout的
+  data.forEach(el => {
+    //  console.log(el.menuAction, el, 'elelele')
+    if (menuActionArray.indexOf(el.menuAction) > -1) {
+      //    console.log(el.menuAction, el, 'elelele')
+      dataNoneLayout.push(el);
+    } else {
+      dataLayout.push(el);
+    }
+  });
+  dataNoneLayout.forEach(res => {
+    // 只做一级
+    menus.push({
+      path: '/' + res.menuAction,
+      component: _import(res.menuJspath),
+      meta: {
+        params: res.proappMenuQparam,
+        menuCode: res.proappModelCode,
+      },
+    });
+  });
+  if (window.parent != window) {
+    menus.push({
+      path: '/',
+      redirect: getActiveMenu(dataLayout),
+      component: _import('routerView'),
+      hidden: true,
+      children: generateRoutesFromMenu(dataLayout),
+      meta: {
+        params: dataLayout.proappMenuQparam,
+      },
+    });
+  } else {
+    menus.push({
+      path: '/',
+      redirect: getActiveMenu(dataLayout),
+      component: _import('routerView'),
+      hidden: true,
+      children: generateRoutesFromMenu(dataLayout),
+      meta: {
+        params: dataLayout.proappMenuQparam,
+      },
+    });
+  }
+
+  // console.log(menus)
+  menus.push(
+    {
+      path: '/404',
+      redirect: '/404',
+      component: _import('routerView'),
+      children: [
+        {
+          path: '',
+          hidden: true,
+          component: ErrorPage,
+        },
+      ],
+    },
+    {
+      path: '*',
+      redirect: '/404',
+    }
+  );
+  store.commit('ADD_MENU', menus);
+  store.commit('LOAD_ROUTES');
+  router.options.routes = [...menus, ...router.options.routes];
+  router.addRoutes([...menus]);
+  // console.log(router)
+  if (queryParams) {
+    next({
+      path: to.path,
+      query: queryParams,
+    });
+  } else {
+    next({
+      path: to.path,
+    });
+  }
+}
+
+function getActiveMenu(menu) {
+  let redirect = '';
+  for (let i = 0, len = menu.length; i < len; i++) {
+    let item = menu[i];
+    if (item.menuShow != 0 && !item.children) {
+      redirect = '/' + item.menuAction;
+      break;
+    } else if (item.children) {
+      for (let j = 0, cLen = item.children.length; j < cLen; j++) {
+        let val = item.children[j];
+        if (val.menuShow != 0 && !val.children) {
+          redirect = '/' + item.proappMenuCode + '/' + val.menuAction;
+          break;
+        }
+      }
+      break;
+    }
+  }
+  return redirect;
+}
+
+function generateRoutesFromMenu(menu = [], routes = []) {
+  routes = menu.map(item => {
+    //  console.log(item, "item")
+    //console.log('开始循环item', item)
+    if (item.menuCode === 'P0000111') {
+      // console.log("开始存menuAction")
+      window.sessionStorage.setItem('menuAction', item.menuAction);
+    }
+    let router, children;
+    if (item.proappMenuPcode == '-1') {
+      if (proappType == '/') {
+        //表示pc
+        children = item.children || [];
+        if (item.routechildren && item.routechildren instanceof Array) {
+          children.push(...item.routechildren);
+        }
+        router = {
+          path: '/' + item.menuAction,
+          component: Layout,
+          // redirect: '/page/pageManagement',
+          name: item.menuName,
+          hidden: item.menuShow,
+          meta: {
+            title: item.menuName,
+            icon: item.proappMenuRemark,
+            params: item.proappMenuQparam,
+          },
+          children: generateRoutesFromMenu(children),
+        };
+      } else {
+        children = item.children || [];
+        if (item.routechildren && item.routechildren instanceof Array) {
+          children.push(...item.routechildren);
+        }
+        router = {
+          path: '/' + item.proappMenuCode,
+          component: Layout,
+          // redirect: '/page/pageManagement',
+          name: item.menuName,
+          hidden: item.menuShow,
+          meta: {
+            title: item.menuName,
+            icon: item.proappMenuRemark,
+            params: item.proappMenuQparam,
+          },
+          children: generateRoutesFromMenu(children),
+        };
+      }
+
+      return router;
+    } else {
+      if ((item.children === null && item.menuJspath) || item.children.length === 0) {
+        // if (item.menuAction.indexOf('/') < 0) {
+        router = {
+          path: '/' + item.menuAction,
+          component: _import(item.menuJspath),
+          hidden: item.menuShow,
+          name: item.menuName,
+          // redirect: '/page/pageManagement',
+          meta: {
+            title: item.menuName,
+            icon: item.proappMenuRemark,
+            params: item.proappMenuQparam,
+          },
+        };
+        return router;
+        // }
+      } else {
+        if (proappType == '/') {
+          //表示pc
+          children = item.children || [];
+          if (item.routechildren && item.routechildren instanceof Array) {
+            children.push(...item.routechildren);
+          }
+          router = {
+            path: '/' + item.menuAction,
+            component: item.menuJspath ? _import(item.menuJspath) : _import('routerView'),
+            // redirect: '/page/pageManagement',
+            name: item.menuName,
+            hidden: item.menuShow,
+            meta: {
+              title: item.menuName,
+              icon: item.proappMenuRemark,
+              params: item.proappMenuQparam,
+            },
+            children: generateRoutesFromMenu(children),
+          };
+        } else {
+          children = item.children || [];
+          if (item.routechildren && item.routechildren instanceof Array) {
+            children.push(...item.routechildren);
+          }
+          router = {
+            path: '/' + item.proappMenuCode,
+            component: item.menuJspath ? _import(item.menuJspath) : _import('routerView'),
+            // redirect: '/page/pageManagement',
+            name: item.menuName,
+            hidden: item.menuShow,
+            meta: {
+              title: item.menuName,
+              icon: item.proappMenuRemark,
+              params: item.proappMenuQparam,
+            },
+            children: generateRoutesFromMenu(children),
+          };
+        }
+
+        return router;
+      }
+    }
+  });
+  return routes;
+}
+
+router.afterEach(() => {
+  if (proappEnvLayout && proappEnvLayout.proappEnvName) {
+    document.getElementsByTagName('link')[1].href = '';
+    document.getElementsByTagName('link')[1].href = proappEnvLayout.proappEnvIconUrl;
+    // document.getElementsByTagName('meta')['keywords'].content = proappEnvLayout.proappEnvDes
+    // document.getElementsByTagName('meta')['description'].content = proappEnvLayout.proappEnvDes
+
+    const head = document.getElementsByTagName('head');
+    console.log(head, 'head******');
+    const meta1 = document.createElement('meta');
+    const meta2 = document.createElement('meta');
+    meta1.setAttribute('name', 'keywords');
+    meta1.setAttribute('content', proappEnvLayout.proappEnvDes);
+    meta2.setAttribute('name', 'description');
+    meta2.setAttribute('content', proappEnvLayout.proappEnvDes);
+    head[0].appendChild(meta1);
+    head[0].appendChild(meta2);
+  }
+  //console.log(router, "router")
+  NProgress.done(); // 结束Progress
+});

package/src/preset.js

@@ -0,0 +1,67 @@
+// Preset Homepage of Projects
+export const Homes = {
+  dashboard: 'dashboard',
+  enterprise: 'enterprise',
+  centrum: 'centrum',
+  centrumPOH: 'centrumPOH',
+  shangshu: 'shangshu',
+  shangshuPlat: 'shangshuPlat',
+  shangshuStore: 'shangshuStore',
+  distributor: 'distributor',
+  indexTm: 'indexTm',
+  home: 'home',
+  shopindex: 'shopindex',
+  pgindex: 'pgindex',
+  homeYs: 'homeYs',
+  centrumJOY: 'centrumJOY',
+  nanwangYy: 'nanwangYy',
+  nanwangQy: 'nanwangQy',
+  nanwangSj: 'nanwangSj',
+  yankon: 'yankon',
+};
+
+export const menuActions = [
+  'regPc',
+  'loginPc',
+  'forgetPwdPc',
+  'angangWait',
+  'buyerReg',
+  'choice',
+  'sellerReg',
+  'buyerInformationc',
+  'buyerInformationp',
+  'perfecting',
+  //宇视路由
+  'nologin',
+  'register',
+  'ntv',
+  'details',
+  'goodsList',
+  'accounts',
+  'forget',
+  'forgetNew',
+  'complete',
+  'userCenter',
+  'userCenter/member',
+  '/userCenter/member',
+  'userCenter/forwarder',
+  'userCenter/manageAddress',
+  'userCenter/addAddress',
+  'editAddress',
+  'userCenter/product',
+  'userCenter/subAccount',
+  'setPhone',
+  'newPhone',
+  'modifyPwd',
+  'userCenter/contract',
+  'userCenter/rebate',
+  'userCenter/letter',
+  'userCenter/order',
+  'userCenter/orderInfor',
+  'userCenter/apply',
+  'userCenter/refundInfo',
+  'userCenter/invoice',
+  'userCenter/about',
+  'goodsListNew',
+  'shopCar',
+]

package/src/router/_import_common.js

@@ -0,0 +1,2 @@
+// module.exports = file => require('#/views/' + file + '.vue').default // vue-loader at least v13.0.0+
+module.exports = file => () => import('#/views/' + file + '.vue')

package/src/router/_import_development.js

@@ -0,0 +1 @@
+module.exports = file => require('@/views/' + file + '.vue').default // vue-loader at least v13.0.0+

package/src/router/_import_production.js

@@ -0,0 +1 @@
+module.exports = file => () => import('@/views/' + file + '.vue')

package/src/store/getters.js

@@ -0,0 +1,39 @@
+const getters = {
+  sidebar: function (state) {
+    state.app.sidebar;
+  },
+  token: function (state) {
+    state.user.token;
+  },
+  avatar: function (state) {
+    state.user.avatar;
+  },
+  name: function (state) {
+    state.user.name;
+  },
+  roles: function (state) {
+    state.user.roles;
+  },
+  proappEnvIndex: function (state) {
+    state.user.proappEnvIndex;
+  },
+  isLoadRoutes: function (state) {
+    state.menu.isLoadRoutes;
+  },
+  menuitems: function (state) {
+    state.menu.items;
+  },
+  currentMenu: function (state) {
+    return state.menu.currentMenu;
+  },
+  validate: function (state) {
+    state.list.validate;
+  },
+  isPlat: function (state) {
+    state.user.isPlat;
+  },
+  envLayout: function (state) {
+    state.menu.proappEnvLayout;
+  },
+};
+export default getters;

package/src/store/index.js

@@ -0,0 +1,18 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+import app from './modules/app'
+import user from './modules/user'
+import getters from './getters'
+import menu from './modules/menu'
+Vue.use(Vuex)
+
+const store = new Vuex.Store({
+  modules: {
+    app,
+    user,
+    menu
+  },
+  getters
+})
+
+export default store

package/src/store/modules/app.js

@@ -0,0 +1,30 @@
+import Cookies from 'js-cookie'
+
+const app = {
+  state: {
+    sidebar: {
+      opened: false,
+      appNavOpen: false,
+    },
+  },
+  mutations: {
+    TOGGLE_SIDEBAR: function (state) {
+      if (state.sidebar.opened) {
+        Cookies.set('sidebarStatus', 1)
+      } else {
+        Cookies.set('sidebarStatus', 0)
+      }
+      state.sidebar.opened = !state.sidebar.opened
+    },
+    TOGGLE_SIDEBAR_APPNAV: function (state) {
+      state.sidebar.appNavOpen = !state.sidebar.appNavOpen
+    },
+  },
+  actions: {
+    ToggleSideBar: function ({ commit, }, payload) {
+      commit('TOGGLE_SIDEBAR')
+    },
+  },
+}
+
+export default app

package/src/store/modules/menu.js

@@ -0,0 +1,82 @@
+const menu = {
+  state: {
+    items: [],
+    isLoadRoutes: false,
+    title: null,
+    proappEnvLayout: {},
+    firstLevelMenu: null,
+    secondLevelMenu: null,
+    thirdLevelMenu: null,
+    currentMenu: '',
+  },
+  getters: {
+    title: function (state) {
+      state.title;
+    },
+    firstLevelMenu: function (state) {
+      state.firstLevelMenu;
+    },
+    secondLevelMenu: function (state) {
+      state.secondLevelMenu;
+    },
+    thirdLevelMenu: function (state) {
+      state.thirdLevelMenu;
+    },
+    currentMenu: function (state) {
+      return state.thirdLevelMenu;
+    },
+  },
+  mutations: {
+    EXPAND_MENU: function (state, menuItem) {
+      if (menuItem.index > -1) {
+        if (state.items[menuItem.index] && state.items[menuItem.index].meta) {
+          state.items[menuItem.index].meta.expanded = menuItem.expanded;
+        }
+      } else if (menuItem.item && 'expanded' in menuItem.item.meta) {
+        menuItem.item.meta.expanded = menuItem.expanded;
+      }
+    },
+    FIRSTLEVELMENU: function (state, data) {
+      state.firstLevelMenu = data;
+    },
+    SET_CURRENT_MENU: function (state, data) {
+      state.currentMenu = data;
+    },
+    SECONDlEVELMENU: function (state, data) {
+      state.secondLevelMenu = data;
+    },
+    THIRDLEVELMENU: function (state, data) {
+      state.thirdLevelMenu = data;
+    },
+    ADD_MENU: function (state, menuItems) {
+      if (menuItems.length === 0) {
+        state.items = [];
+      } else {
+        state.items = [...menuItems];
+        // generateMenuItems(state.items, menuItems)
+      }
+    },
+    LOAD_ROUTES: function (state) {
+      state.isLoadRoutes = true;
+    },
+    MENUTITLE: function (state, data) {
+      state.title = data;
+    },
+    setProappEnvLayout: function (state, data) {
+      state.proappEnvLayout = data;
+    },
+  },
+  actions: {
+    addMenu: function ({ commit }, menuItems) {
+      if (menuItems.length > 0) {
+        commit('LOAD_ROUTES');
+        commit('ADD_MENU', menuItems);
+      }
+    },
+    loadRoutes: function ({ commit }) {
+      commit('LOAD_ROUTES');
+    },
+  },
+};
+
+export default menu;