|
|
@@ -1,84 +1,9 @@
|
|
|
-import Cookies from 'js-cookie'
|
|
|
-// cookie保存的天数
|
|
|
import config from '@/config'
|
|
|
-import {forEach, hasOneOf, objEqual, hasAllOf} from '@/libs/tools/tools'
|
|
|
-import Vue from 'vue'
|
|
|
|
|
|
const {title, cookieExpires, useI18n} = config
|
|
|
|
|
|
export const TOKEN_KEY = 'token'
|
|
|
|
|
|
-export const setToken = (token) => {
|
|
|
- Cookies.set(TOKEN_KEY, token, {expires: cookieExpires || 1})
|
|
|
-}
|
|
|
-
|
|
|
-export const getToken = () => {
|
|
|
- const token = Cookies.get(TOKEN_KEY)
|
|
|
- if (token) return token
|
|
|
- else return false
|
|
|
-}
|
|
|
-
|
|
|
-export const hasChild = (item) => {
|
|
|
- return item.children && item.children.length !== 0
|
|
|
-}
|
|
|
-
|
|
|
-const showThisMenuEle = (item, access) => {
|
|
|
- if (item.meta && item.meta.access && item.meta.access.length) {
|
|
|
- if (hasAllOf(item.meta.access, access)) return true
|
|
|
- else return false
|
|
|
- } else return true
|
|
|
-}
|
|
|
-/**
|
|
|
- * @param {Array} list 通过路由列表得到菜单列表
|
|
|
- * @returns {Array}
|
|
|
- */
|
|
|
-export const getMenuByRouter = (list, access) => {
|
|
|
- let res = []
|
|
|
- list.forEach(item => {
|
|
|
- if (item.objectCode !== 'home') {
|
|
|
- let obj = {
|
|
|
- icon: (item.meta && item.meta.icon) || '',
|
|
|
- name: item.name,
|
|
|
- meta: item.meta
|
|
|
- }
|
|
|
- if (item.children && item.children.length > 0) {
|
|
|
- obj.children = item.children.copy();
|
|
|
- }
|
|
|
- res.push(obj);
|
|
|
- }
|
|
|
- })
|
|
|
- return res
|
|
|
-}
|
|
|
-
|
|
|
-/**
|
|
|
- * @param {Array} routeMetched 当前路由metched
|
|
|
- * @returns {Array}
|
|
|
- */
|
|
|
-export const getBreadCrumbList = (route, homeRoute) => {
|
|
|
- let homeItem = {...homeRoute, icon: homeRoute.meta ? homeRoute.meta.icon : null}
|
|
|
- let routeMetched = route.matched
|
|
|
- if (routeMetched.some(item => item.name === homeRoute.name)) return [homeItem]
|
|
|
- let res = routeMetched.filter(item => {
|
|
|
- return item.meta === undefined || !item.hideInBread
|
|
|
- }).map(item => {
|
|
|
- let meta = {...item.meta}
|
|
|
- if (meta.title && typeof meta.title === 'function') {
|
|
|
- meta.__titleIsFunction__ = true
|
|
|
- meta.title = meta.title(route)
|
|
|
- }
|
|
|
- let obj = {
|
|
|
- icon: (item.meta && item.meta.icon) || '',
|
|
|
- name: item.name,
|
|
|
- meta: meta
|
|
|
- }
|
|
|
- return obj
|
|
|
- })
|
|
|
- // 隐藏在菜单的在面包屑中显示
|
|
|
- // res = res.filter(item => {
|
|
|
- // return !item.meta.hideInMenu
|
|
|
- // })
|
|
|
- return [{...homeItem, to: homeRoute.path}, ...res]
|
|
|
-}
|
|
|
|
|
|
export const getRouteTitleHandled = (route) => {
|
|
|
let router = {...route}
|
|
|
@@ -110,332 +35,7 @@ export const showTitle = (item, vm) => {
|
|
|
return title
|
|
|
}
|
|
|
|
|
|
-/**
|
|
|
- * @description 本地存储和获取标签导航列表
|
|
|
- */
|
|
|
-export const setTagNavListInLocalstorage = list => {
|
|
|
- localStorage.tagNaveList = JSON.stringify(list)
|
|
|
-}
|
|
|
-/**
|
|
|
- * @returns {Array} 其中的每个元素只包含路由原信息中的name, path, meta三项
|
|
|
- */
|
|
|
-export const getTagNavListFromLocalstorage = () => {
|
|
|
- const list = localStorage.tagNaveList
|
|
|
- return list ? JSON.parse(list) : []
|
|
|
-}
|
|
|
-
|
|
|
-/**
|
|
|
- * @param {Array} routers 路由列表数组
|
|
|
- * @description 用于找到路由列表中name为home的对象
|
|
|
- */
|
|
|
-export const getHomeRoute = (routers, homeName = 'home') => {
|
|
|
- let i = -1
|
|
|
- let len = routers.length
|
|
|
- let homeRoute = {}
|
|
|
- while (++i < len) {
|
|
|
- let item = routers[i]
|
|
|
- if (item.children && item.children.length) {
|
|
|
- let res = getHomeRoute(item.children, homeName)
|
|
|
- if (res.name) return res
|
|
|
- } else {
|
|
|
- if (item.name === homeName) homeRoute = item
|
|
|
- }
|
|
|
- }
|
|
|
- return homeRoute
|
|
|
-}
|
|
|
-
|
|
|
-/**
|
|
|
- * @param {*} list 现有标签导航列表
|
|
|
- * @param {*} newRoute 新添加的路由原信息对象
|
|
|
- * @description 如果该newRoute已经存在则不再添加
|
|
|
- * @H_X_D 如果当前路由中的参数不相同，则替换为新的参数
|
|
|
- */
|
|
|
-export const getNewTagList = (list, newRoute) => {
|
|
|
- const {name, path, meta, params} = newRoute
|
|
|
- let newList = [...list]
|
|
|
- let index = newList.findIndex(item => item.name === name)
|
|
|
- if (index >= 0) {
|
|
|
- if (list[index].params === params) return newList
|
|
|
- else list[index].params = params
|
|
|
- } else {
|
|
|
- newList.push({name, path, meta})
|
|
|
- }
|
|
|
- return newList
|
|
|
-}
|
|
|
-
|
|
|
-/**
|
|
|
- * @param {*} access 用户权限数组，如 ['super_admin', 'admin']
|
|
|
- * @param {*} route 路由列表
|
|
|
- */
|
|
|
-const hasAccess = (access, route) => {
|
|
|
- if (route.meta && route.meta.access) return hasOneOf(access, route.meta.access)
|
|
|
- else return true
|
|
|
-}
|
|
|
-
|
|
|
-/**
|
|
|
- * 权鉴
|
|
|
- * @param {*} name 即将跳转的路由name
|
|
|
- * @param {*} access 用户权限数组
|
|
|
- * @param {*} routes 路由列表
|
|
|
- * @description 用户是否可跳转到该页
|
|
|
- */
|
|
|
-export const canTurnTo = (name, access, routes) => {
|
|
|
- const routePermissionJudge = (list) => {
|
|
|
- return list.some(item => {
|
|
|
- if (item.name !== name && item.children && item.children.length) {
|
|
|
- return routePermissionJudge(item.children)
|
|
|
- } else if (item.name === name) {
|
|
|
- return hasAccess(access, item)
|
|
|
- }
|
|
|
- // if(item.name === name){
|
|
|
- // return hasAccess(access, item)
|
|
|
- // }else if (item.children && item.children.length) {
|
|
|
- // return routePermissionJudge(item.children)
|
|
|
- // }
|
|
|
- })
|
|
|
- }
|
|
|
-
|
|
|
- return routePermissionJudge(routes)
|
|
|
-}
|
|
|
|
|
|
-/**
|
|
|
- * @param {String} url
|
|
|
- * @description 从URL中解析参数
|
|
|
- */
|
|
|
-export const getParams = url => {
|
|
|
- const keyValueArr = url.split('?')[1].split('&')
|
|
|
- let paramObj = {}
|
|
|
- keyValueArr.forEach(item => {
|
|
|
- const keyValue = item.split('=')
|
|
|
- paramObj[keyValue[0]] = keyValue[1]
|
|
|
- })
|
|
|
- return paramObj
|
|
|
-}
|
|
|
-
|
|
|
-/**
|
|
|
- * @desc : 跳转到前一个Tab
|
|
|
- * @author : 周兴
|
|
|
- * @date : 2022/5/23 9:22
|
|
|
- */
|
|
|
-export const getPreviousRoute = (list, route) => {
|
|
|
- let res = {}
|
|
|
- const index = list.findIndex(item => routeEqual(item, route))
|
|
|
- if (index >= 1) {
|
|
|
- res = list[index - 1]
|
|
|
- }
|
|
|
- return res
|
|
|
-}
|
|
|
-
|
|
|
-/**
|
|
|
- * @param {Array} list 标签列表
|
|
|
- * @param {String} name 当前关闭的标签的name
|
|
|
- * @H_x_d 关闭标签后，打开前一页
|
|
|
- */
|
|
|
-export const getNextRoute = (list, route) => {
|
|
|
- let res = {}
|
|
|
- // 如果有parentPath，需要跳转到对应的页面
|
|
|
- if (route.meta && route.meta.parentPath) {
|
|
|
- let newRoute = {}
|
|
|
- newRoute.name = route.meta.parentPath;
|
|
|
- const index = list.findIndex(item => routeEqual(item, newRoute))
|
|
|
- if (index >= 0) {
|
|
|
- res = list[index];
|
|
|
- return res;
|
|
|
- } else {
|
|
|
- //跳转到首页
|
|
|
- let homePage = {}
|
|
|
- homePage.name = 'home'
|
|
|
- return homePage
|
|
|
- }
|
|
|
- }
|
|
|
- const index = list.findIndex(item => routeEqual(item, route))
|
|
|
- // 如果是最后一个页面，打开前一个
|
|
|
- if (index === list.length - 1) {
|
|
|
- if (list[list.length - 2]) {
|
|
|
- res = list[list.length - 2]
|
|
|
- }
|
|
|
- } else {
|
|
|
- // 如果不是最后一个页面，打开后面一个
|
|
|
- if (list[index + 1]) {
|
|
|
- res = list[index + 1]
|
|
|
- }
|
|
|
- }
|
|
|
- return res
|
|
|
-}
|
|
|
-
|
|
|
-/**
|
|
|
- * @param {Number} times 回调函数需要执行的次数
|
|
|
- * @param {Function} callback 回调函数
|
|
|
- */
|
|
|
-export const doCustomTimes = (times, callback) => {
|
|
|
- let i = -1
|
|
|
- while (++i < times) {
|
|
|
- callback(i)
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-/**
|
|
|
- * @param {Object} file 从上传组件得到的文件对象
|
|
|
- * @returns {Promise} resolve参数是解析后的二维数组
|
|
|
- * @description 从Csv文件中解析出表格，解析成二维数组
|
|
|
- */
|
|
|
-export const getArrayFromFile = (file) => {
|
|
|
- let nameSplit = file.name.split('.')
|
|
|
- let format = nameSplit[nameSplit.length - 1]
|
|
|
- return new Promise((resolve, reject) => {
|
|
|
- let reader = new FileReader()
|
|
|
- reader.readAsText(file) // 以文本格式读取
|
|
|
- let arr = []
|
|
|
- reader.onload = function (evt) {
|
|
|
- let data = evt.target.result // 读到的数据
|
|
|
- let pasteData = data.trim()
|
|
|
- arr = pasteData.split((/[\n\u0085\u2028\u2029]|\r\n?/g)).map(row => {
|
|
|
- return row.split('\t')
|
|
|
- }).map(item => {
|
|
|
- return item[0].split(',')
|
|
|
- })
|
|
|
- if (format === 'csv') resolve(arr)
|
|
|
- else reject(new Error('[Format Error]:你上传的不是Csv文件'))
|
|
|
- }
|
|
|
- })
|
|
|
-}
|
|
|
-
|
|
|
-/**
|
|
|
- * @param {Array} array 表格数据二维数组
|
|
|
- * @returns {Object} { columns, tableData }
|
|
|
- * @description 从二维数组中获取表头和表格数据，将第一行作为表头，用于在iView的表格中展示数据
|
|
|
- */
|
|
|
-export const getTableDataFromArray = (array) => {
|
|
|
- let columns = []
|
|
|
- let tableData = []
|
|
|
- if (array.length > 1) {
|
|
|
- let titles = array.shift()
|
|
|
- columns = titles.map(item => {
|
|
|
- return {
|
|
|
- title: item,
|
|
|
- key: item
|
|
|
- }
|
|
|
- })
|
|
|
- tableData = array.map(item => {
|
|
|
- let res = {}
|
|
|
- item.forEach((col, i) => {
|
|
|
- res[titles[i]] = col
|
|
|
- })
|
|
|
- return res
|
|
|
- })
|
|
|
- }
|
|
|
- return {
|
|
|
- columns,
|
|
|
- tableData
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-export const findNodeUpper = (ele, tag) => {
|
|
|
- if (ele.parentNode) {
|
|
|
- if (ele.parentNode.tagName === tag.toUpperCase()) {
|
|
|
- return ele.parentNode
|
|
|
- } else {
|
|
|
- return findNodeUpper(ele.parentNode, tag)
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-export const findNodeUpperByClasses = (ele, classes) => {
|
|
|
- let parentNode = ele.parentNode
|
|
|
- if (parentNode) {
|
|
|
- let classList = parentNode.classList
|
|
|
- if (classList && classes.every(className => classList.contains(className))) {
|
|
|
- return parentNode
|
|
|
- } else {
|
|
|
- return findNodeUpperByClasses(parentNode, classes)
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-export const findNodeDownward = (ele, tag) => {
|
|
|
- const tagName = tag.toUpperCase()
|
|
|
- if (ele.childNodes.length) {
|
|
|
- let i = -1
|
|
|
- let len = ele.childNodes.length
|
|
|
- while (++i < len) {
|
|
|
- let child = ele.childNodes[i]
|
|
|
- if (child.tagName === tagName) return child
|
|
|
- else return findNodeDownward(child, tag)
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-export const showByAccess = (access, canViewAccess) => {
|
|
|
- return hasAllOf(canViewAccess, access)
|
|
|
-}
|
|
|
-
|
|
|
-/**
|
|
|
- * @description 根据name/params/query判断两个路由对象是否相等
|
|
|
- * @param {*} route1 路由对象
|
|
|
- * @param {*} route2 路由对象
|
|
|
- */
|
|
|
-export const routeEqual = (route1, route2) => {
|
|
|
- // const params1 = route1.params || {}
|
|
|
- // const params2 = route2.params || {}
|
|
|
- // const query1 = route1.query || {}
|
|
|
- // const query2 = route2.query || {}
|
|
|
- // return (route1.name === route2.name) && objEqual(params1, params2) && objEqual(query1, query2)
|
|
|
- return route1.name === route2.name // 只判断name(新建编辑不多)
|
|
|
-}
|
|
|
-
|
|
|
-/**
|
|
|
- * 判断打开的标签列表里是否已存在这个新添加的路由对象
|
|
|
- */
|
|
|
-export const routeHasExist = (tagNavList, routeItem) => {
|
|
|
- let len = tagNavList.length
|
|
|
- let res = false
|
|
|
- doCustomTimes(len, (index) => {
|
|
|
- // if (routeEqual(tagNavList[index], routeItem)) {
|
|
|
- // res = true
|
|
|
- // }
|
|
|
- // 如果名称相同 但是菜单Id不同打开多个
|
|
|
- if(tagNavList[index].name === routeItem.name){
|
|
|
- if(tagNavList[index].meta && routeItem.meta
|
|
|
- && tagNavList[index].meta.menuUuid === routeItem.meta.menuUuid){
|
|
|
- res = true;
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- return res
|
|
|
-}
|
|
|
-
|
|
|
-/**
|
|
|
- * @desc : 保存本地缓存(Session中）
|
|
|
- * @author : 周兴
|
|
|
- * @date : 2022/12/21 14:34
|
|
|
- */
|
|
|
-export const sessionSave = (key, value) => {
|
|
|
- sessionStorage.setItem(key, value)
|
|
|
-}
|
|
|
-
|
|
|
-/**
|
|
|
- * @desc : 保存到本地缓存(Session中）
|
|
|
- * @author : 周兴
|
|
|
- * @date : 2022/12/21 14:35
|
|
|
- */
|
|
|
-export const sessionRead = (key) => {
|
|
|
- return sessionStorage.getItem(key) || ''
|
|
|
-}
|
|
|
-
|
|
|
-/**
|
|
|
- * @desc : 保存本地缓存(Local中）
|
|
|
- * @author : 周兴
|
|
|
- * @date : 2022/12/21 14:34
|
|
|
- */
|
|
|
-export const localSave = (key, value) => {
|
|
|
- //处理语言
|
|
|
- if (key === 'local') {
|
|
|
- localStorage.setItem(key, value)
|
|
|
- localStorage.setItem(key + '_lan', value.replace('-', '_'))
|
|
|
- } else {
|
|
|
- localStorage.setItem(key, value)
|
|
|
- }
|
|
|
-}
|
|
|
|
|
|
/**
|
|
|
* @desc : 保存到本地缓存(Local中）
|
|
|
@@ -446,50 +46,6 @@ export const localRead = (key) => {
|
|
|
return localStorage.getItem(key) || ''
|
|
|
}
|
|
|
|
|
|
-/**
|
|
|
- * @desc : 保存到本地缓存(Local中）
|
|
|
- * @author : 周兴
|
|
|
- * @date : 2022/12/21 14:35
|
|
|
- */
|
|
|
-export const localRemove = (key) => {
|
|
|
- return localStorage.removeItem(key)
|
|
|
-}
|
|
|
-
|
|
|
-// scrollTop animation
|
|
|
-export const scrollTop = (el, from = 0, to, duration = 500, endCallback) => {
|
|
|
- if (!window.requestAnimationFrame) {
|
|
|
- window.requestAnimationFrame = (
|
|
|
- window.webkitRequestAnimationFrame ||
|
|
|
- window.mozRequestAnimationFrame ||
|
|
|
- window.msRequestAnimationFrame ||
|
|
|
- function (callback) {
|
|
|
- return window.setTimeout(callback, 1000 / 60)
|
|
|
- }
|
|
|
- )
|
|
|
- }
|
|
|
- const difference = Math.abs(from - to)
|
|
|
- const step = Math.ceil(difference / duration * 50)
|
|
|
-
|
|
|
- const scroll = (start, end, step) => {
|
|
|
- if (start === end) {
|
|
|
- endCallback && endCallback()
|
|
|
- return
|
|
|
- }
|
|
|
-
|
|
|
- let d = (start + step > end) ? end : start + step
|
|
|
- if (start > end) {
|
|
|
- d = (start - step < end) ? end : start - step
|
|
|
- }
|
|
|
-
|
|
|
- if (el === window) {
|
|
|
- window.scrollTo(d, d)
|
|
|
- } else {
|
|
|
- el.scrollTop = d
|
|
|
- }
|
|
|
- window.requestAnimationFrame(() => scroll(d, end, step))
|
|
|
- }
|
|
|
- scroll(from, to, step)
|
|
|
-}
|
|
|
|
|
|
/**
|
|
|
* @description 根据当前跳转的路由设置显示在浏览器标签的title
|
hongxudong