qj-common 4.1.0

package/src/permissionForMall.backup.js

@@ -0,0 +1,375 @@
+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) {
+    //let documentll = '<link rel="icon" href="https://qjstatic.oss-cn-shanghai.aliyuncs.com/logo/'+proappEnvLayout.proappEnvName+'" type="image/x-icon">'
+    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
+});