tools.js 14 KB

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