jeecg-boot 1.0版本发布

ant-design-jeecg-vue/src/utils/auth.js

@@ -0,0 +1,19 @@
+/**
+ * 弃用
+ */
+import { setStore, getStore, clearStore } from "@/utils/storage"
+
+export const TokenKey = 'Access-Token'
+
+export function getToken() {
+  return getStore(TokenKey)
+}
+
+export function setToken(token) {
+  // key, token, timeout = 86400s
+  return setStore(TokenKey, token, 86400)
+}
+
+export function removeToken() {
+  return clearStore(TokenKey)
+}

ant-design-jeecg-vue/src/utils/axios.js

@@ -0,0 +1,37 @@
+const VueAxios = {
+    vm: {},
+    // eslint-disable-next-line no-unused-vars
+    install(Vue, router = {}, instance) {
+        if (this.installed) {
+            return;
+        }
+        this.installed = true;
+
+        if (!instance) {
+            // eslint-disable-next-line no-console
+            console.error('You have to install axios');
+            return;
+        }
+
+        Vue.axios = instance;
+
+        Object.defineProperties(Vue.prototype, {
+            axios: {
+                get: function get() {
+                    return instance;
+                }
+            },
+            $http: {
+                get: function get() {
+                    return instance;
+                }
+            }
+        });
+    }
+};
+
+export {
+    VueAxios,
+    // eslint-disable-next-line no-undef
+    instance as axios
+}

ant-design-jeecg-vue/src/utils/device.js

@@ -0,0 +1,23 @@
+import enquireJs from 'enquire.js'
+
+const enquireScreen = function (call) {
+  // tablet
+  const handler = {
+    match: function () {
+      call && call(0)
+    },
+    unmatch: function () {
+      call && call(-1)
+    }
+  }
+  // mobile
+  const handler2 = {
+    match: () => {
+      call && call(1)
+    }
+  }
+  enquireJs.register('screen and (max-width: 1087.99px)', handler)
+  enquireJs.register('screen and (max-width: 767.99px)', handler2)
+}
+
+export default enquireScreen

ant-design-jeecg-vue/src/utils/filter.js

@@ -0,0 +1,18 @@
+import Vue from "vue";
+import * as dayjs from "dayjs";
+
+Vue.filter('NumberFormat', function (value) {
+  if (!value) {
+    return '0'
+  }
+  let intPartFormat = value.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') //将整数部分逢三一断
+  return intPartFormat
+})
+
+Vue.filter('dayjs', function(dataStr, pattern = 'YYYY-MM-DD HH:mm:ss') {
+  return dayjs(dataStr).format(pattern)
+})
+
+Vue.filter('moment', function(dataStr, pattern = 'YYYY-MM-DD HH:mm:ss') {
+  return dayjs(dataStr).format(pattern)
+})

ant-design-jeecg-vue/src/utils/hasPermission.js

@@ -0,0 +1,26 @@
+const hasPermission = {
+    install (Vue, options) {
+        console.log(options);
+          Vue.directive('has', {
+            inserted: (el, binding, vnode)=>{
+              //console.log("页面权限----",el);
+              let permissionList = vnode.context.$route.meta.permissionList;
+              if (permissionList === null || permissionList === "" || permissionList === undefined) {
+                el.parentNode.removeChild(el)
+              }
+              let permissions = [];
+              for (var item of permissionList) {
+                permissions.push(item.action);
+              }
+              //console.log("页面权限----"+permissions);
+              //console.log("页面权限----"+binding.value);
+              if (!permissions.includes(binding.value)) {
+                //if(el.parentNode)
+                el.parentNode.removeChild(el)
+              }
+            }
+          });
+    }
+};
+
+export default hasPermission;

ant-design-jeecg-vue/src/utils/mixin.js

@@ -0,0 +1,39 @@
+// import Vue from 'vue'
+import { mapState } from "vuex";
+
+// const mixinsComputed = Vue.config.optionMergeStrategies.computed
+// const mixinsMethods = Vue.config.optionMergeStrategies.methods
+
+const mixin = {
+  computed: {
+    ...mapState({
+      layoutMode: state => state.app.layout,
+      navTheme: state => state.app.theme,
+      primaryColor: state => state.app.color,
+      colorWeak: state => state.app.weak,
+      fixedHeader: state => state.app.fixedHeader,
+      fixSiderbar: state => state.app.fixSiderbar,
+      contentWidth: state => state.app.contentWidth,
+      autoHideHeader: state => state.app.autoHideHeader,
+      sidebarOpened: state => state.app.sidebar.opened
+    })
+  }
+}
+
+const mixinDevice = {
+  computed: {
+    ...mapState({
+      device: state => state.app.device,
+    })
+  },
+  methods: {
+    isMobile () {
+      return this.device === 'mobile'
+    },
+    isDesktop () {
+      return this.device === 'desktop'
+    }
+  }
+}
+
+export { mixin, mixinDevice }

