630 lines
18 KiB
JavaScript
630 lines
18 KiB
JavaScript
import Vue from 'vue'
|
||
import * as api from '@/api/api'
|
||
import { isURL } from '@/utils/validate'
|
||
import { ACCESS_TOKEN } from '@/store/mutation-types'
|
||
import onlineCommons from '@/components/onlineForm/onlineForm'
|
||
//
|
||
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', '我猜你可能累了']
|
||
const index = Math.floor((Math.random() * arr.length))
|
||
return arr[index]
|
||
}
|
||
|
||
/**
|
||
* 触发 window.resize
|
||
*/
|
||
export function triggerWindowResizeEvent () {
|
||
const 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 (const key in obj) {
|
||
if (Object.prototype.hasOwnProperty.call(obj, key) && (obj[key] == null || obj[key] === undefined || obj[key] === '')) {
|
||
delete obj[key]
|
||
}
|
||
}
|
||
return obj
|
||
}
|
||
|
||
/**
|
||
* 时间格式化
|
||
* @param value
|
||
* @param fmt
|
||
* @returns {*}
|
||
*/
|
||
export function formatDate (value, fmt) {
|
||
const regPos = /^\d+(\.\d+)?$/
|
||
if (regPos.test(value)) {
|
||
// 如果是数字
|
||
const getDate = new Date(value)
|
||
const 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 (const 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) {
|
||
const redirectPath = findFirstRoute(data)
|
||
return [{
|
||
path: '/',
|
||
name: 'dashboard',
|
||
// component: () => import('@/components/layouts/BasicLayout'),
|
||
component: resolve => require(['@/components/layouts/TabLayout'], resolve),
|
||
meta: { title: '首页' },
|
||
redirect: redirectPath,
|
||
children: [
|
||
...generateChildRouters(data)
|
||
]
|
||
}, {
|
||
path: '*', redirect: '/404', hidden: true
|
||
}]
|
||
}
|
||
|
||
// 生成嵌套路由（子路由）
|
||
|
||
function generateChildRouters (data) {
|
||
const routers = []
|
||
for (const item of data) {
|
||
let component = ''
|
||
if (item.component.indexOf('layouts') >= 0) {
|
||
component = 'components/' + item.component
|
||
} else {
|
||
component = 'views/' + item.component
|
||
}
|
||
const URL = (item.meta.url || '').replace(/{{([^}}]+)?}}/g, (s1, s2) => evil(s2)) // URL支持{{ window.xxx }}占位符变量
|
||
if (isURL(URL) || (item.meta.url && item.meta.url.indexOf('{{') === 0)) {
|
||
item.meta.url = URL
|
||
}
|
||
|
||
let componentPath
|
||
if (item.component === 'modules/online/cgform/OnlCgformHeadList') {
|
||
componentPath = onlineCommons.OnlCgformHeadList
|
||
} else if (item.component + '' === 'modules/online/cgform/OnlCgformCopyList') {
|
||
componentPath = onlineCommons.OnlCgformCopyList
|
||
} else if (item.component + '' === 'modules/online/cgform/auto/OnlCgformAutoList') {
|
||
componentPath = onlineCommons.OnlCgformAutoList
|
||
} else if (item.component + '' === 'modules/online/cgform/auto/OnlCgformTreeList') {
|
||
componentPath = onlineCommons.OnlCgformTreeList
|
||
} else if (item.component + '' === 'modules/online/cgform/auto/erp/OnlCgformErpList') {
|
||
componentPath = onlineCommons.OnlCgformErpList
|
||
} else if (item.component + '' === 'modules/online/cgform/auto/tab/OnlCgformTabList') {
|
||
componentPath = onlineCommons.OnlCgformTabList
|
||
} else if (item.component + '' === 'modules/online/cgform/auto/innerTable/OnlCgformInnerTableList') {
|
||
componentPath = onlineCommons.OnlCgformInnerTableList
|
||
} else if (item.component + '' === 'modules/online/cgreport/OnlCgreportHeadList') {
|
||
componentPath = onlineCommons.OnlCgreportHeadList
|
||
} else if (item.component + '' === 'modules/online/cgreport/auto/OnlCgreportAutoList') {
|
||
componentPath = onlineCommons.OnlCgreportAutoList
|
||
} else {
|
||
componentPath = resolve => require(['@/' + component + '.vue'], resolve)
|
||
}
|
||
|
||
const menu = {
|
||
path: item.path,
|
||
name: item.name,
|
||
redirect: item.redirect,
|
||
component: componentPath,
|
||
// component: resolve => require(['@/' + component+'.vue'], resolve),
|
||
hidden: item.hidden,
|
||
meta: {
|
||
title: item.meta.title,
|
||
icon: item.meta.icon,
|
||
url: item.meta.url,
|
||
permissionList: item.meta.permissionList,
|
||
keepAlive: item.meta.keepAlive,
|
||
/* update_begin author:wuxianquan date:20190908 for:赋值 */
|
||
internalOrExternal: item.meta.internalOrExternal,
|
||
/* update_end author:wuxianquan date:20190908 for:赋值 */
|
||
componentName: item.meta.componentName
|
||
}
|
||
}
|
||
if (item.alwaysShow) {
|
||
menu.alwaysShow = true
|
||
menu.redirect = menu.path
|
||
}
|
||
if (item.children && item.children.length > 0) {
|
||
menu.children = [...generateChildRouters(item.children)]
|
||
}
|
||
// --update-begin----author:scott---date:20190320------for:根据后台菜单配置，判断是否路由菜单字段，动态选择是否生成路由（为了支持参数URL菜单）------
|
||
// 判断是否生成路由
|
||
if (item.route && item.route === '0') {
|
||
// console.log(' 不生成路由 item.route： '+item.route);
|
||
// console.log(' 不生成路由 item.path： '+item.path);
|
||
} else {
|
||
routers.push(menu)
|
||
}
|
||
// --update-end----author:scott---date:20190320------for:根据后台菜单配置，判断是否路由菜单字段，动态选择是否生成路由（为了支持参数URL菜单）------
|
||
}
|
||
return routers
|
||
}
|
||
|
||
/**
|
||
* 深度克隆对象、数组
|
||
* @param obj 被克隆的对象
|
||
* @return 克隆后的对象
|
||
*/
|
||
export function cloneObject (obj) {
|
||
return JSON.parse(JSON.stringify(obj))
|
||
}
|
||
|
||
/**
|
||
* 随机生成数字
|
||
*
|
||
* 示例：生成长度为 12 的随机数：randomNumber(12)
|
||
* 示例：生成 3~23 之间的随机数：randomNumber(3, 23)
|
||
*
|
||
* @param1 最小值 | 长度
|
||
* @param2 最大值
|
||
* @return int 生成后的数字
|
||
*/
|
||
export function randomNumber () {
|
||
// 生成 最小值 到 最大值 区间的随机数
|
||
const random = (min, max) => {
|
||
return Math.floor(Math.random() * (max - min + 1) + min)
|
||
}
|
||
if (arguments.length === 1) {
|
||
const [length] = arguments
|
||
// 生成指定长度的随机数字，首位一定不是 0
|
||
const nums = [...Array(length).keys()].map((i) => (i > 0 ? random(0, 9) : random(1, 9)))
|
||
return parseInt(nums.join(''))
|
||
} else if (arguments.length >= 2) {
|
||
const [min, max] = arguments
|
||
return random(min, max)
|
||
} else {
|
||
return Number.NaN
|
||
}
|
||
}
|
||
|
||
/**
|
||
* 随机生成字符串
|
||
* @param length 字符串的长度
|
||
* @param chats 可选字符串区间（只会生成传入的字符串中的字符）
|
||
* @return string 生成的字符串
|
||
*/
|
||
export function randomString (length, chats) {
|
||
if (!length) length = 1
|
||
if (!chats) chats = '0123456789qwertyuioplkjhgfdsazxcvbnm'
|
||
let str = ''
|
||
for (let i = 0; i < length; i++) {
|
||
const num = randomNumber(0, chats.length - 1)
|
||
str += chats[num]
|
||
}
|
||
return str
|
||
}
|
||
|
||
/**
|
||
* 随机生成uuid
|
||
* @return string 生成的uuid
|
||
*/
|
||
export function randomUUID () {
|
||
const chats = '0123456789abcdef'
|
||
return randomString(32, chats)
|
||
}
|
||
|
||
/**
|
||
* 下划线转驼峰
|
||
* @param string
|
||
* @returns {*}
|
||
*/
|
||
export function underLine2CamelCase (string) {
|
||
return string.replace(/_([a-z])/g, function (all, letter) {
|
||
return letter.toUpperCase()
|
||
})
|
||
}
|
||
|
||
/**
|
||
* 判断是否显示办理按钮
|
||
* @param bpmStatus
|
||
* @returns {*}
|
||
*/
|
||
export function showDealBtn (bpmStatus) {
|
||
return bpmStatus + '' !== '1' && bpmStatus + '' !== '3' && bpmStatus + '' !== '4'
|
||
}
|
||
|
||
/**
|
||
* 增强CSS，可以在页面上输出全局css
|
||
* @param css 要增强的css
|
||
* @param id style标签的id，可以用来清除旧样式
|
||
*/
|
||
export function cssExpand (css, id) {
|
||
const style = document.createElement('style')
|
||
style.type = 'text/css'
|
||
style.innerHTML = `@charset "UTF-8"; ${css}`
|
||
// 清除旧样式
|
||
if (id) {
|
||
const $style = document.getElementById(id)
|
||
if ($style != null) $style.outerHTML = ''
|
||
style.id = id
|
||
}
|
||
// 应用新样式
|
||
document.head.appendChild(style)
|
||
}
|
||
|
||
/** 用于js增强事件，运行JS代码，可以传参 */
|
||
// options 所需参数：
|
||
// 参数名 类型 说明
|
||
// vm VueComponent vue实例
|
||
// event Object event对象
|
||
// jsCode String 待执行的js代码
|
||
// errorMessage String 执行出错后的提示（控制台）
|
||
export function jsExpand (options = {}) {
|
||
// 绑定到window上的keyName
|
||
const windowKeyName = 'J_CLICK_EVENT_OPTIONS'
|
||
if (typeof window[windowKeyName] !== 'object') {
|
||
window[windowKeyName] = {}
|
||
}
|
||
|
||
// 随机生成JS增强的执行id，防止冲突
|
||
const id = randomString(16, 'qwertyuioplkjhgfdsazxcvbnm'.toUpperCase())
|
||
// 封装按钮点击事件
|
||
const code = `
|
||
(function (o_${id}) {
|
||
try {
|
||
(function (globalEvent, vm) {
|
||
${options.jsCode}
|
||
})(o_${id}.event, o_${id}.vm)
|
||
} catch (e) {
|
||
o_${id}.error(e)
|
||
}
|
||
o_${id}.done()
|
||
})(window['${windowKeyName}']['EVENT_${id}'])
|
||
`
|
||
// 创建script标签
|
||
const script = document.createElement('script')
|
||
// 将需要传递的参数挂载到window对象上
|
||
window[windowKeyName]['EVENT_' + id] = {
|
||
vm: options.vm,
|
||
event: options.event,
|
||
// 当执行完成时，无论如何都会调用的回调事件
|
||
done () {
|
||
// 执行完后删除新增的 script 标签不会撤销执行结果（已产生的结果不会被撤销）
|
||
script.outerHTML = ''
|
||
delete window[windowKeyName]['EVENT_' + id]
|
||
},
|
||
// 当js运行出错的时候调用的事件
|
||
error (e) {
|
||
console.group(`${options.errorMessage || '用户自定义JS增强代码运行出错'}（${new Date()}）`)
|
||
console.error(e)
|
||
console.groupEnd()
|
||
}
|
||
}
|
||
// 将事件挂载到document中
|
||
script.innerHTML = code
|
||
document.body.appendChild(script)
|
||
}
|
||
|
||
/**
|
||
* 重复值验证工具方法
|
||
*
|
||
* 使用示例：
|
||
* { validator: (rule, value, callback) => validateDuplicateValue('sys_fill_rule', 'rule_code', value, this.model.id, callback) }
|
||
*
|
||
* @param tableName 被验证的表名
|
||
* @param fieldName 被验证的字段名
|
||
* @param fieldVal 被验证的值
|
||
* @param dataId 数据ID，可空
|
||
* @param callback
|
||
*/
|
||
export function validateDuplicateValue (tableName, fieldName, fieldVal, dataId, callback) {
|
||
if (fieldVal) {
|
||
const params = { tableName, fieldName, fieldVal, dataId }
|
||
api.duplicateCheck(params).then(res => {
|
||
res.success ? callback() : callback(res.message)
|
||
}).catch(err => {
|
||
callback(err.message || err)
|
||
})
|
||
} else {
|
||
callback()
|
||
}
|
||
}
|
||
|
||
/**
|
||
* 根据编码校验规则code，校验传入的值是否合法
|
||
*
|
||
* 使用示例：
|
||
* { validator: (rule, value, callback) => validateCheckRule('common', value, callback) }
|
||
*
|
||
* @param ruleCode 编码校验规则 code
|
||
* @param value 被验证的值
|
||
* @param callback
|
||
*/
|
||
export function validateCheckRule (ruleCode, value, callback) {
|
||
if (ruleCode && value) {
|
||
value = encodeURIComponent(value)
|
||
api.checkRuleByCode({ ruleCode, value }).then(res => {
|
||
res.success ? callback() : callback(res.message)
|
||
}).catch(err => {
|
||
callback(err.message || err)
|
||
})
|
||
} else {
|
||
callback()
|
||
}
|
||
}
|
||
|
||
/**
|
||
* 如果值不存在就 push 进数组，反之不处理
|
||
* @param array 要操作的数据
|
||
* @param value 要添加的值
|
||
* @param key 可空，如果比较的是对象，可能存在地址不一样但值实际上是一样的情况，可以传此字段判断对象中唯一的字段，例如 id。不传则直接比较实际值
|
||
* @returns {boolean} 成功 push 返回 true，不处理返回 false
|
||
*/
|
||
export function pushIfNotExist (array, value, key) {
|
||
for (const item of array) {
|
||
if (key && (item[key] === value[key])) {
|
||
return false
|
||
} else if (item === value) {
|
||
return false
|
||
}
|
||
}
|
||
array.push(value)
|
||
return true
|
||
}
|
||
|
||
/**
|
||
* 可用于判断是否成功
|
||
* @type {symbol}
|
||
*/
|
||
export const succeedSymbol = Symbol('')
|
||
/**
|
||
* 可用于判断是否失败
|
||
* @type {symbol}
|
||
*/
|
||
export const failedSymbol = Symbol('')
|
||
|
||
/**
|
||
* 使 promise 无论如何都会 resolve，除非传入的参数不是一个Promise对象或返回Promise对象的方法
|
||
* 一般用在 Promise.all 中
|
||
*
|
||
* @param promise 可传Promise对象或返回Promise对象的方法
|
||
* @returns {Promise<any>}
|
||
*/
|
||
export function alwaysResolve (promise) {
|
||
return new Promise((resolve, reject) => {
|
||
let p = promise
|
||
if (typeof promise === 'function') {
|
||
p = promise()
|
||
}
|
||
if (p instanceof Promise) {
|
||
p.then(data => {
|
||
resolve({ type: succeedSymbol, data })
|
||
}).catch(error => {
|
||
resolve({ type: failedSymbol, error })
|
||
})
|
||
} else {
|
||
reject('alwaysResolve: 传入的参数不是一个Promise对象或返回Promise对象的方法')
|
||
}
|
||
})
|
||
}
|
||
|
||
/**
|
||
* 简单实现防抖方法
|
||
*
|
||
* 防抖(debounce)函数在第一次触发给定的函数时，不立即执行函数，而是给出一个期限值(delay)，比如100ms。
|
||
* 如果100ms内再次执行函数，就重新开始计时，直到计时结束后再真正执行函数。
|
||
* 这样做的好处是如果短时间内大量触发同一事件，只会执行一次函数。
|
||
*
|
||
* @param fn 要防抖的函数
|
||
* @param delay 防抖的毫秒数
|
||
* @returns {Function}
|
||
*/
|
||
export function simpleDebounce (fn, delay = 100) {
|
||
let timer = null
|
||
return function () {
|
||
const args = arguments
|
||
if (timer) {
|
||
clearTimeout(timer)
|
||
}
|
||
timer = setTimeout(() => {
|
||
fn.apply(this, args)
|
||
}, delay)
|
||
}
|
||
}
|
||
|
||
/**
|
||
* 不用正则的方式替换所有值
|
||
* @param text 被替换的字符串
|
||
* @param checker 替换前的内容
|
||
* @param replacer 替换后的内容
|
||
* @returns {String} 替换后的字符串
|
||
*/
|
||
export function replaceAll (text, checker, replacer) {
|
||
const lastText = text
|
||
text = text.replace(checker, replacer)
|
||
if (lastText !== text) {
|
||
return replaceAll(text, checker, replacer)
|
||
}
|
||
return text
|
||
}
|
||
|
||
/**
|
||
* 获取事件冒泡路径，兼容 IE11，Edge，Chrome，Firefox，Safari
|
||
* 目前使用的地方：JEditableTable Span模式
|
||
*/
|
||
export function getEventPath (event) {
|
||
const target = event.target
|
||
const path = (event.composedPath && event.composedPath()) || event.path
|
||
|
||
if (path != null) {
|
||
return (path.indexOf(window) < 0) ? path.concat(window) : path
|
||
}
|
||
|
||
if (target === window) {
|
||
return [window]
|
||
}
|
||
|
||
const getParents = (node, memo) => {
|
||
memo = memo || []
|
||
const parentNode = node.parentNode
|
||
|
||
if (!parentNode) {
|
||
return memo
|
||
} else {
|
||
return getParents(parentNode, memo.concat(parentNode))
|
||
}
|
||
}
|
||
return [target].concat(getParents(target), window)
|
||
}
|
||
|
||
/**
|
||
* 根据组件名获取父级
|
||
* @param vm
|
||
* @param name
|
||
* @returns {Vue | null|null|Vue}
|
||
*/
|
||
export function getVmParentByName (vm, name) {
|
||
const parent = vm.$parent
|
||
if (parent && parent.$options) {
|
||
if (parent.$options.name === name) {
|
||
return parent
|
||
} else {
|
||
const res = getVmParentByName(parent, name)
|
||
if (res) {
|
||
return res
|
||
}
|
||
}
|
||
}
|
||
return null
|
||
}
|
||
|
||
/**
|
||
* 使一个值永远不会为（null | undefined）
|
||
*
|
||
* @param value 要处理的值
|
||
* @param def 默认值，如果value为（null | undefined）则返回的默认值，可不传，默认为''
|
||
*/
|
||
export function neverNull (value, def) {
|
||
return value == null ? (neverNull(def, '')) : value
|
||
}
|
||
|
||
/**
|
||
* 根据元素值移除数组中的一个元素
|
||
* @param array 数组
|
||
* @param prod 属性名
|
||
* @param value 属性值
|
||
* @returns {string}
|
||
*/
|
||
export function removeArrayElement (array, prod, value) {
|
||
let index = -1
|
||
for (let i = 0; i < array.length; i++) {
|
||
if (array[i][prod] + '' === value + '') {
|
||
index = i
|
||
break
|
||
}
|
||
}
|
||
if (index >= 0) {
|
||
array.splice(index, 1)
|
||
}
|
||
}
|
||
export function findFirstRoute (data) {
|
||
if (data[0]) {
|
||
if (data[0] && data[0].children && data[0].children.length > 0) {
|
||
return findFirstRoute(data[0].children)
|
||
} else {
|
||
return data[0].path
|
||
}
|
||
} else {
|
||
return '/'
|
||
}
|
||
}
|
||
|
||
/** 判断是否是OAuth2APP环境 */
|
||
export function isOAuth2AppEnv () {
|
||
return /wxwork|dingtalk/i.test(navigator.userAgent)
|
||
}
|
||
|
||
/**
|
||
* 获取积木报表打印地址
|
||
* @param url
|
||
* @param id
|
||
* @param open 是否自动打开
|
||
* @returns {*}
|
||
*/
|
||
export function getReportPrintUrl (url, id, open) {
|
||
// URL支持{{ window.xxx }}占位符变量
|
||
url = url.replace(/{{([^}]+)?}}/g, (s1, s2) => evil(s2))
|
||
if (url.includes('?')) {
|
||
url += '&'
|
||
} else {
|
||
url += '?'
|
||
}
|
||
url += `id=${id}`
|
||
url += `&token=${Vue.ls.get(ACCESS_TOKEN)}`
|
||
if (open) {
|
||
window.open(url)
|
||
}
|
||
return url
|
||
}
|
||
|
||
/**
|
||
* 解决eval的eslint问题
|
||
* @param fn
|
||
* @returns {*}
|
||
*/
|
||
export function evil (fn) {
|
||
const Fn = Function // 一个变量指向Function，防止有些前端编译工具报错
|
||
return new Fn('return ' + fn)()
|
||
}
|
||
|
||
// 判断当前设备
|
||
export function isMobile () {
|
||
const userAgentInfo = navigator.userAgent
|
||
|
||
const mobileAgents = ['Android', 'iPhone', 'SymbianOS', 'Windows Phone', 'iPad', 'iPod', 'Harmony']
|
||
|
||
let mobileFlag = false
|
||
|
||
// 根据userAgent判断是否是手机
|
||
for (let v = 0; v < mobileAgents.length; v++) {
|
||
if (userAgentInfo.indexOf(mobileAgents[v]) > 0) {
|
||
mobileFlag = true
|
||
break
|
||
}
|
||
}
|
||
const screenWidth = window.screen.width
|
||
const screenHeight = window.screen.height
|
||
|
||
// 根据屏幕分辨率判断是否是手机
|
||
if (screenWidth < 500 && screenHeight < 800) {
|
||
mobileFlag = true
|
||
}
|
||
return mobileFlag
|
||
}
|