/* eslint-disable no-useless-escape */ /* eslint-disable camelcase */ /** * Created by jiachenpan on 16/11/18. */ /** 获取最大 z-index 的值 */ // import { // PopupManager // } from 'element-ui/lib/utils/popup' /** * 时间操作 * @param */ /** 时间戳转date */ import moment from 'moment' import { ResouceUrl } from '@/utils/baseconfig' export function parseTime (time, cFormat) { if (arguments.length === 0) { return null } const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}' let date if (typeof time === 'object') { date = time } else { if (('' + time).length === 10) time = parseInt(time) * 1000 date = new Date(time) } const formatObj = { y: date.getFullYear(), m: date.getMonth() + 1, d: date.getDate(), h: date.getHours(), i: date.getMinutes(), s: date.getSeconds(), a: date.getDay() } const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => { let value = formatObj[key] // Note: getDay() returns 0 on Sunday if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value] } if (result.length > 0 && value < 10) { value = '0' + value } return value || 0 }) return time_str } export function formatTime (time, option) { time = +time * 1000 const d = new Date(time) const now = Date.now() const diff = (now - d) / 1000 if (diff < 30) { return '刚刚' } else if (diff < 3600) { // less 1 hour return Math.ceil(diff / 60) + '分钟前' } else if (diff < 3600 * 24) { return Math.ceil(diff / 3600) + '小时前' } else if (diff < 3600 * 24 * 2) { return '1天前' } if (option) { return parseTime(time, option) } else { return ( d.getMonth() + 1 + '月' + d.getDate() + '日' + d.getHours() + '时' + d.getMinutes() + '分' ) } } export function isExternal (path) { return /^(https?:|mailto:|tel:)/.test(path) } /** 压缩文件 * quality压缩百分比 0.3 */ export function compressImage (file, quality, callback) { // quality 设置为0.3 quality = quality || 0.3 const reader = new FileReader() reader.onload = function (event) { var result = event.target.result if (file.size > 204800 && file.type !== 'image/gif' && quality < 1) { // 大于200Kb const img = new Image() img.src = result img.onload = function () { // 如果图片大于四百万像素,计算压缩比并将大小压至400万以下 var width = img.width var height = img.height var ratio if ((ratio = width * height / 4000000) > 1) { ratio = Math.sqrt(ratio) width /= ratio height /= ratio } else { ratio = 1 } var canvas = document.createElement('canvas') canvas.width = width canvas.height = height // 铺底色 var ctx = canvas.getContext('2d') ctx.fillStyle = '#fff' ctx.fillRect(0, 0, canvas.width, canvas.height) // 如果图片像素大于100万则使用瓦片绘制 var count if ((count = width * height / 1000000) > 1) { count = ~~(Math.sqrt(count) + 1) // 计算要分成多少块瓦片 // 计算每块瓦片的宽和高 var nw = ~~(width / count) var nh = ~~(height / count) var tCanvas = document.createElement('canvas') tCanvas.width = nw tCanvas.height = nh for (var i = 0; i < count; i++) { for (var j = 0; j < count; j++) { var tctx = tCanvas.getContext('2d') tctx.drawImage(img, i * nw * ratio, j * nh * ratio, nw * ratio, nh * ratio, 0, 0, nw, nh) ctx.drawImage(tCanvas, i * nw, j * nh, nw, nh) } } tCanvas.width = tCanvas.height = 0 } else { ctx.drawImage(img, 0, 0, width, height) } // 进行最小压缩 var ndata = canvas.toDataURL('image/jpeg', quality) canvas.width = canvas.height = 0 callback(ndata) } } else { // 小于200K不需要压缩 直接返回 callback(result) } } reader.readAsDataURL(file) } /** 根据date URL 创建blob 用于上传 */ export function createBlob (result) { var arr = result.split(',') var mime = arr[0].match(/:(.*?)/)[1] var bstr = atob(arr[1]) var n = bstr.length var u8arr = new Uint8Array(n) while (n--) { u8arr[n] = bstr.charCodeAt(n) } return new Blob([u8arr], { type: mime }) } /** 获取file大小的名称 */ export function fileSize (size) { var size_int = size if (typeof size === 'string' && size.constructor === String) { size_int = parseInt(size) } var formatSize if (parseInt(size_int / 1024 / 1024) > 0) { formatSize = (size_int / 1024 / 1024).toFixed(2) + 'MB' } else if (parseInt(size_int / 1024) > 0) { formatSize = (size_int / 1024).toFixed(2) + 'kB' } else { formatSize = size_int + 'Byte' } return formatSize } export function getMaxIndex () { let arr = [...document.getElementsByTagName('div')].map(e => +window.getComputedStyle(e).zIndex || 0) return arr.length ? Math.max(...arr) + 1 : 0 // return PopupManager.nextZIndex() } /** 深拷贝 */ export function objDeepCopy (source) { if (typeof source === 'object') { var sourceCopy = source instanceof Array ? [] : {} for (var item in source) { if (!source[item]) { sourceCopy[item] = source[item] } else { sourceCopy[item] = typeof source[item] === 'object' ? objDeepCopy(source[item]) : source[item] } } return sourceCopy } return source } /** 获取文件类型图标 */ export function getTypeIcon (file) { console.log(file) if (file.indexOf('image') !== -1) { return require('@/assets/img/file_img.png') } else if (file.indexOf('audio') !== -1 || file.indexOf('video') !== -1) { return require('@/assets/img/file_video.png') } else { var index = file.lastIndexOf('.') var ext = file.substr(index + 1) if (arrayContain(['xlsx', 'xls', 'XLSX', 'XLS'], ext)) { return require('@/assets/img/file_excle.png') } else if (arrayContain(['doc', 'docx', 'DOC', 'DOCX'], ext)) { return require('@/assets/img/file_word.png') } else if (arrayContain(['rar', 'zip'], ext)) { return require('@/assets/img/file_zip.png') } else if (ext === 'pdf') { return require('@/assets/img/file_pdf.png') } else if (ext === 'ppt' || ext === 'pptx') { return require('@/assets/img/file_ppt.png') } else if (arrayContain(['txt', 'text'], ext)) { return require('@/assets/img/file_txt.png') } } return require('@/assets/img/file_unknown.png') } /** 获取文件类型图标 */ export function getFileTypeIcon (file) { console.log(file) if (file.type.indexOf('image') !== -1) { return require('@/assets/img/file_img.png') } else if (file.type.indexOf('audio') !== -1 || file.type.indexOf('video') !== -1) { return require('@/assets/img/file_video.png') } else { var index = file.name.lastIndexOf('.') var ext = file.name.substr(index + 1) if (arrayContain(['xlsx', 'xls', 'XLSX', 'XLS'], ext)) { return require('@/assets/img/file_excle.png') } else if (arrayContain(['doc', 'docx', 'DOC', 'DOCX'], ext)) { return require('@/assets/img/file_word.png') } else if (arrayContain(['rar', 'zip'], ext)) { return require('@/assets/img/file_zip.png') } else if (ext === 'pdf') { return require('@/assets/img/file_pdf.png') } else if (ext === 'ppt' || ext === 'pptx') { return require('@/assets/img/file_ppt.png') } else if (arrayContain(['txt', 'text'], ext)) { return require('@/assets/img/file_txt.png') } } return require('@/assets/img/file_unknown.png') } export function getFileTypeIconWithSuffix (ext) { if (arrayContain(['jpg', 'png', 'gif'], ext)) { return require('@/assets/img/file_img.png') } else if (arrayContain(['mp4', 'mp3', 'avi'], ext)) { return require('@/assets/img/file_excle.png') } else if (arrayContain(['xlsx', 'xls', 'XLSX', 'XLS'], ext)) { return require('@/assets/img/file_excle.png') } else if (arrayContain(['doc', 'docx', 'DOC', 'DOCX'], ext)) { return require('@/assets/img/file_word.png') } else if (arrayContain(['rar', 'zip'], ext)) { return require('@/assets/img/file_zip.png') } else if (ext === 'pdf') { return require('@/assets/img/file_pdf.png') } else if (ext === 'ppt' || ext === 'pptx') { return require('@/assets/img/file_ppt.png') } else if (arrayContain(['txt', 'text'], ext)) { return require('@/assets/img/file_txt.png') } return require('@/assets/img/file_unknown.png') } function arrayContain (array, string) { return array.some((item) => { return item === string }) } /** 判断输入的是number */ export function regexIsNumber (nubmer) { var regex = /^[0-9]+.?[0-9]*/ if (!regex.test(nubmer)) { return false } return true } /** 判断输入的是crm数字 数字的整数部分须少于12位,小数部分须少于4位 */ export function regexIsCRMNumber (nubmer) { var regex = /^([-+]?\d{1,12})(\.\d{0,4})?$/ if (!regex.test(nubmer)) { return false } return true } /** 判断输入的是货币 货币的整数部分须少于10位,小数部分须少于2位 */ export function regexIsCRMMoneyNumber (nubmer) { var regex = /^([-+]?\d{1,10})(\.\d{0,2})?$/ if (!regex.test(nubmer)) { return false } return true } /** 判断输入的是电话 */ export function regexIsCRMMobile (mobile) { var regex = /^(\+?0?\d{2,4}\-?)?\d{6,11}$/ if (!regex.test(mobile)) { return false } return true } /** 判断输入的是邮箱 */ export function regexIsCRMEmail (email) { var regex = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/ if (!regex.test(email)) { return false } return true } export function getDateFromTimestamp (time) { var times = 0 if (time.length === 13) { times = parseInt(time) } else { times = parseInt(time) * 1000 } return new Date(times) // 如果date为13位不需要乘1000 } /** * * @param {*} timestamp 时间戳 * @param {*} format 格式化 */ export function timestampToFormatTime (timestamp, format) { if (timestamp && timestamp.toString().length >= 10) { return moment(getDateFromTimestamp(timestamp.toString())).format(format) } return '' } /** * * @param {*} format 格式化字符串 */ export function formatTimeToTimestamp (format) { if (format && format.length > 0) { var timeValue = moment(format) .valueOf() .toString() return timeValue.length > 10 ? timeValue.substr(0, 10) : timeValue } return '' } /** image 下载 */ /** * * @param {*} data url * @param {*} filename 名称 */ export function downloadImage (data, filename) { var httpindex = data.indexOf('http') if (httpindex === 0) { const image = new Image() // 解决跨域 canvas 污染问题 image.setAttribute('crossOrigin', 'anonymous') image.onload = function () { const canvas = document.createElement('canvas') canvas.width = image.width canvas.height = image.height const context = canvas.getContext('2d') context.drawImage(image, 0, 0, image.width, image.height) const dataURL = canvas.toDataURL('image/png') // 生成一个 a 标签 const a = document.createElement('a') // 创建一个点击事件 const event = new MouseEvent('click') // 将 a 的 download 属性设置为我们想要下载的图片的名称,若 name 不存在则使用'图片'作为默认名称 a.download = filename || '图片' // 将生成的 URL 设置为 a.href 属性 var blob = dataURLtoBlob(dataURL) a.href = URL.createObjectURL(blob) // 触发 a 的点击事件 a.dispatchEvent(event) } image.src = data } else { // 生成一个 a 标签 const a = document.createElement('a') // 创建一个点击事件 const event = new MouseEvent('click') // 将 a 的 download 属性设置为我们想要下载的图片的名称,若 name 不存在则使用'图片'作为默认名称 a.download = filename || '图片' // 将生成的 URL 设置为 a.href 属性 a.href = data // 触发 a 的点击事件 a.dispatchEvent(event) } } /** * path 和 name */ export function downloadFile (data) { var a = document.createElement('a') a.href = ResouceUrl + data.path a.download = data.name ? data.name : '文件' a.target = '_black' document.body.appendChild(a) a.click() document.body.removeChild(a) } export function dataURLtoBlob (dataurl) { // eslint-disable-next-line one-var var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n) while (n--) { u8arr[n] = bstr.charCodeAt(n) } return new Blob([u8arr], { type: mime }) } export function getBase64Image (img) { var canvas = document.createElement('canvas') canvas.width = img.width canvas.height = img.height var ctx = canvas.getContext('2d') ctx.drawImage(img, 0, 0, img.width, img.height) var ext = img.src.substring(img.src.lastIndexOf('.') + 1).toLowerCase() var dataURL = canvas.toDataURL('image/' + ext) return dataURL } // 获取绑定参数 export function guid () { function S4 () { return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1) } return (S4() + S4() + S4() + S4() + S4() + S4() + S4() + S4()) } /** * 金额格式化 增加千分符 * @param {*} val */ export function moneyFormat (val) { if (!val) return '0.00' const i = Math.floor(val) const d = val.split('.')[1] || '00' return i.toLocaleString('en-US') + '.' + d } /** * 下载excel */ export function downloadExcelWithResData (res) { let fileName = res.headers['content-disposition'].split('filename=')[1] if (!fileName) { fileName = res.headers['content-disposition'].split('UTF-8\'\'')[1] } fileName = fileName ? fileName.replace(/\"/g, '') : 'file.xlsx' fileName = decodeURI(fileName) || '' downloadFileWithBuffer(res.data, fileName, 'application/vnd.ms-excel;charset=utf-8') } export function downloadFileWithBuffer (data, name, type) { var blob = new Blob([data], { type: type || '' }) var downloadElement = document.createElement('a') var href = window.URL.createObjectURL(blob) // 创建下载的链接 downloadElement.href = href downloadElement.download = name // 下载后文件名 document.body.appendChild(downloadElement) downloadElement.click() // 点击下载 document.body.removeChild(downloadElement) // 下载完成移除元素 window.URL.revokeObjectURL(href) // 释放掉blob对象 }