xs-common-plugins 1.2.3 → 1.2.5

package/src/plugins/row-col-cmp/colCmp/methods.js

@@ -1,26 +1,26 @@
-export default {
-  // ------------------------------------------------------------------
-  // pragma mark - inti(初始化行为)
-  // ------------------------------------------------------------------
-  createdInit() {
-    
-  },
-  mountedInit() {
-  },
-
-  // ------------------------------------------------------------------
-  // pragma mark - Event Response(响应事件)
-  // 命名规范: Name + EventHandler
-  // ------------------------------------------------------------------
-  Demo_handler() {
-  
-  },
-  
-  // ------------------------------------------------------------------
-  // pragma mark - Private Methods(私有方法: ) 
-  // 命名规范: 前缀 __ + name
-  // ------------------------------------------------------------------
-  __demoFunction() {
-  
-  }
+export default {
+  // ------------------------------------------------------------------
+  // pragma mark - inti(初始化行为)
+  // ------------------------------------------------------------------
+  createdInit() {
+    
+  },
+  mountedInit() {
+  },
+
+  // ------------------------------------------------------------------
+  // pragma mark - Event Response(响应事件)
+  // 命名规范: Name + EventHandler
+  // ------------------------------------------------------------------
+  Demo_handler() {
+  
+  },
+  
+  // ------------------------------------------------------------------
+  // pragma mark - Private Methods(私有方法: ) 
+  // 命名规范: 前缀 __ + name
+  // ------------------------------------------------------------------
+  __demoFunction() {
+  
+  }
 }

package/src/plugins/row-col-cmp/index.js

@@ -1,21 +1,21 @@
-import rowCmp from "./rowCmp";
-import colCmp from "./colCmp";
-
-export default {
-    install: function (Vue) {
-        Vue.component("rowCmp", rowCmp);
-        Vue.component("colCmp", colCmp);
-    }
-}
-
-// 调用如下：
-// <!-- <row-cmp :column='2'>
-// <col-cmp name="仓库编码1" :column='2'>{{ scope.row.code }}565656</col-cmp>
-// <col-cmp name="更新时间3" :column='2'>{{ scope.row.createTime | dateFormat("MM-DD HH:mm:ss") }}</col-cmp>
-// <col-cmp name="联电话电话" :column='2'>{{ scope.row.tel }}</col-cmp>
-// <col-cmp name="更新时间4" :column='2'>{{ scope.row.createTime | dateFormat("MM-DD HH:mm:ss") }}</col-cmp>
-// <col-cmp name="更新时间5" :column='2'>{{ scope.row.createTime | dateFormat("MM-DD HH:mm:ss") }}联系电话联系电话联系</col-cmp>
-// <col-cmp name="更新时间6" :column='2'>{{ scope.row.createTime | dateFormat("MM-DD HH:mm:ss") }}</col-cmp>
-// <col-cmp name="更新时间7" :column='2'>{{ scope.row.createTime | dateFormat("MM-DD HH:mm:ss") }}</col-cmp>
-// <col-cmp name="更新时间8" :column='2'>{{ scope.row.createTime | dateFormat("MM-DD HH:mm:ss") }}</col-cmp>
+import rowCmp from "./rowCmp";
+import colCmp from "./colCmp";
+
+export default {
+    install: function (Vue) {
+        Vue.component("rowCmp", rowCmp);
+        Vue.component("colCmp", colCmp);
+    }
+}
+
+// 调用如下：
+// <!-- <row-cmp :column='2'>
+// <col-cmp name="仓库编码1" :column='2'>{{ scope.row.code }}565656</col-cmp>
+// <col-cmp name="更新时间3" :column='2'>{{ scope.row.createTime | dateFormat("MM-DD HH:mm:ss") }}</col-cmp>
+// <col-cmp name="联电话电话" :column='2'>{{ scope.row.tel }}</col-cmp>
+// <col-cmp name="更新时间4" :column='2'>{{ scope.row.createTime | dateFormat("MM-DD HH:mm:ss") }}</col-cmp>
+// <col-cmp name="更新时间5" :column='2'>{{ scope.row.createTime | dateFormat("MM-DD HH:mm:ss") }}联系电话联系电话联系</col-cmp>
+// <col-cmp name="更新时间6" :column='2'>{{ scope.row.createTime | dateFormat("MM-DD HH:mm:ss") }}</col-cmp>
+// <col-cmp name="更新时间7" :column='2'>{{ scope.row.createTime | dateFormat("MM-DD HH:mm:ss") }}</col-cmp>
+// <col-cmp name="更新时间8" :column='2'>{{ scope.row.createTime | dateFormat("MM-DD HH:mm:ss") }}</col-cmp>
 // </row-cmp> -->

package/src/plugins/row-col-cmp/rowCmp/data.js

@@ -1,4 +1,4 @@
-export default () => {
-  return {
-  }
+export default () => {
+  return {
+  }
 };

package/src/plugins/row-col-cmp/rowCmp/index.scss

@@ -1,3 +1,3 @@
-.CellCmp-wrapper {
-  width: 100%;
-}
+.CellCmp-wrapper {
+  width: 100%;
+}

package/src/plugins/row-col-cmp/rowCmp/index.vue

@@ -1,44 +1,44 @@
-<template>
-  <div class="CellCmp-wrapper">
-    <slot v-bind:column="column"></slot>
-  </div>
-</template>
-
-<script>
-import data from "./data";
-import methods from "./methods";
-export default {
-  name:"rowCmp",
-  $$route: {
-    meta: {
-      title: "标题名称",
-      icon: "菜单图标",
-    },
-  },
-  props: {
-    column: {
-      type: Number,
-      default: 2,
-    },
-  },
-  provide: {
-    cellgroup: this,
-  },
-  data,
-  methods,
-  mixins: [],
-  components: {},
-  watch: {},
-  computed: {},
-  // ------------------------------------------------------------------
-  // pragma mark - Life Cycle(生命周期)
-  // ------------------------------------------------------------------
-  created() {
-    this.createdInit();
-  },
-  mounted() {
-    this.mountedInit();
-  },
-};
-</script>
+<template>
+  <div class="CellCmp-wrapper">
+    <slot v-bind:column="column"></slot>
+  </div>
+</template>
+
+<script>
+import data from "./data";
+import methods from "./methods";
+export default {
+  name:"rowCmp",
+  $$route: {
+    meta: {
+      title: "标题名称",
+      icon: "菜单图标",
+    },
+  },
+  props: {
+    column: {
+      type: Number,
+      default: 2,
+    },
+  },
+  provide: {
+    cellgroup: this,
+  },
+  data,
+  methods,
+  mixins: [],
+  components: {},
+  watch: {},
+  computed: {},
+  // ------------------------------------------------------------------
+  // pragma mark - Life Cycle(生命周期)
+  // ------------------------------------------------------------------
+  created() {
+    this.createdInit();
+  },
+  mounted() {
+    this.mountedInit();
+  },
+};
+</script>
 <style lang="scss" src="./index.scss" scoped></style>

package/src/plugins/row-col-cmp/rowCmp/methods.js

@@ -1,30 +1,30 @@
-export default {
-  // ------------------------------------------------------------------
-  // pragma mark - inti(初始化行为)
-  // ------------------------------------------------------------------
-  createdInit() {
-    
-  },
-  mountedInit() {
-  },
-
-  getdata() {
-    return 11
-  },
-
-  // ------------------------------------------------------------------
-  // pragma mark - Event Response(响应事件)
-  // 命名规范: Name + EventHandler
-  // ------------------------------------------------------------------
-  Demo_handler() {
-  
-  },
-  
-  // ------------------------------------------------------------------
-  // pragma mark - Private Methods(私有方法: ) 
-  // 命名规范: 前缀 __ + name
-  // ------------------------------------------------------------------
-  __demoFunction() {
-  
-  }
+export default {
+  // ------------------------------------------------------------------
+  // pragma mark - inti(初始化行为)
+  // ------------------------------------------------------------------
+  createdInit() {
+    
+  },
+  mountedInit() {
+  },
+
+  getdata() {
+    return 11
+  },
+
+  // ------------------------------------------------------------------
+  // pragma mark - Event Response(响应事件)
+  // 命名规范: Name + EventHandler
+  // ------------------------------------------------------------------
+  Demo_handler() {
+  
+  },
+  
+  // ------------------------------------------------------------------
+  // pragma mark - Private Methods(私有方法: ) 
+  // 命名规范: 前缀 __ + name
+  // ------------------------------------------------------------------
+  __demoFunction() {
+  
+  }
 }

package/src/router/index.js

@@ -1,58 +1,58 @@
-import Vue from 'vue'
-import VueRouter from 'vue-router'
-import autoRouter from '../automatically/router'
-Vue.use(VueRouter)
-
-const originalPush = VueRouter.prototype.push;
-VueRouter.prototype.push = function push(location) {
-  return originalPush.call(this, location).catch(err => err)
-}
-const routes = [
-  {
-    path: '/redirect',
-    component: () => import('../views/layout/index'),
-    hidden: true,
-    children: [
-      {
-        path: '/redirect/:path(.*)',
-        component: () => import('@/views/redirect/index')
-      }
-    ]
-  },
-  {
-    path: '/',
-    name: 'layout',
-    component: () => import('../views/layout/index'),
-    redirect: '/home', // 默认展示页面
-    meta: { title: '首页', icon: 'example' },
-    children: [autoRouter[0]]
-  },
-  {
-    path: '/home',
-    name: 'home',
-    component: () => import('../views/layout/index'),
-    meta: { title: '首页', icon: 'example', affix: true,},
-    children: [{
-      path:'/',
-      component: () => import('../views/home/index'),
-    }],
-  },
-  {
-    path: '/callback',
-    name: 'callback',
-    meta: { title: '认证' },
-    component: ()=> import('../views/callback/index')
-  },
-  {
-    path: '/slienceAuth',
-    name: 'slienceAuth',
-    meta: {title: '静默授权'},
-    component: () => import("../views/slienceAuth/index")
-  }
-]
-
-const router = new VueRouter({
-  routes
-})
-
-export default router
+import Vue from 'vue'
+import VueRouter from 'vue-router'
+import autoRouter from '../automatically/router'
+Vue.use(VueRouter)
+
+const originalPush = VueRouter.prototype.push;
+VueRouter.prototype.push = function push(location) {
+  return originalPush.call(this, location).catch(err => err)
+}
+const routes = [
+  {
+    path: '/redirect',
+    component: () => import('../views/layout/index'),
+    hidden: true,
+    children: [
+      {
+        path: '/redirect/:path(.*)',
+        component: () => import('@/views/redirect/index')
+      }
+    ]
+  },
+  {
+    path: '/',
+    name: 'layout',
+    component: () => import('../views/layout/index'),
+    redirect: '/home', // 默认展示页面
+    meta: { title: '首页', icon: 'example' },
+    children: [autoRouter[0]]
+  },
+  {
+    path: '/home',
+    name: 'home',
+    component: () => import('../views/layout/index'),
+    meta: { title: '首页', icon: 'example', affix: true,},
+    children: [{
+      path:'/',
+      component: () => import('../views/home/index'),
+    }],
+  },
+  {
+    path: '/callback',
+    name: 'callback',
+    meta: { title: '认证' },
+    component: ()=> import('../views/callback/index')
+  },
+  {
+    path: '/slienceAuth',
+    name: 'slienceAuth',
+    meta: {title: '静默授权'},
+    component: () => import("../views/slienceAuth/index")
+  }
+]
+
+const router = new VueRouter({
+  routes
+})
+
+export default router

package/src/router/permission.js

@@ -1,126 +1,126 @@
-/**
- * 登录判断
- */
-import { getQuery } from "@/common/utils";
-import { getToken } from "@/utils/auth"; // get token from cookie
-import { getConfig } from "@/utils/global-config";
-import { getLocalStorage, setLocalStorage } from "@/utils/localStorage";
-import NProgress from "nprogress"; // progress bar
-import "nprogress/nprogress.css"; // progress bar style
-import Oidc from "oidc-client";
-import { requestApi as HTTP } from "xs-request";
-import router from "./index";
-
-NProgress.configure({
-  showSpinner: false,
-});
-
-const curOrigin = window.location.origin;
-const path = window.location.pathname;
-const _redirect_uri = `${curOrigin}${path}#/callback`;
-
-const id4config = {
-  authority: getConfig("ID4_AUTH"),
-  client_id: getConfig("CLIENT_ID"),
-  redirect_uri: _redirect_uri,
-  client_secret: getConfig("CLIENT_SECRET"),
-  response_type: "code",
-  scope: getConfig("ID4_SCOPE"),
-  response_mode: "query",
-};
-
-window.$mgr = new Oidc.UserManager(id4config);
-// NProgress Configuration
-const whiteList = ["/login", "/404", "/slienceAuth"]; // no redirect whitelist
-router.beforeEach((to, from, next) => {
-  const clientId = getConfig("CLIENT_ID");
-  const title = getLocalStorage(`title_${clientId}`);
-  if (title) { // 此处只作用于 ucuser项目
-    beforeInPage(title);
-  } else {
-    HTTP.get("api.GetProject", {
-      clientId,
-    }).then((res) => {
-      setLocalStorage(
-        `title_${clientId}`,
-        { title: res.data.title },
-        60 * 60 * 1000
-      );
-      beforeInPage(res.data);
-    });
-  }
-
-
-  const isLogin = getToken();    // title_js_ucmngvue 获取个项目token
-  const isLoginPage = whiteList.indexOf(to.path) !== -1; // 存在
-  if (to.path === '/home') {
-    if (window.parent !== window.self && window.name === 'qualityTestParty') {
-      next()
-    }
-  }
-  if (to.path === "/callback" || to.path === "/scan" || to.path === '/slienceAuth') next();
-  else if (isLogin && !isLoginPage) next();
-  // 登录 & 进入的不是登录页 => 不做处理
-  else if (!isLogin && isLoginPage) next();
-  // 没登录 & 在登录页 => 不做处理
-  else if (isLogin && isLoginPage) {
-    toTargetPage(to, next);
-  } // 登录 & 在登录页 => 跳转到目标页
-  else if (!isLogin && !isLoginPage) {
-    toLoginPage(to, next);
-
-  } // 没登录 & 没在登录页 => 跳转到登录页
-});
-
-router.afterEach(() => {
-  NProgress.done();
-});
-
-function beforeInPage(to, next) {
-  var url =
-    "https://id4lp194.365xs.cn/ucmng/ucvue/#/login?ReturnUrl=https%3A%2F%2Fid4lp194.365xs.cn%2Fucid4%2Fconnect%2Fauthorize%2Fcallback%3Fclient_id%3Djs_localvue%26redirect_uri%3Dhttp%253A%252F%252Flocalhost%253A9528%252F%2523%252Fcallback%253Fredic_url%253D%252Fhome%26response_type%3Dcode%26scope%3Daimng%2520commng%2520cpmng%2520cvmng%2520erpmng%2520hkmng%2520mtmng%2520otmng%2520rcmng%2520ucmng%2520ucuser%2520openid%2520profile%26state%3D561cf219797d4e33b5db795975180886%26code_challenge%3DYO8UTivoEb6jRFH9SS213zH_exJ6z4FfhTnUqZlL6EU%26code_challenge_method%3DS256%26response_mode%3Dquery";
-
-  // start progress bar
-  NProgress.start();
-  // set page title
-  const title = getConfig("PROJECT_NAME_TEXT") || "Vue Admin Template";
-  const pageTitle = to.title;
-  document.title = pageTitle ? `${pageTitle}` : `${title}`;
-}
-
-function toTargetPage(to, next) {
-  if (getConfig("ID4_LOGINTYPE")) {
-    next();
-  } else {
-    if (getConfig("NEW_LOGIN")) {
-      const redirectUrl = getQuery(to.fullPath, "redirect");
-      const isExtenalPage = redirectUrl.startsWith("http");
-      if (isExtenalPage) {
-        window.location = decodeURIComponent(redirectUrl);
-      } else {
-        next({ path: "/" });
-      }
-    }
-  }
-}
-
-function toLoginPage(to, next) {
-  // 使用 ID4 接管
-  if (getConfig("ID4_LOGINTYPE")) {
-    id4config.redirect_uri = `${id4config.redirect_uri}?redic_url=${to.path}`;
-    window.$mgr = new Oidc.UserManager(id4config);
-
-    window.$mgr.signinRedirect();
-  } else {
-    if (getConfig("NEW_LOGIN")) {
-      const redirectUrl = `${window.location.origin}${window.location.pathname}#/${to.path}`;
-      window.location = `${getConfig(
-        "USER_CENTER_URL"
-      )}/#/login?redirect=${redirectUrl}`
-        .replace(/\/{2}/gi, "/")
-        .replace(/(http:\/|https:\/)/gi, "$1/");
-    } else {
-      next(`/login?redirect=${to.path}`);
-    }
-  }
-}
+/**
+ * 登录判断
+ */
+import { getQuery } from "@/common/utils";
+import { getToken } from "@/utils/auth"; // get token from cookie
+import { getConfig } from "@/utils/global-config";
+import { getLocalStorage, setLocalStorage } from "@/utils/localStorage";
+import NProgress from "nprogress"; // progress bar
+import "nprogress/nprogress.css"; // progress bar style
+import Oidc from "oidc-client";
+import { requestApi as HTTP } from "xs-request";
+import router from "./index";
+
+NProgress.configure({
+  showSpinner: false,
+});
+
+const curOrigin = window.location.origin;
+const path = window.location.pathname;
+const _redirect_uri = `${curOrigin}${path}#/callback`;
+
+const id4config = {
+  authority: getConfig("ID4_AUTH"),
+  client_id: getConfig("CLIENT_ID"),
+  redirect_uri: _redirect_uri,
+  client_secret: getConfig("CLIENT_SECRET"),
+  response_type: "code",
+  scope: getConfig("ID4_SCOPE"),
+  response_mode: "query",
+};
+
+window.$mgr = new Oidc.UserManager(id4config);
+// NProgress Configuration
+const whiteList = ["/login", "/404", "/slienceAuth"]; // no redirect whitelist
+router.beforeEach((to, from, next) => {
+  const clientId = getConfig("CLIENT_ID");
+  const title = getLocalStorage(`title_${clientId}`);
+  if (title) { // 此处只作用于 ucuser项目
+    beforeInPage(title);
+  } else {
+    HTTP.get("api.GetProject", {
+      clientId,
+    }).then((res) => {
+      setLocalStorage(
+        `title_${clientId}`,
+        { title: res.data.title },
+        60 * 60 * 1000
+      );
+      beforeInPage(res.data);
+    });
+  }
+
+
+  const isLogin = getToken();    // title_js_ucmngvue 获取个项目token
+  const isLoginPage = whiteList.indexOf(to.path) !== -1; // 存在
+  if (to.path === '/home') {
+    if (window.parent !== window.self && window.name === 'qualityTestParty') {
+      next()
+    }
+  }
+  if (to.path === "/callback" || to.path === "/scan" || to.path === '/slienceAuth') next();
+  else if (isLogin && !isLoginPage) next();
+  // 登录 & 进入的不是登录页 => 不做处理
+  else if (!isLogin && isLoginPage) next();
+  // 没登录 & 在登录页 => 不做处理
+  else if (isLogin && isLoginPage) {
+    toTargetPage(to, next);
+  } // 登录 & 在登录页 => 跳转到目标页
+  else if (!isLogin && !isLoginPage) {
+    toLoginPage(to, next);
+
+  } // 没登录 & 没在登录页 => 跳转到登录页
+});
+
+router.afterEach(() => {
+  NProgress.done();
+});
+
+function beforeInPage(to, next) {
+  var url =
+    "https://id4lp194.365xs.cn/ucmng/ucvue/#/login?ReturnUrl=https%3A%2F%2Fid4lp194.365xs.cn%2Fucid4%2Fconnect%2Fauthorize%2Fcallback%3Fclient_id%3Djs_localvue%26redirect_uri%3Dhttp%253A%252F%252Flocalhost%253A9528%252F%2523%252Fcallback%253Fredic_url%253D%252Fhome%26response_type%3Dcode%26scope%3Daimng%2520commng%2520cpmng%2520cvmng%2520erpmng%2520hkmng%2520mtmng%2520otmng%2520rcmng%2520ucmng%2520ucuser%2520openid%2520profile%26state%3D561cf219797d4e33b5db795975180886%26code_challenge%3DYO8UTivoEb6jRFH9SS213zH_exJ6z4FfhTnUqZlL6EU%26code_challenge_method%3DS256%26response_mode%3Dquery";
+
+  // start progress bar
+  NProgress.start();
+  // set page title
+  const title = getConfig("PROJECT_NAME_TEXT") || "Vue Admin Template";
+  const pageTitle = to.title;
+  document.title = pageTitle ? `${pageTitle}` : `${title}`;
+}
+
+function toTargetPage(to, next) {
+  if (getConfig("ID4_LOGINTYPE")) {
+    next();
+  } else {
+    if (getConfig("NEW_LOGIN")) {
+      const redirectUrl = getQuery(to.fullPath, "redirect");
+      const isExtenalPage = redirectUrl.startsWith("http");
+      if (isExtenalPage) {
+        window.location = decodeURIComponent(redirectUrl);
+      } else {
+        next({ path: "/" });
+      }
+    }
+  }
+}
+
+function toLoginPage(to, next) {
+  // 使用 ID4 接管
+  if (getConfig("ID4_LOGINTYPE")) {
+    id4config.redirect_uri = `${id4config.redirect_uri}?redic_url=${to.path}`;
+    window.$mgr = new Oidc.UserManager(id4config);
+
+    window.$mgr.signinRedirect();
+  } else {
+    if (getConfig("NEW_LOGIN")) {
+      const redirectUrl = `${window.location.origin}${window.location.pathname}#/${to.path}`;
+      window.location = `${getConfig(
+        "USER_CENTER_URL"
+      )}/#/login?redirect=${redirectUrl}`
+        .replace(/\/{2}/gi, "/")
+        .replace(/(http:\/|https:\/)/gi, "$1/");
+    } else {
+      next(`/login?redirect=${to.path}`);
+    }
+  }
+}

package/src/store/getters.js

@@ -1,13 +1,13 @@
-const getters = {
-  sidebar: state => state.app.sidebar,
-  device: state => state.app.device,
-  token: state => state.user.token,
-  avatar: state => state.user.avatar,
-  name: state => state.user.name,
-  widgetObj: state => state.widgetdata.widgetObj,
-  widgetMeta: state => state.widgetdata.meta,
-  menuList: state => state.app.menuList,
-  ossCfg: state => state.oss.ossCfg,
-  dic: state => state.dic.ask,
-}
-export default getters
+const getters = {
+  sidebar: state => state.app.sidebar,
+  device: state => state.app.device,
+  token: state => state.user.token,
+  avatar: state => state.user.avatar,
+  name: state => state.user.name,
+  widgetObj: state => state.widgetdata.widgetObj,
+  widgetMeta: state => state.widgetdata.meta,
+  menuList: state => state.app.menuList,
+  ossCfg: state => state.oss.ossCfg,
+  dic: state => state.dic.ask,
+}
+export default getters