util.js 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423
  1. import axios from 'axios'
  2. import FileSaver from 'file-saver'
  3. import { getToken } from '@/utils/auth'
  4. // 定义一个函数将树形数据转换为列表
  5. export function treeToList(tree, key = "children", list = []) {
  6. // 将当前节点添加到列表中
  7. list.push(...tree);
  8. // 遍历当前节点的子节点
  9. tree?.forEach(item => {
  10. if (item?.[key]?.length) {
  11. // 递归调用,将子节点及其后代节点添加到列表中
  12. treeToList(item?.[key], key, list);
  13. }
  14. });
  15. return list;
  16. }
  17. /**
  18. * 删除对象中的空值
  19. * @param {object} obj
  20. * @returns {Object}
  21. */
  22. export function deleteEmptyObj(obj) {
  23. let newObj = obj;
  24. for (var key in newObj) {
  25. if (newObj[key] === '' || newObj[key] === null || newObj[key] === undefined) {
  26. delete newObj[key]
  27. }
  28. }
  29. return newObj;
  30. }
  31. /**
  32. *
  33. * @param {*} array 要查询的数组
  34. * @param {*} attr 要查询的字段
  35. * @param {*} val 要查询的字段值
  36. * @returns
  37. */
  38. export function findElem(array, attr, val) {
  39. if (!array || !array.length) {
  40. return -1
  41. }
  42. for (var i = 0; i < array.length; i++) {
  43. if (array[i][attr] == val) {
  44. return i; //返回当前索引值
  45. }
  46. }
  47. return -1;
  48. }
  49. /**
  50. * 生成带参数的链接
  51. * @param {String} url
  52. * @param {Object} params
  53. * @returns
  54. */
  55. export function createParamsUrl(url, params) {
  56. if (typeof url === 'undefined' || url == null || url == '') {
  57. return ''
  58. }
  59. if (typeof params === 'undefined' || params == null || typeof params !== 'object') {
  60. return ''
  61. }
  62. url += url.indexOf('?') != -1 ? '' : '?'
  63. for (var k in params) {
  64. url += (url.indexOf('=') != -1 ? '&' : '') + k + '=' + encodeURI(params[k])
  65. }
  66. return url
  67. }
  68. /**
  69. * 导出功能
  70. * @param {*} obj
  71. * @returns
  72. */
  73. export function downloadFiles(url, params = {}) {
  74. params['x-token'] = getToken()
  75. const newParams = deleteEmptyObj(params)
  76. const newUrl = createParamsUrl(url, newParams)
  77. console.log(process.env.VUE_APP_BASE_API + newUrl)
  78. window.open(process.env.VUE_APP_BASE_API + newUrl)
  79. }
  80. export function downloadFiles2(url, params = {}, name) {
  81. const newParams = deleteEmptyObj(params)
  82. const newUrl = createParamsUrl(url, newParams)
  83. axios({
  84. url: process.env.VUE_APP_BASE_API + newUrl,
  85. method: 'get',
  86. responseType: 'blob',
  87. headers: {
  88. 'x-token': getToken()
  89. }
  90. }).then(res => {
  91. var blob = new Blob([res.data], {
  92. type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document;charset=utf-8'
  93. })
  94. var filename = name + '.xlsx'
  95. var downloadElement = document.createElement('a')
  96. var href = window.URL.createObjectURL(blob) // 创建下载的链接
  97. downloadElement.style.display = 'none'
  98. downloadElement.href = href
  99. downloadElement.download = filename // 下载后文件名
  100. document.body.appendChild(downloadElement)
  101. downloadElement.click() // 点击下载
  102. document.body.removeChild(downloadElement) // 下载完成移除元素
  103. window.URL.revokeObjectURL(href) // 释放掉blob对象
  104. })
  105. // params['x-token'] = getToken()
  106. // const newParams = deleteEmptyObj(params)
  107. // const newUrl = createParamsUrl(url, newParams)
  108. // console.log(process.env.VUE_APP_BASE_API + newUrl)
  109. // window.open(process.env.VUE_APP_BASE_API + newUrl)
  110. }
  111. /**
  112. * 导入功能
  113. * @param {*} url
  114. * @param {*} formData
  115. */
  116. export async function handleImport(url, formData) {
  117. const Result = await new Promise((resolve, reject) => {
  118. axios
  119. .post(
  120. process.env.VUE_APP_BASE_API + url,
  121. formData,
  122. {
  123. headers: {
  124. 'Content-Type': 'multipart/form-data',
  125. 'x-token': getToken()
  126. }
  127. }
  128. )
  129. .then(res => {
  130. resolve(res.data)
  131. })
  132. .catch(err => {
  133. reject(err)
  134. })
  135. })
  136. return Result
  137. }
  138. /**
  139. * 导入有返回二进制文件
  140. * @param {*} url
  141. * @param {*} formData
  142. */
  143. export async function handleImportTwo(url, formData) {
  144. const Result = await new Promise((resolve, reject) => {
  145. axios
  146. .post(
  147. process.env.VUE_APP_BASE_API + url,
  148. formData,
  149. {
  150. responseType: 'arraybuffer',
  151. headers: {
  152. 'Content-Type': 'multipart/form-data',
  153. 'x-token': getToken()
  154. }
  155. }
  156. )
  157. .then(res => {
  158. resolve(res.data)
  159. })
  160. .catch(err => {
  161. reject(err)
  162. })
  163. })
  164. return Result
  165. }
  166. /**
  167. * 重置时间格式
  168. * @param {*} date
  169. * @param {*} type
  170. */
  171. export function resetDateFormat(date, type) {
  172. let newDate = ''
  173. if (!date) {
  174. return ''
  175. }
  176. // type=1: yyyy-MM-dd 转 yyyy-MM-dd HH:mm:ss
  177. if (type == 1 || !type) {
  178. newDate = date + ' 00:00:00'
  179. }
  180. }
  181. /**
  182. * 若文档中已有命名dateFormat,可用dFormat()调用
  183. * 年(Y) 可用1-4个占位符
  184. * 月(m)、日(d)、小时(H)、分(M)、秒(S) 可用1-2个占位符
  185. * 星期(W) 可用1-3个占位符
  186. * 季度(q为阿拉伯数字,Q为中文数字)可用1或4个占位符
  187. *
  188. * let date = new Date()
  189. * dateFormat("YYYY-mm-dd HH:MM:SS", date) 2020-02-09 14:04:23
  190. * dateFormat("YYYY-mm-dd HH:MM:SS Q", date) 2020-02-09 14:09:03 一
  191. * dateFormat("YYYY-mm-dd HH:MM:SS WWW", date) 2020-02-09 14:45:12 星期日
  192. * dateFormat("YYYY-mm-dd HH:MM:SS QQQQ", date) 2020-02-09 14:09:36 第一季度
  193. * dateFormat("YYYY-mm-dd HH:MM:SS WWW QQQQ", date) 2020-02-09 14:46:12 星期日 第一季度
  194. */
  195. export function dateFormat(format, date) {
  196. const we = date.getDay() // 星期
  197. const qut = Math.floor((date.getMonth() + 3) / 3).toString() // 季度
  198. const opt = {
  199. 'Y+': date.getFullYear().toString(), // 年
  200. 'm+': (date.getMonth() + 1).toString(), // 月(月份从0开始,要+1)
  201. 'd+': date.getDate().toString(), // 日
  202. 'H+': date.getHours().toString(), // 时
  203. 'M+': date.getMinutes().toString(), // 分
  204. 'S+': date.getSeconds().toString(), // 秒
  205. 'q+': qut // 季度
  206. }
  207. const week = {
  208. // 中文数字 (星期)
  209. 0: '日',
  210. 1: '一',
  211. 2: '二',
  212. 3: '三',
  213. 4: '四',
  214. 5: '五',
  215. 6: '六'
  216. }
  217. const quarter = {
  218. // 中文数字(季度)
  219. 1: '一',
  220. 2: '二',
  221. 3: '三',
  222. 4: '四'
  223. }
  224. if (/(W+)/.test(format)) {
  225. format = format.replace(
  226. RegExp.$1,
  227. RegExp.$1.length > 1 ? (RegExp.$1.length > 2 ? '星期' + week[we] : '周' + week[we]) : week[we]
  228. )
  229. }
  230. if (/(Q+)/.test(format)) {
  231. // 输入一个Q,只输出一个中文数字,输入4个Q,则拼接上字符串
  232. format = format.replace(RegExp.$1, RegExp.$1.length == 4 ? '第' + quarter[qut] + '季度' : quarter[qut])
  233. }
  234. for (const k in opt) {
  235. const r = new RegExp('(' + k + ')').exec(format)
  236. if (r) {
  237. // 若输入的长度不为1,则前面补零
  238. format = format.replace(r[1], RegExp.$1.length == 1 ? opt[k] : opt[k].padStart(RegExp.$1.length, '0'))
  239. }
  240. }
  241. return format
  242. }
  243. /**
  244. * @param url {string} pdf地址
  245. * @param fileName {string} pdf名称
  246. */
  247. export function downloadPdf(url, fileName) {
  248. axios({
  249. method: 'get',
  250. url,
  251. responseType: 'blob'
  252. }).then(res => {
  253. const file = new Blob([res.data], {
  254. type: 'application/pdf'
  255. })
  256. FileSaver(file, fileName)
  257. })
  258. }
  259. export function changeNumberMoneyToChinese(money) {
  260. // 接收数字或者字符串数字
  261. if (typeof money === 'string') {
  262. if (money === '') return ''
  263. if (isNaN(parseFloat(money))) {
  264. throw Error(`参数有误:${money},请输入数字或字符串数字`)
  265. } else {
  266. // 去掉分隔符(,)
  267. money = money.replace(/,/g, '')
  268. }
  269. } else if (typeof money === 'number') {
  270. // 去掉分隔符(,)
  271. money = money.toString().replace(/,/g, '')
  272. } else {
  273. throw Error(`参数有误:${money},请输入数字或字符串数字`)
  274. }
  275. // 汉字的数字
  276. const cnNums = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖']
  277. // 基本单位
  278. const cnIntRadice = ['', '拾', '佰', '仟']
  279. // 对应整数部分扩展单位
  280. const cnIntUnits = ['', '万', '亿', '兆']
  281. // 对应小数部分单位
  282. const cnDecUnits = ['角', '分', '毫', '厘']
  283. // 整数金额时后面跟的字符
  284. const cnInteger = '整'
  285. // 整型完以后的单位
  286. const cnIntLast = '元'
  287. // 金额整数部分
  288. let IntegerNum
  289. // 金额小数部分
  290. let DecimalNum
  291. // 输出的中文金额字符串
  292. let ChineseStr = ''
  293. // 正负值标记
  294. let Symbol = ''
  295. // 转成浮点数
  296. money = parseFloat(money)
  297. // 如果是0直接返回结果
  298. if (money === 0) {
  299. ChineseStr = cnNums[0] + cnIntLast + cnInteger
  300. return ChineseStr
  301. }
  302. // 如果小于0,则将Symbol标记为负,并转为正数
  303. if (money < 0) {
  304. money = -money
  305. Symbol = '负 '
  306. }
  307. // 转换为字符串
  308. money = money.toString()
  309. // 将整数部分和小数部分分别存入IntegerNum和DecimalNum
  310. if (money.indexOf('.') === -1) {
  311. IntegerNum = money
  312. DecimalNum = ''
  313. } else {
  314. const moneyArr = money.split('.')
  315. IntegerNum = moneyArr[0]
  316. DecimalNum = moneyArr[1].substr(0, 4)
  317. }
  318. // 获取整型部分转换
  319. if (parseInt(IntegerNum, 10) > 0) {
  320. let zeroCount = 0
  321. let IntLen = IntegerNum.length
  322. for (let i = 0; i < IntLen; i++) {
  323. // 获取整数的每一项
  324. let term = IntegerNum.substr(i, 1)
  325. // 剩余待处理的数量
  326. let surplus = IntLen - i - 1
  327. // 用于获取整数部分的扩展单位
  328. // 剩余数量除以4,比如12345,term为1时,expandUnit则为1,
  329. // cnIntUnits[expandUnit]对应得到的单位为万
  330. let expandUnit = surplus / 4
  331. // 用于获取整数部分的基本单位
  332. // 剩余数量取余4,比如123,那么第一遍遍历term为1,surplus为2,baseUnit则为2,
  333. // 所以cnIntRadice[baseUnit]对应得到的基本单位为'佰'
  334. let baseUnit = surplus % 4
  335. if (term === '0') {
  336. zeroCount++
  337. } else {
  338. // 连续存在多个0的时候需要补'零'
  339. if (zeroCount > 0) {
  340. ChineseStr += cnNums[0]
  341. }
  342. // 归零
  343. zeroCount = 0
  344. /*
  345. cnNums是汉字的零到玖组成的数组,term则是阿拉伯0-9,
  346. 直接将阿拉伯数字作为下标获取中文数字
  347. 例如term是0则cnNums[parseInt(term)]取的就是'零',9取的就是'玖'
  348. 最后加上单位就转换成功了!
  349. 这里只加十百千的单位
  350. */
  351. ChineseStr += cnNums[parseInt(term)] + cnIntRadice[baseUnit]
  352. }
  353. /*
  354. 如果baseUnit为0,意味着当前项和下一项隔了一个节权位即隔了一个逗号
  355. 扩展单位只有大单位进阶才需要,判断是否大单位进阶,则通过zeroCount判断
  356. baseUnit === 0即存在逗号,baseUnit === 0 && zeroCount < 4 意为大单位进阶
  357. */
  358. if (baseUnit === 0 && zeroCount < 4) {
  359. ChineseStr += cnIntUnits[expandUnit]
  360. }
  361. }
  362. ChineseStr += cnIntLast
  363. }
  364. // 小数部分转换
  365. if (DecimalNum !== '') {
  366. let decLen = DecimalNum.length
  367. for (let i = 0; i < decLen; i++) {
  368. // 同理,参考整数部分
  369. let term = DecimalNum.substr(i, 1)
  370. if (term !== '0') {
  371. ChineseStr += cnNums[Number(term)] + cnDecUnits[i]
  372. }
  373. }
  374. }
  375. ChineseStr = Symbol + ChineseStr
  376. return ChineseStr
  377. }
  378. // 区分单击事件和双击事件
  379. export function clickBG(millisecond) {
  380. this.timer = null
  381. this.click = callback => {
  382. clearTimeout(this.timer)
  383. this.timer = setTimeout(function () {
  384. clearTimeout(this.timer)
  385. callback && callback()
  386. }, millisecond)
  387. }
  388. this.dblClick = callback => {
  389. clearTimeout(this.timer)
  390. callback && callback()
  391. }
  392. }
  393. // 获取地址栏参数
  394. export function getUrlParam() {
  395. let getqyinfo = window.location.href.split('?')[1] || ''
  396. let getqys = getqyinfo.split('&')
  397. let obj = {} //创建空对象,接收截取的参数
  398. for (let i = 0; i < getqys.length; i++) {
  399. let item = getqys[i].split('=')
  400. let key = item[0]
  401. let value = item[1]
  402. obj[key] = value
  403. }
  404. return obj
  405. }