ant-design-jeecg-vue/src/utils/permissions.js

@@ -0,0 +1,8 @@
+export function actionToObject(json) {
+  try {
+    return JSON.parse(json)
+  } catch (e) {
+    console.log('err', e.message)
+  }
+  return []
+}

ant-design-jeecg-vue/src/utils/request.js

@@ -0,0 +1,99 @@
+import Vue from 'vue'
+import axios from 'axios'
+import store from '@/store'
+import { VueAxios } from './axios'
+import {Modal, notification} from 'ant-design-vue'
+import { ACCESS_TOKEN } from "@/store/mutation-types"
+
+// 创建 axios 实例
+const service = axios.create({
+  baseURL: '/jeecg-boot', // api base_url
+  timeout: 6000 // 请求超时时间
+})
+
+const err = (error) => {
+  if (error.response) {
+    let data = error.response.data
+    const token = Vue.ls.get(ACCESS_TOKEN)
+    console.log("------异常响应------",token)
+    console.log("------异常响应------",error.response.status)
+    switch (error.response.status) {
+      case 403:
+        notification.error({ message: '系统提示', description: '拒绝访问',duration: 4})
+        break
+      case 500:
+        //notification.error({ message: '系统提示', description:'Token失效，请重新登录!',duration: 4})
+        if(data.message=="Token失效，请重新登录"){
+          // update-begin- --- author:scott ------ date:20190225 ---- for:Token失效采用弹框模式，不直接跳转----
+          // store.dispatch('Logout').then(() => {
+          //     window.location.reload()
+          // })
+          Modal.error({
+            title: '登录已过期',
+            content: '很抱歉，登录已过期，请重新登录',
+            okText: '重新登录',
+            mask: false,
+            onOk: () => {
+              store.dispatch('Logout').then(() => {
+                window.location.reload()
+              })
+            }
+          })
+          // update-end- --- author:scott ------ date:20190225 ---- for:Token失效采用弹框模式，不直接跳转----
+        }
+        break
+      case 404:
+          notification.error({ message: '系统提示', description:'很抱歉，资源未找到!',duration: 4})
+        break
+      case 504:
+        notification.error({ message: '系统提示', description: '网络超时'})
+        break
+      case 401:
+        notification.error({ message: '系统提示', description:'未授权，请重新登录',duration: 4})
+        if (token) {
+          store.dispatch('Logout').then(() => {
+            setTimeout(() => {
+              window.location.reload()
+            }, 1500)
+          })
+        }
+        break
+      default:
+        notification.error({
+          message: '系统提示',
+          description: data.message,
+          duration: 4
+        })
+        break
+    }
+  }
+  return Promise.reject(error)
+};
+
+// request interceptor
+service.interceptors.request.use(config => {
+  const token = Vue.ls.get(ACCESS_TOKEN)
+  if (token) {
+    config.headers[ 'X-Access-Token' ] = token // 让每个请求携带自定义 token 请根据实际情况自行修改
+  }
+  return config
+},(error) => {
+  return Promise.reject(error)
+})
+
+// response interceptor
+service.interceptors.response.use((response) => {
+    return response.data
+  }, err)
+
+const installer = {
+  vm: {},
+  install (Vue, router = {}) {
+    Vue.use(VueAxios, router, service)
+  }
+}
+
+export {
+  installer as VueAxios,
+  service as axios
+}

ant-design-jeecg-vue/src/utils/storage.js

@@ -0,0 +1,78 @@
+/**
+ * Set storage
+ *
+ * @param name
+ * @param content
+ * @param maxAge
+ */
+export const setStore = (name, content, maxAge = null) => {
+  if (!global.window || !name) {
+    return;
+  }
+
+  if (typeof content !== 'string') {
+    content = JSON.stringify(content)
+  }
+
+  let storage = global.window.localStorage
+
+  storage.setItem(name, content)
+  if (maxAge && !isNaN(parseInt(maxAge))) {
+    let timeout = parseInt(new Date().getTime() / 1000)
+    storage.setItem(`${name}_expire`, timeout + maxAge)
+  }
+};
+
+/**
+ * Get storage
+ *
+ * @param name
+ * @returns {*}
+ */
+export const getStore = name => {
+  if (!global.window || !name) {
+    return;
+  }
+
+  let content = window.localStorage.getItem(name)
+  let _expire = window.localStorage.getItem(`${name}_expire`)
+
+  if (_expire) {
+    let now = parseInt(new Date().getTime() / 1000)
+    if (now > _expire) {
+      return;
+    }
+  }
+
+  try {
+    return JSON.parse(content)
+  } catch (e) {
+    return content
+  }
+};
+
+/**
+ * Clear storage
+ *
+ * @param name
+ */
+export const clearStore = name => {
+  if (!global.window || !name) {
+    return;
+  }
+
+  window.localStorage.removeItem(name)
+  window.localStorage.removeItem(`${name}_expire`)
+};
+
+/**
+ * Clear all storage
+ */
+export const clearAll = () => {
+  if (!global.window || !name) {
+    return;
+  }
+
+  window.localStorage.clear()
+}
+

