import { isURL } from '@/utils/validate' import { downFilePost} from '@/api/manage' import Vue from 'vue' import introJs from 'intro.js' 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 = generateChildRouters(data) indexRouter.splice(0,0, { path: '/', name: '首页', component: () => import('@/components/layouts/TabLayout'), meta: { title: '首页', icon: 'icon-present', url: '/dashboard/analysis' }, redirect: '/dashboard/analysis' }) return indexRouter; } // 生成嵌套路由(子路由) function generateChildRouters (data) { const routers = []; for (let item of data) { let componentPath = ""; item.route = "1"; if(item.component.indexOf("layouts")>=0){ componentPath = () => import('@/components'+item.component); } else { componentPath = () => import('@/views'+item.component); } // eslint-disable-next-line let URL = (item.url|| '').replace(/{{([^}}]+)?}}/g, (s1, s2) => eval(s2)) // URL支持{{ window.xxx }}占位符变量 if (isURL(URL)) { item.url = URL; } let componentName ='' if(item.component) { let index = item.component.lastIndexOf("\/"); componentName = item.component.substring(index + 1, item.component.length); } let menu = { path: item.url, name: item.text, meta: { id: item.id, title: item.text, icon: item.icon, url: item.url, componentName:componentName, internalOrExternal:true, keepAlive: true } } if(item.component.indexOf("IframePageView")>-1){ //给带iframe的页面进行改造 menu.iframeComponent = componentPath } else { menu.component = componentPath } 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) } /** * 如果值不存在就 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} */ 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 } /** * 转换商品扩展字段的格式 * @param thisRows * @param checker * @param replacer * @returns {string} */ export function getMpListShort(thisRows, checker, replacer) { let mPropertyListShort = '' let nativeNameStr = '' for (let i = 0; i < thisRows.length; i++) { if (thisRows[i].enabled) { nativeNameStr += thisRows[i].nativeName + ","; } } if (nativeNameStr) { mPropertyListShort = nativeNameStr.substring(0, nativeNameStr.length - 1); } return mPropertyListShort } /** * js获取当前年份, 格式“yyyy” */ export function getNowFormatYear() { let date = new Date(); return date.getFullYear(); } /** * js获取当前月份, 格式“yyyy-MM” */ export function getNowFormatMonth() { let date = new Date(); let seperator1 = "-"; let month = date.getMonth() + 1; if (month >= 1 && month <= 9) { month = "0" + month; } return date.getFullYear() + seperator1 + month; } /** * js获取当前日期, 格式“yyyy-MM-dd” */ export function getFormatDate() { let date = new Date(); let seperator1 = "-"; let year = date.getFullYear(); let month = date.getMonth() + 1; let strDate = date.getDate(); if (month >= 1 && month <= 9) { month = "0" + month; } if (strDate >= 0 && strDate <= 9) { strDate = "0" + strDate; } return year + seperator1 + month + seperator1 + strDate; } /** * js获取当前时间, 格式“yyyy-MM-dd HH:MM:SS” */ export function getNowFormatDateTime() { let date = new Date(); let seperator1 = "-"; let seperator2 = ":"; let month = date.getMonth() + 1; let strDate = date.getDate(); let strHours = date.getHours(); let strMinutes = date.getMinutes(); let strSeconds = date.getSeconds(); if (month >= 1 && month <= 9) { month = "0" + month; } if (strDate >= 0 && strDate <= 9) { strDate = "0" + strDate; } if (strHours >= 0 && strHours <= 9) { strHours = "0" + strHours; } if (strMinutes >= 0 && strMinutes <= 9) { strMinutes = "0" + strMinutes; } if (strSeconds >= 0 && strSeconds <= 9) { strSeconds = "0" + strSeconds; } return date.getFullYear() + seperator1 + month + seperator1 + strDate + " " + strHours + seperator2 + strMinutes + seperator2 + strSeconds; } /** * js获取当前时间, 格式“yyyyMMddHHMMSS” */ export function getNowFormatStr() { let date = new Date(); let year = date.getFullYear(); let month = date.getMonth() + 1; let strDate = date.getDate(); let strHours = date.getHours(); let strMinutes = date.getMinutes(); let strSeconds = date.getSeconds(); if (month >= 1 && month <= 9) { month = "0" + month; } if (strDate >= 0 && strDate <= 9) { strDate = "0" + strDate; } if (strHours >= 0 && strHours <= 9) { strHours = "0" + strHours; } if (strMinutes >= 0 && strMinutes <= 9) { strMinutes = "0" + strMinutes; } if (strSeconds >= 0 && strSeconds <= 9) { strSeconds = "0" + strSeconds; } return year +''+ month +''+ strDate +''+ strHours +''+ strMinutes +''+ strSeconds; } /** * js获取N天前的日期, 格式“yyyy-MM-dd” */ export function getBeforeFormatDate(day) { let currentDate = new Date(); let thirtyDaysAgo = new Date(currentDate.getTime() - day * 24 * 60 * 60 * 1000); let seperator1 = "-"; let month = thirtyDaysAgo.getMonth() + 1; let strDate = thirtyDaysAgo.getDate(); if (month >= 1 && month <= 9) { month = "0" + month; } if (strDate >= 0 && strDate <= 9) { strDate = "0" + strDate; } return thirtyDaysAgo.getFullYear() + seperator1 + month + seperator1 + strDate } /** * js获取N月前的日期, 格式“yyyy-MM-dd” */ export function getPrevMonthFormatDate(monthNum) { let prevMonth = new Date(); // 当前日期 prevMonth.setMonth(prevMonth.getMonth() - monthNum); // 设置为前一个月 let seperator1 = "-"; let month = prevMonth.getMonth() + 1; let strDate = prevMonth.getDate(); if (month >= 1 && month <= 9) { month = "0" + month; } if (strDate >= 0 && strDate <= 9) { strDate = "0" + strDate; } return prevMonth.getFullYear() + seperator1 + month + seperator1 + strDate } /** * JS中根据指定值删除数组中的元素 * @param arrylist * @param val */ export function removeByVal(arrylist, val) { for(var i = 0; i < arrylist .length; i++) { if(arrylist [i] == val) { arrylist .splice(i, 1); break; } } } export function getCheckFlag(multiBillType, multiLevelApprovalFlag, prefixNo) { if(multiLevelApprovalFlag==='1') { //开启 if(multiBillType) { let multiBillTypeArr = multiBillType.split(',') return multiBillTypeArr.indexOf(prefixNo) <= -1 } else { return true } } else { //关闭 return true } } /** * 将字符串中单个金额中的数值转为负数 * @param str * @returns {Array} */ export function changeListFmtMinus(str) { let newArr = new Array() if(str) { let arr = [] if(str.indexOf(',')>-1) { arr = str.split(',') } else { arr = str } for(let i=0; i{ if (!data) { this.$message.warning("文件下载失败") return } if (typeof window.navigator.msSaveBlob !== 'undefined') { window.navigator.msSaveBlob(new Blob([data],{type: 'application/vnd.ms-excel'}), fileName+'.xls') }else{ let url = window.URL.createObjectURL(new Blob([data],{type: 'application/vnd.ms-excel'})) let link = document.createElement('a') link.style.display = 'none' link.href = url link.setAttribute('download', fileName + '_' + getNowFormatStr()+'.xls') document.body.appendChild(link) link.click() document.body.removeChild(link); //下载完成移除元素 window.URL.revokeObjectURL(url); //释放掉blob对象 } }) } /** * 新手引导步骤 * @param module 这个变量可以用来存取版本号, 系统更新时候改变相应值 * @param cur_version 这个变量可以用来存取版本号, 系统更新时候改变相应值 */ export function handleIntroJs(module, cur_version) { //每个页面设置不同的缓存变量名称,不可以重复,有新版本时,更新cur_version //有新版本更新时才出现一次引导页, 第二次进入进不再出现, 这里有缓存来判断 let introJsObj = introJs() if(module !== 'indexChart') { let idElement = '#' + module introJsObj = introJs(idElement) } if (Vue.ls.get('intro_cache_' + module) === cur_version) { return; } introJsObj.setOptions({ prevLabel: '← 上一步', nextLabel: '下一步 →', doneLabel: '知道了', exitOnOverlayClick: false //点击空白区域是否关闭提示组件 }).oncomplete(function(){ //点击跳过按钮后执行的事件(这里保存对应的版本号到缓存,并且设置有效期为100天) Vue.ls.set('intro_cache_' + module, cur_version, 100 * 24 * 60 * 60 * 1000); }).onexit(function(){ //点击结束按钮后, 执行的事件 Vue.ls.set('intro_cache_' + module, cur_version, 100 * 24 * 60 * 60 * 1000); }).start() } /** * 回车后自动跳到下一个input */ export function autoJumpNextInput(domInfo) { let domIndex = 0 let inputs = document.getElementById(domInfo).getElementsByTagName('input') inputs[domIndex].focus() document.getElementById(domInfo).addEventListener('keydown',function(e){ if(e.keyCode === 13){ domIndex++ if(domIndex === inputs.length) { domIndex = 0 } inputs[domIndex].focus() } }) for(let i=0; i