|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480 |
- import * as api from '@/api/api'
- import { isURL } from '@/utils/validate'
- import onlineCommons from '@jeecg/antd-online-beta220'
-
- 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 ( let 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) {
- let 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 (let item of data) {
- let component = "";
- if(item.component.indexOf("layouts")>=0){
- component = "components/"+item.component;
- }else{
- component = "views/"+item.component;
- }
-
- // eslint-disable-next-line
- let URL = (item.meta.url|| '').replace(/{{([^}}]+)?}}/g, (s1, s2) => eval(s2)) // URL支持{{ window.xxx }}占位符变量
- if (isURL(URL)) {
- item.meta.url = URL;
- }
-
- //online菜单路由加载逻辑
- 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/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)
- }
-
- let menu = {
- path: item.path,
- name: item.name,
- redirect:item.redirect,
- component: componentPath,
- 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,
- keepAlive:item.meta.keepAlive,
- /*update_begin author:wuxianquan date:20190908 for:赋值 */
- internalOrExternal:item.meta.internalOrExternal
- /*update_end author:wuxianquan date:20190908 for:赋值 */
- }
- }
- 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) {
- let [length] = arguments
- // 生成指定长度的随机数字,首位一定不是 0
- let nums = [...Array(length).keys()].map((i) => (i > 0 ? random(0, 9) : random(1, 9)))
- return parseInt(nums.join(''))
- } else if (arguments.length >= 2) {
- let [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++) {
- let num = randomNumber(0, chats.length - 1)
- str += chats[num]
- }
- return str
- }
-
- /**
- * 随机生成uuid
- * @return string 生成的uuid
- */
- export function randomUUID() {
- let 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){
- if(bpmStatus!="1"&&bpmStatus!="3"&&bpmStatus!="4"){
- return true;
- }
- return false;
- }
-
- /**
- * 增强CSS,可以在页面上输出全局css
- * @param css 要增强的css
- * @param id style标签的id,可以用来清除旧样式
- */
- export function cssExpand(css, id) {
- let style = document.createElement('style')
- style.type = "text/css"
- style.innerHTML = `@charset "UTF-8"; ${css}`
- // 清除旧样式
- if (id) {
- let $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
- let windowKeyName = 'J_CLICK_EVENT_OPTIONS'
- if (typeof window[windowKeyName] != 'object') {
- window[windowKeyName] = {}
- }
-
- // 随机生成JS增强的执行id,防止冲突
- let id = randomString(16, 'qwertyuioplkjhgfdsazxcvbnm'.toUpperCase())
- // 封装按钮点击事件
- let 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) {
- let 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 (let 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 () {
- let args = arguments
- if (timer) {
- clearTimeout(timer)
- }
- timer = setTimeout(() => {
- fn.apply(null, args)
- }, delay)
- }
- }
-
- /**
- * 不用正则的方式替换所有值
- * @param text 被替换的字符串
- * @param checker 替换前的内容
- * @param replacer 替换后的内容
- * @returns {String} 替换后的字符串
- */
- export function replaceAll(text, checker, replacer) {
- let lastText = text
- text = text.replace(checker, replacer)
- if (lastText !== text) {
- return replaceAll(text, checker, replacer)
- }
- return text
- }
|