ant-design-jeecg-vue/src/utils/util.js

@@ -0,0 +1,131 @@
+
+export function timeFix() {
+  const time = new Date()
+  const hour = time.getHours()
+  return hour < 9 ? '早上好' : (hour <= 11 ? '上午好' : (hour <= 13 ? '中午好' : (hour < 20 ? '下午好' : '晚上好')))
+}
+
+export function welcome() {
+  const arr = ['休息一会儿吧', '准备吃什么呢?', '要不要打一把 DOTA', '我猜你可能累了']
+  let index = Math.floor((Math.random()*arr.length))
+  return arr[index]
+}
+
+/**
+ * 触发 window.resize
+ */
+export function triggerWindowResizeEvent() {
+  let event = document.createEvent('HTMLEvents')
+  event.initEvent('resize', true, true)
+  event.eventType = 'message'
+  window.dispatchEvent(event)
+}
+
+/**
+ * 过滤对象中为空的属性
+ * @param obj
+ * @returns {*}
+ */
+export function filterObj(obj) {
+  if (!(typeof obj == 'object')) {
+    return;
+  }
+
+  for ( var key in obj) {
+    if (obj.hasOwnProperty(key)
+      && (obj[key] == null || obj[key] == undefined || obj[key] == '')) {
+      delete obj[key];
+    }
+  }
+  return obj;
+}
+
+/**
+ * 时间格式化
+ * @param value
+ * @param fmt
+ * @returns {*}
+ */
+export function formatDate(value, fmt) {
+  var regPos = /^\d+(\.\d+)?$/;
+  if(regPos.test(value)){
+    //如果是数字
+    let getDate = new Date(value);
+    let o = {
+      'M+': getDate.getMonth() + 1,
+      'd+': getDate.getDate(),
+      'h+': getDate.getHours(),
+      'm+': getDate.getMinutes(),
+      's+': getDate.getSeconds(),
+      'q+': Math.floor((getDate.getMonth() + 3) / 3),
+      'S': getDate.getMilliseconds()
+    };
+    if (/(y+)/.test(fmt)) {
+      fmt = fmt.replace(RegExp.$1, (getDate.getFullYear() + '').substr(4 - RegExp.$1.length))
+    }
+    for (let k in o) {
+      if (new RegExp('(' + k + ')').test(fmt)) {
+        fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)))
+      }
+    }
+    return fmt;
+  }else{
+    //TODO
+    value = value.trim();
+    return value.substr(0,fmt.length);
+  }
+}
+
+// 生成首页路由
+export function generateIndexRouter(data) {
+let indexRouter = [{
+          path: '/',
+          name: 'dashboard',
+          //component: () => import('@/components/layouts/BasicLayout'),
+          component: resolve => require(['@/components/layouts/TabLayout'], resolve),
+          meta: { title: '首页' },
+          redirect: '/dashboard/analysis',
+          children: [
+            ...generateChildRouters(data)
+          ]
+        },{
+          "path": "*", "redirect": "/404", "hidden": true
+        }]
+  return indexRouter;
+}
+
+// 生成嵌套路由（子路由）
+
+function  generateChildRouters (data) {
+  const routers = [];
+  for (var item of data) {
+    let component = "";
+    if(item.component.indexOf("layouts")>=0){
+       component = "components/"+item.component;
+    }else{
+       component = "views/"+item.component;
+    }
+    let menu =  {
+      path: item.path,
+      name: item.name,
+      redirect:item.redirect,
+      component: resolve => require(['@/' + component+'.vue'], resolve),
+      hidden:item.hidden,
+      //component:()=> import(`@/views/${item.component}.vue`),
+      meta: {
+        title:item.meta.title ,
+        icon: item.meta.icon,
+        url:item.meta.url ,
+        permissionList:item.meta.permissionList
+      }
+    }
+    if(item.alwaysShow){
+      menu.alwaysShow = true;
+    }
+    if (item.children && item.children.length > 0) {
+      menu.children = [...generateChildRouters( item.children)];
+    }
+    routers.push(menu);
+  }
+  return routers
+}