utils.js 9.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415
  1. const deepmerge = require("deepmerge");
  2. /**
  3. * 判断对象类型
  4. * @param {*} obj 对象
  5. */
  6. export function objTypeOf(obj) {
  7. const toString = Object.prototype.toString;
  8. const map = {
  9. "[object Boolean]": "boolean",
  10. "[object Number]": "number",
  11. "[object String]": "string",
  12. "[object Function]": "function",
  13. "[object Array]": "array",
  14. "[object Date]": "date",
  15. "[object RegExp]": "regExp",
  16. "[object Undefined]": "undefined",
  17. "[object Null]": "null",
  18. "[object Object]": "object",
  19. "[object Blob]": "blob",
  20. };
  21. return map[toString.call(obj)];
  22. }
  23. /**
  24. * 深拷贝
  25. * @param {Object/Array} data 需要拷贝的数据
  26. */
  27. export function deepCopy(data, options) {
  28. const defObj = objTypeOf(data) === "array" ? [] : {};
  29. return deepmerge(defObj, data, options || {});
  30. }
  31. /**
  32. * 将目标对象中有的属性值与源对象中的属性值合并
  33. * @param {Object} target 目标对象
  34. * @param {Object} sources 源对象
  35. */
  36. export function objAssign(target, sources) {
  37. let targ = { ...target };
  38. for (let k in targ) {
  39. targ[k] = Object.prototype.hasOwnProperty.call(sources, k)
  40. ? sources[k]
  41. : targ[k];
  42. }
  43. return targ;
  44. }
  45. /**
  46. * 文件流下载
  47. * @param {Object} option 文件下载设置
  48. */
  49. export function download(option) {
  50. let defOpt = {
  51. type: "get",
  52. url: "",
  53. data: "",
  54. fileName: "",
  55. header: "",
  56. responseType: "",
  57. };
  58. let opt = objAssign(defOpt, option);
  59. return new Promise((resolve, reject) => {
  60. let xhr = new XMLHttpRequest();
  61. xhr.open(opt.type.toUpperCase(), opt.url, true);
  62. if (opt.responseType) xhr.responseType = opt.responseType;
  63. // header set
  64. if (opt.header && objTypeOf(opt.header) === "object") {
  65. for (let key in opt.header) {
  66. xhr.setRequestHeader(key, opt.header[key]);
  67. }
  68. }
  69. xhr.onload = function () {
  70. if (this.readyState === 4 && this.status === 200) {
  71. resolve(this.response);
  72. } else {
  73. reject("请求错误!");
  74. }
  75. };
  76. if (opt.type.toUpperCase() === "POST") {
  77. let fromData = new FormData();
  78. for (let key in opt.data) {
  79. fromData.append(key, opt.data[key]);
  80. }
  81. xhr.send(fromData);
  82. } else {
  83. xhr.send();
  84. }
  85. });
  86. }
  87. /**
  88. * 构建图表btn
  89. * @param {Function} h createElement
  90. * @param {Array} actions 操作分类数组
  91. */
  92. export function tableAction(h, actions) {
  93. return actions.map((item) => {
  94. let attr = {
  95. props: {
  96. type: item.type || "primary",
  97. size: "small",
  98. disabled: !!item.disabled,
  99. },
  100. style: {
  101. marginRight: "5px",
  102. },
  103. on: {
  104. click: () => {
  105. item.action();
  106. },
  107. },
  108. };
  109. return h("el-button", attr, item.name);
  110. });
  111. }
  112. /**
  113. * 获取随机code,默认获取16位
  114. * @param {Number} len 推荐8的倍数
  115. *
  116. */
  117. export function randomCode(len = 16) {
  118. if (len <= 0) return;
  119. let steps = Math.ceil(len / 8);
  120. let stepNums = [];
  121. for (let i = 0; i < steps; i++) {
  122. let ranNum = Math.random().toString(32).slice(-8);
  123. stepNums.push(ranNum);
  124. }
  125. return stepNums.join("");
  126. }
  127. /**
  128. * 序列化参数
  129. * @param {Object} params 参数对象
  130. */
  131. export function qsParams(params) {
  132. return Object.entries(params)
  133. .map((el) => `${el[0]}=${el[1]}`)
  134. .join("&");
  135. }
  136. /**
  137. *
  138. * @param {String} format 时间格式
  139. * @param {Date} date 需要格式化的时间对象
  140. */
  141. export function formatDate(format = "YYYY/MM/DD HH:mm:ss", date = new Date()) {
  142. if (objTypeOf(date) !== "date") return;
  143. const options = {
  144. "Y+": date.getFullYear(),
  145. "M+": date.getMonth() + 1,
  146. "D+": date.getDate(),
  147. "H+": date.getHours(),
  148. "m+": date.getMinutes(),
  149. "s+": date.getSeconds(),
  150. };
  151. Object.entries(options).map(([key, val]) => {
  152. if (new RegExp("(" + key + ")").test(format)) {
  153. const zeros = key === "Y+" ? "0000" : "00";
  154. const value = (zeros + val).substr(("" + val).length);
  155. format = format.replace(RegExp.$1, value);
  156. }
  157. });
  158. return format;
  159. }
  160. /**
  161. * 获取时间长度文字
  162. * @param {Number} timeNumber 时间数值,单位:毫秒
  163. */
  164. export function timeNumberToText(timeNumber) {
  165. const DAY_TIME = 24 * 60 * 60 * 1000;
  166. const HOUR_TIME = 60 * 60 * 1000;
  167. const MINUTE_TIME = 60 * 1000;
  168. const SECOND_TIME = 1000;
  169. let [day, hour, minute, second] = [0, 0, 0, 0];
  170. let residueTime = timeNumber;
  171. if (residueTime >= DAY_TIME) {
  172. day = Math.floor(residueTime / DAY_TIME);
  173. residueTime -= day * DAY_TIME;
  174. day += "天";
  175. }
  176. if (residueTime >= HOUR_TIME) {
  177. hour = Math.floor(residueTime / HOUR_TIME);
  178. residueTime -= hour * HOUR_TIME;
  179. hour += "小时";
  180. }
  181. if (residueTime >= MINUTE_TIME) {
  182. minute = Math.floor(residueTime / MINUTE_TIME);
  183. residueTime -= minute * MINUTE_TIME;
  184. minute += "分钟";
  185. }
  186. if (residueTime >= SECOND_TIME) {
  187. second = Math.round(residueTime / SECOND_TIME);
  188. second += "秒";
  189. }
  190. return [day, hour, minute, second].filter((item) => !!item).join("");
  191. }
  192. /**
  193. * 警告时间
  194. * @param {Number} timeNumber 时间数值,单位:毫秒
  195. * @param {Number} wainingTime 最大剩余警告时间数值,单位:毫秒
  196. */
  197. export function residueFloorTime(timeNumber, wainingTime = 0) {
  198. if (timeNumber < 0) {
  199. return { status: "danger", title: "已过期" };
  200. }
  201. const DAY_TIME = 24 * 60 * 60 * 1000;
  202. const HOUR_TIME = 60 * 60 * 1000;
  203. const MINUTE_TIME = 60 * 1000;
  204. const status = timeNumber < wainingTime ? "warning" : "primary";
  205. let [day, hour, minute] = [0, 0, 0];
  206. let residueTime = timeNumber;
  207. if (residueTime >= DAY_TIME) {
  208. day = Math.floor(residueTime / DAY_TIME);
  209. residueTime -= day * DAY_TIME;
  210. return {
  211. status,
  212. title: `剩余${day}天`,
  213. };
  214. }
  215. if (residueTime >= HOUR_TIME) {
  216. hour = Math.floor(residueTime / HOUR_TIME);
  217. residueTime -= hour * HOUR_TIME;
  218. return {
  219. status,
  220. title: `剩余${hour}小时`,
  221. };
  222. }
  223. if (residueTime >= MINUTE_TIME) {
  224. minute = Math.floor(residueTime / MINUTE_TIME);
  225. return {
  226. status,
  227. title: `剩余${minute}分钟`,
  228. };
  229. }
  230. return {
  231. status,
  232. title: `不足1分钟`,
  233. };
  234. }
  235. export function parseTimeRangeDateAndTime(startTime, endTime) {
  236. if (!startTime || !endTime)
  237. return {
  238. date: "",
  239. time: "",
  240. };
  241. const st = formatDate("YYYY-MM-DD HH:mm", new Date(startTime)).split(" ");
  242. const et = formatDate("YYYY-MM-DD HH:mm", new Date(endTime)).split(" ");
  243. return {
  244. date: st[0],
  245. time: `${st[1]}-${et[1]}`,
  246. };
  247. }
  248. /**
  249. * 获取本地时间,格式:年月日时分秒
  250. */
  251. export function localNowDateTime() {
  252. return formatDate("YYYY年MM月DD日HH时mm分ss秒");
  253. }
  254. /**
  255. *
  256. * @param {Number} time 时间戳
  257. */
  258. export function getTimeDatestamp(time) {
  259. const date = formatDate("YYYY-MM-DD HH:mm", new Date(time)).split(" ")[0];
  260. return new Date(`${date} 00:00:00`).getTime();
  261. }
  262. /**
  263. * 获取指定元素个数的数组
  264. * @param {Number} num
  265. */
  266. export function getNumList(num) {
  267. return "#".repeat(num).split("");
  268. }
  269. /**
  270. * 清除html标签
  271. * @param {String} str html字符串
  272. */
  273. export function removeHtmlTag(str) {
  274. return str.replace(/<[^>]+>/g, "");
  275. }
  276. /**
  277. * 计算总数
  278. * @param {Array} dataList 需要统计的数组
  279. */
  280. export function calcSum(dataList) {
  281. if (!dataList.length) return 0;
  282. return dataList.reduce(function (total, item) {
  283. return total + item;
  284. }, 0);
  285. }
  286. /**
  287. * 计算评卷数
  288. * @param {Array} dataList 需要统计的数组
  289. */
  290. export function calcAvg(dataList) {
  291. if (!dataList.length) return 0;
  292. return calcSum(dataList) / dataList.length;
  293. }
  294. /** 获取数组最大数 */
  295. export function maxNum(dataList) {
  296. if (!dataList.length) return 0;
  297. return Math.max.apply(null, dataList);
  298. }
  299. export function isEmptyObject(obj) {
  300. return !Object.keys(obj).length;
  301. }
  302. /**
  303. * 解决后台返回的数据中number位数超过16位的情况
  304. * @param {String} text json格式字符串
  305. */
  306. export function jsonBigNumberToString(text) {
  307. return text
  308. .replace(/\\":[0-9]{16,19}/g, function (match) {
  309. return match.slice(0, 3) + '\\"' + match.slice(3) + '\\"';
  310. })
  311. .replace(/:[0-9]{16,19}/g, function (match) {
  312. return match[0] + '"' + match.slice(1) + '"';
  313. });
  314. }
  315. export function humpToLowLine(a) {
  316. return a
  317. .replace(/([A-Z])/g, "-$1")
  318. .toLowerCase()
  319. .slice(1);
  320. }
  321. export function pickByNotNull(params) {
  322. let nData = {};
  323. Object.entries(params).forEach(([key, val]) => {
  324. if (val === null || val === "null" || val === "") return;
  325. nData[key] = val;
  326. });
  327. return nData;
  328. }
  329. export function autoSubmitForm(url, params) {
  330. const form = document.createElement("form");
  331. form.action = url;
  332. form.method = "post";
  333. Object.entries(params).forEach(([key, val]) => {
  334. const input = document.createElement("input");
  335. input.type = "hidden";
  336. input.name = key;
  337. input.value = val;
  338. form.appendChild(input);
  339. });
  340. document.body.appendChild(form);
  341. form.submit();
  342. }
  343. export function blobToText(blob) {
  344. return new Promise((resolve, reject) => {
  345. const reader = new FileReader();
  346. reader.readAsText(blob, "utf-8");
  347. reader.onload = function () {
  348. resolve(reader.result);
  349. };
  350. reader.onerror = function () {
  351. reject();
  352. };
  353. });
  354. }
  355. export function parseHrefParam(urlStr, paramName = null) {
  356. if (!urlStr) return;
  357. const url = new URL(urlStr);
  358. const urlParams = new URLSearchParams(url.search);
  359. if (paramName) return urlParams.get(paramName);
  360. let params = {};
  361. for (const kv of urlParams.entries()) {
  362. params[kv[0]] = kv[1];
  363. }
  364. return params;
  365. }
  366. export function objFilterNull(obj) {
  367. let nobj = {};
  368. Object.entries(obj).forEach(([key, val]) => {
  369. if (val === null || val === "null" || val === "") return;
  370. nobj[key] = val;
  371. });
  372. return nobj;
  373. }