tools.js 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523
  1. // 小数运算精度处理 4位小数运算后结果保留2位小数
  2. export const getOperationalPrecision = (num1, num2) => {
  3. const val = ((num1 * 10000) * (num2 * 10000) / 100000000).toFixed(2) || 0
  4. return val != 0 ? val : 0
  5. }
  6. // 加粗替换字符串中的金额
  7. export const boldAmounts = (text) => {
  8. let regex = /(\d+\.?\d*)元/g;
  9. let regex5 = /(\d+\.?\d*)件/g;
  10. let regex1 = /再满(\d+\.?\d*)元,可享受优惠/g;
  11. let regex4 = /再满(\d+\.?\d*)件产品可享受优惠/g;
  12. let regex2 = /(\d+\.?\d*)(/g
  13. let regex3 = /选择(\d+\.?\d*)个/g
  14. let rext = text.replace(regex1, '<b>再满$1元,可享受优惠</b>');
  15. rext = rext.replace(regex4, '<b>再满$1件产品可享受优惠</b>');
  16. rext = rext.replace(regex, '<span>$1</span>元');
  17. rext = rext.replace(regex5, '<span>$1</span>件');
  18. rext = rext.replace(regex2, '<span>$1</span>(');
  19. rext = rext.replace(regex3, '选择<span>$1</span>个');
  20. return rext;
  21. }
  22. // 金额转大写
  23. export const dealBigMoney = (n) => {
  24. if (!/^(0|[1-9]\d*)(\.\d+)?$/.test(n)) { return '数据非法' }
  25. let unit = '千百拾亿千百拾万千百拾元角分'; let str = ''
  26. n += '00'
  27. const p = n.indexOf('.')
  28. if (p >= 0) {
  29. n = n.substring(0, p) + n.substr(p + 1, 2)
  30. unit = unit.substr(unit.length - n.length)
  31. }
  32. for (var i = 0; i < n.length; i++) { str += '零壹贰叁肆伍陆柒捌玖'.charAt(n.charAt(i)) + unit.charAt(i) }
  33. return str.replace(/零(千|百|拾|角)/g, '零').replace(/(零)+/g, '零').replace(/零(万|亿|元)/g, '$1').replace(/(亿)万|壹(拾)/g, '$1$2').replace(/^元零?|零分/g, '').replace(/元$/g, '元整')
  34. }
  35. export const forEach = (arr, fn) => {
  36. if (!arr.length || !fn) return
  37. let i = -1
  38. const len = arr.length
  39. while (++i < len) {
  40. const item = arr[i]
  41. fn(item, i, arr)
  42. }
  43. }
  44. /**
  45. * @param {Array} arr1
  46. * @param {Array} arr2
  47. * @description 得到两个数组的交集, 两个数组的元素为数值或字符串
  48. */
  49. export const getIntersection = (arr1, arr2) => {
  50. const len = Math.min(arr1.length, arr2.length)
  51. let i = -1
  52. const res = []
  53. while (++i < len) {
  54. const item = arr2[i]
  55. if (arr1.indexOf(item) > -1) res.push(item)
  56. }
  57. return res
  58. }
  59. /**
  60. * @param {Array} arr1
  61. * @param {Array} arr2
  62. * @description 得到两个数组的并集, 两个数组的元素为数值或字符串
  63. */
  64. export const getUnion = (arr1, arr2) => {
  65. return Array.from(new Set([...arr1, ...arr2]))
  66. }
  67. /**
  68. * @param {Array} target 目标数组
  69. * @param {Array} arr 需要查询的数组
  70. * @description 判断要查询的数组是否至少有一个元素包含在目标数组中
  71. */
  72. export const hasOneOf = (targetarr, arr) => {
  73. if (!targetarr) return true
  74. if (!arr) return true
  75. return targetarr.some(_ => arr.indexOf(_) > -1)
  76. }
  77. /**
  78. * @param {String|Number} value 要验证的字符串或数值
  79. * @param {*} validList 用来验证的列表
  80. */
  81. export function oneOf (value, validList) {
  82. for (let i = 0; i < validList.length; i++) {
  83. if (value === validList[i]) {
  84. return true
  85. }
  86. }
  87. return false
  88. }
  89. /**
  90. * @param {Number} timeStamp 判断时间戳格式是否是毫秒
  91. * @returns {Boolean}
  92. */
  93. const isMillisecond = timeStamp => {
  94. const timeStr = String(timeStamp)
  95. return timeStr.length > 10
  96. }
  97. /**
  98. * @param {Number} timeStamp 传入的时间戳
  99. * @param {Number} currentTime 当前时间时间戳
  100. * @returns {Boolean} 传入的时间戳是否早于当前时间戳
  101. */
  102. const isEarly = (timeStamp, currentTime) => {
  103. return timeStamp < currentTime
  104. }
  105. /**
  106. * @param {Number} num 数值
  107. * @returns {String} 处理后的字符串
  108. * @description 如果传入的数值小于10,即位数只有1位,则在前面补充0
  109. */
  110. const getHandledValue = num => {
  111. return num < 10 ? '0' + num : num
  112. }
  113. /**
  114. * @param {Number} timeStamp 传入的时间戳
  115. * @param {Number} startType 要返回的时间字符串的格式类型,传入'year'则返回年开头的完整时间
  116. */
  117. const getDate = (timeStamp, startType) => {
  118. const d = new Date(timeStamp * 1000)
  119. const year = d.getFullYear()
  120. const month = getHandledValue(d.getMonth() + 1)
  121. const date = getHandledValue(d.getDate())
  122. const hours = getHandledValue(d.getHours())
  123. const minutes = getHandledValue(d.getMinutes())
  124. const second = getHandledValue(d.getSeconds())
  125. let resStr = ''
  126. if (startType === 'year') resStr = year + '-' + month + '-' + date + ' ' + hours + ':' + minutes + ':' + second
  127. else resStr = month + '-' + date + ' ' + hours + ':' + minutes
  128. return resStr
  129. }
  130. /**
  131. * @param {Number} timeStamp 传入的时间戳
  132. * @param {Number} fmt 格式化字符串
  133. */
  134. export const formtDate = (timeStamp, fmt) => {
  135. const d = new Date(timeStamp)
  136. var o = {
  137. 'M+': d.getMonth() + 1, // 月份
  138. 'd+': d.getDate(), // 日
  139. 'h+': d.getHours(), // 小时
  140. 'm+': d.getMinutes(), // 分
  141. 's+': d.getSeconds(), // 秒
  142. 'q+': Math.floor((d.getMonth() + 3) / 3), // 季度
  143. 'S': d.getMilliseconds() // 毫秒
  144. }
  145. if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (d.getFullYear() + '').substr(4 - RegExp.$1.length))
  146. for (var 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))) }
  147. return fmt
  148. }
  149. // 获取三个月后的时间戳
  150. export const getThreeMonthsAfter = (dtstr) => {
  151. var s = dtstr.split('-')
  152. var yy = parseInt(s[0])
  153. var mm = parseInt(s[1])
  154. var dd = parseInt(s[2])
  155. var dt = new Date(yy, mm + 2, dd)
  156. return dt.valueOf()
  157. }
  158. /**
  159. * @param {String|Number} timeStamp 时间戳
  160. * @returns {String} 相对时间字符串
  161. */
  162. export const getRelativeTime = timeStamp => {
  163. // 判断当前传入的时间戳是秒格式还是毫秒
  164. const IS_MILLISECOND = isMillisecond(timeStamp)
  165. // 如果是毫秒格式则转为秒格式
  166. if (IS_MILLISECOND) Math.floor(timeStamp /= 1000)
  167. // 传入的时间戳可以是数值或字符串类型,这里统一转为数值类型
  168. timeStamp = Number(timeStamp)
  169. // 获取当前时间时间戳
  170. const currentTime = Math.floor(Date.parse(new Date()) / 1000)
  171. // 判断传入时间戳是否早于当前时间戳
  172. const IS_EARLY = isEarly(timeStamp, currentTime)
  173. // 获取两个时间戳差值
  174. let diff = currentTime - timeStamp
  175. // 如果IS_EARLY为false则差值取反
  176. if (!IS_EARLY) diff = -diff
  177. let resStr = ''
  178. const dirStr = IS_EARLY ? '前' : '后'
  179. // 少于等于59秒
  180. if (diff <= 59) resStr = diff + '秒' + dirStr
  181. // 多于59秒,少于等于59分钟59秒
  182. else if (diff > 59 && diff <= 3599) resStr = Math.floor(diff / 60) + '分钟' + dirStr
  183. // 多于59分钟59秒,少于等于23小时59分钟59秒
  184. else if (diff > 3599 && diff <= 86399) resStr = Math.floor(diff / 3600) + '小时' + dirStr
  185. // 多于23小时59分钟59秒,少于等于29天59分钟59秒
  186. else if (diff > 86399 && diff <= 2623859) resStr = Math.floor(diff / 86400) + '天' + dirStr
  187. // 多于29天59分钟59秒,少于364天23小时59分钟59秒,且传入的时间戳早于当前
  188. else if (diff > 2623859 && diff <= 31567859 && IS_EARLY) resStr = getDate(timeStamp)
  189. else resStr = getDate(timeStamp, 'year')
  190. return resStr
  191. }
  192. // 日期格式化
  193. export const formatSubmitDate = (val, type) => {
  194. if (val == null || val == '' || val == undefined) {
  195. return ''
  196. } else {
  197. const _date = new Date(val)
  198. const _year = _date.getFullYear()
  199. const _montn = (_date.getMonth() + 1) < 10 ? '0' + (_date.getMonth() + 1) : (_date.getMonth() + 1)
  200. const _day = _date.getDate() < 10 ? '0' + _date.getDate() : _date.getDate()
  201. const _hour = _date.getHours() < 10 ? '0' + _date.getHours() : _date.getHours()
  202. const _minutes = _date.getMinutes() < 10 ? '0' + _date.getMinutes() : _date.getMinutes()
  203. const _seconds = _date.getSeconds() < 10 ? '0' + _date.getSeconds() : _date.getSeconds()
  204. if (type == 'minutes') return _year + '-' + _montn + '-' + _day + ' ' + _hour + ':' + _minutes
  205. else if (type == 'seconds') return _year + '-' + _montn + '-' + _day + ' ' + _hour + ':' + _minutes + ':' + _seconds
  206. else return _year + '-' + _montn + '-' + _day
  207. }
  208. }
  209. // 正则验证车牌,验证通过返回true,不通过返回false
  210. export const isLicensePlate = function (str) {
  211. return /^(([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-Z](([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳使领]))$/.test(str)
  212. }
  213. // 车牌可输入字符
  214. export const isCarNumber = function (str) {
  215. let _value = str + ''
  216. _value = _value.replace(/[^\w\.挂学警港澳使领]/ig, '')
  217. return _value
  218. }
  219. // 小数点后两位
  220. export const numberToFixed = function (val, num) {
  221. let _value = val + ''
  222. _value = _value.replace(/[^\d.]/g, '')// 清楚数字和.以外的字数
  223. _value = _value.replace(/^\./g, '')
  224. _value = _value.replace(/\.{2,}/g, '')// 保留第一个,清楚多余的
  225. if (num == 1)_value = _value.replace(/^(\-)*(\d+)\.(\d).*$/, '$1$2.$3')
  226. else if (num == 3)_value = _value.replace(/^(\-)*(\d+)\.(\d\d\d).*$/, '$1$2.$3')
  227. else if (num == 4)_value = _value.replace(/^(\-)*(\d+)\.(\d\d\d\d).*$/, '$1$2.$3')
  228. else if (num == 5)_value = _value.replace(/^(\-)*(\d+)\.(\d\d\d\d\d).*$/, '$1$2.$3')
  229. else if (num == 0)_value = _value.replace(/^(\-)*(\d+)\.*$/, '$1$2')
  230. else _value = _value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3')
  231. return _value
  232. }
  233. export const toFixedDecimal = function (num, decimal) {
  234. let newNum = null
  235. const patrn = /[\u4E00-\u9FA5]|[\uFE30-\uFFA0]/gi
  236. if (!patrn.exec(num)) {
  237. newNum = parseFloat(num).toFixed(decimal)
  238. } else {
  239. newNum = num
  240. }
  241. return newNum
  242. }
  243. // 保留decimal位小数(不四舍五入) num 数值,decimal要保留的小数位数
  244. export const formatDecimal = function (num, decimal) {
  245. num = num.toString()
  246. const index = num.indexOf('.')
  247. if (index !== -1) {
  248. num = num.substring(0, decimal + index + 1)
  249. } else {
  250. num = num.substring(0)
  251. }
  252. return parseFloat(num).toFixed(decimal)
  253. }
  254. // 处理数字千位分隔符 num 数值,decimal要保留的小数位数
  255. export const toThousands = (num, decimal) => {
  256. if (num == undefined) {
  257. return '--'
  258. }
  259. num = formatDecimal(num, decimal || decimal == 0 ? decimal : 2)
  260. return '' + num.toString().replace(/\d+/, function (n) { // 先提取整数部分
  261. return n.replace(/(\d)(?=(\d{3})+$)/g, function ($1) {
  262. return $1 + ''
  263. })
  264. })
  265. }
  266. // 只能输入数字
  267. export const justNumber = function (val) {
  268. let _value = val + ''
  269. _value = _value.replace(/\D/g, '')
  270. return _value
  271. }
  272. /**
  273. * @returns {String} 当前浏览器名称
  274. */
  275. export const getExplorer = () => {
  276. const ua = window.navigator.userAgent
  277. const isExplorer = (exp) => {
  278. return ua.indexOf(exp) > -1
  279. }
  280. if (isExplorer('MSIE')) return 'IE'
  281. else if (isExplorer('Firefox')) return 'Firefox'
  282. else if (isExplorer('Chrome')) return 'Chrome'
  283. else if (isExplorer('Opera')) return 'Opera'
  284. else if (isExplorer('Safari')) return 'Safari'
  285. }
  286. /**
  287. * @description 绑定事件 on(element, event, handler)
  288. */
  289. export const on = (function () {
  290. if (document.addEventListener) {
  291. return function (element, event, handler) {
  292. if (element && event && handler) {
  293. element.addEventListener(event, handler, false)
  294. }
  295. }
  296. } else {
  297. return function (element, event, handler) {
  298. if (element && event && handler) {
  299. element.attachEvent('on' + event, handler)
  300. }
  301. }
  302. }
  303. })()
  304. /**
  305. * @description 解绑事件 off(element, event, handler)
  306. */
  307. export const off = (function () {
  308. if (document.removeEventListener) {
  309. return function (element, event, handler) {
  310. if (element && event) {
  311. element.removeEventListener(event, handler, false)
  312. }
  313. }
  314. } else {
  315. return function (element, event, handler) {
  316. if (element && event) {
  317. element.detachEvent('on' + event, handler)
  318. }
  319. }
  320. }
  321. })()
  322. /**
  323. * 判断一个对象是否存在key,如果传入第二个参数key,则是判断这个obj对象是否存在key这个属性
  324. * 如果没有传入key这个参数,则判断obj对象是否有键值对
  325. */
  326. export const hasKey = (obj, key) => {
  327. if (key) return key in obj
  328. else {
  329. const keysArr = Object.keys(obj)
  330. return keysArr.length
  331. }
  332. }
  333. /**
  334. * @param {*} obj1 对象
  335. * @param {*} obj2 对象
  336. * @description 判断两个对象是否相等,这两个对象的值只能是数字或字符串
  337. */
  338. export const objEqual = (obj1, obj2) => {
  339. const keysArr1 = Object.keys(obj1)
  340. const keysArr2 = Object.keys(obj2)
  341. if (keysArr1.length !== keysArr2.length) return false
  342. else if (keysArr1.length === 0 && keysArr2.length === 0) return true
  343. /* eslint-disable-next-line */
  344. else return !keysArr1.some(key => obj1[key] != obj2[key])
  345. }
  346. /*
  347. * @param {*} id 数字
  348. * @param {*} list 数组
  349. * @description 根据id从数组列表中删除某一项
  350. */
  351. export const removeListById = (id, list) => {
  352. list.splice(list.findIndex(item => item.id === id), 1)
  353. }
  354. /**
  355. * @param {*} obj1 对象
  356. * @param {*} obj2 对象
  357. * @description 遍历赋值
  358. */
  359. export const objExtend = (obj1, obj2) => {
  360. for (var a in obj1) {
  361. obj2[a] = obj1[a]
  362. }
  363. return obj2
  364. }
  365. /**
  366. * @param {*} obj 对象
  367. * @description 浅拷贝
  368. */
  369. export const cloneObj = (obj) => {
  370. const ret = {}
  371. for (var a in obj) {
  372. ret[a] = obj[a]
  373. }
  374. return ret
  375. }
  376. /**
  377. * 校验身份证号合法性
  378. */
  379. export const checkIdNumberValid = (tex) => {
  380. // var tip = '输入的身份证号有误,请检查后重新输入!'
  381. let num = tex
  382. num = num.toUpperCase()
  383. const len = num.length
  384. let re
  385. if (len == 0) return true
  386. // 身份证号码为15位或者18位,15位时全为数字,18位前17位为数字,最后一位是校验位,可能为数字或字符X。
  387. if (!(/(^\d{15}$)|(^\d{17}([0-9]|X)$)/.test(num))) {
  388. return false
  389. }
  390. // 验证前两位地区是否有效
  391. const aCity = { 11: '北京',
  392. 12: '天津',
  393. 13: '河北',
  394. 14: '山西',
  395. 15: '内蒙古',
  396. 21: '辽宁',
  397. 22: '吉林',
  398. 23: '黑龙江',
  399. 31: '上海',
  400. 32: '江苏',
  401. 33: '浙江',
  402. 34: '安徽',
  403. 35: '福建',
  404. 36: '江西',
  405. 37: '山东',
  406. 41: '河南',
  407. 42: '湖北',
  408. 43: '湖南',
  409. 44: '广东',
  410. 45: '广西',
  411. 46: '海南',
  412. 50: '重庆',
  413. 51: '四川',
  414. 52: '贵州',
  415. 53: '云南',
  416. 54: '西藏',
  417. 61: '陕西',
  418. 62: '甘肃',
  419. 63: '青海',
  420. 64: '宁夏',
  421. 65: '新疆',
  422. 71: '台湾',
  423. 81: '香港',
  424. 82: '澳门',
  425. 91: '国外' }
  426. if (aCity[parseInt(num.substr(0, 2))] == null) {
  427. return false
  428. }
  429. // 当身份证为15位时的验证出生日期。
  430. if (len == 15) {
  431. re = new RegExp(/^(\d{6})(\d{2})(\d{2})(\d{2})(\d{3})$/)
  432. const arrSplit = num.match(re)
  433. // 检查生日日期是否正确
  434. const dtmBirth = new Date('19' + arrSplit[2] + '/' + arrSplit[3] + '/' + arrSplit[4])
  435. const bGoodDay = (dtmBirth.getYear() == Number(arrSplit[2])) && ((dtmBirth.getMonth() + 1) == Number(arrSplit[3])) && (dtmBirth.getDate() == Number(arrSplit[4]))
  436. if (!bGoodDay) {
  437. return false
  438. }
  439. }
  440. // 当身份证号为18位时,校验出生日期和校验位。
  441. if (len == 18) {
  442. re = new RegExp(/^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$/)
  443. const arrSplit = num.match(re)
  444. // 检查生日日期是否正确
  445. const dtmBirth = new Date(arrSplit[2] + '/' + arrSplit[3] + '/' + arrSplit[4])
  446. const bGoodDay = (dtmBirth.getFullYear() == Number(arrSplit[2])) && ((dtmBirth.getMonth() + 1) == Number(arrSplit[3])) && (dtmBirth.getDate() == Number(arrSplit[4]))
  447. if (!bGoodDay) {
  448. return false
  449. } else {
  450. // 检验18位身份证的校验码是否正确。
  451. // 校验位按照ISO 7064:1983.MOD 11-2的规定生成,X可以认为是数字10。
  452. let valnum
  453. const arrInt = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2]
  454. const arrCh = ['1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2']
  455. let nTemp = 0
  456. let i
  457. for (i = 0; i < 17; i++) {
  458. nTemp += num.substr(i, 1) * arrInt[i]
  459. }
  460. valnum = arrCh[nTemp % 11]
  461. if (valnum != num.substr(17, 1)) {
  462. return false
  463. }
  464. }
  465. }
  466. return true
  467. }
  468. // 清除空格和特殊字符
  469. export const removeEmptyStr = function(str){
  470. if(str){
  471. var strs=str.toString()
  472. strs= strs.replace(/^\s+|\s+$/gm,'');
  473. strs=strs.replace(/[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~!@#¥%……&*()——\-+={}|《》?:“”【】、;‘',。、]/im,'');
  474. return strs;
  475. }
  476. return '';
  477. }
  478. // 移动数组项
  479. export const moveElement = function (arr, fromIndex, toIndex) {
  480. const element = arr.splice(fromIndex, 1)[0];
  481. arr.splice(toIndex, 0, element);
  482. return arr;
  483. }
  484. // 校验特殊字符
  485. export const validateSpecialCharacter = function(rule, value, callback){
  486. var regex = /[!@#$%^&*(),.?":{}|<>]/;
  487. if(regex.test(value)){
  488. return callback(new Error('不能输入特殊字符'));
  489. }else{
  490. callback()
  491. }
  492. }