util.js 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437
  1. import moment from "moment";
  2. import {
  3. post,
  4. get
  5. } from "@/utils/request";
  6. import Cookies from "js-cookie";
  7. import html2Canvas from "html2canvas";
  8. import JsPDF from "jspdf";
  9. import * as toEnglish from "./ACapital.js";
  10. //根据value值回显字典label值
  11. export function dictDataEcho(value, arr) {
  12. if (value && arr) {
  13. value = value + "";
  14. const current = arr.find((x) => x.dictKey === value);
  15. if (current != undefined && current.dictValue) {
  16. return current.dictValue;
  17. }
  18. return "";
  19. }
  20. return "";
  21. }
  22. //根据value值回显字典label值
  23. export function dictValueLabel(value, arr) {
  24. if ((value || value === 0) && arr) {
  25. const current = arr.filter((x) => x.value == value);
  26. if (current && current.length > 0) {
  27. return current[0].label;
  28. }
  29. return "";
  30. }
  31. return "";
  32. }
  33. export function getDict(key) {
  34. return new Promise((resolve, reject) => {
  35. let dictObj = {};
  36. let arr = {};
  37. let num = 0;
  38. // if (!sessionStorage.getItem("dict")) {
  39. // sessionStorage.setItem("dict", JSON.stringify(dictObj));
  40. // } else {
  41. // dictObj = JSON.parse(sessionStorage.getItem("dict"));
  42. // }
  43. for (let i = 0; i < key.length; i++) {
  44. const element = key[i];
  45. if (dictObj[element]) {
  46. arr[element] = dictObj[element];
  47. num++;
  48. if (num === key.length) {
  49. resolve(arr);
  50. }
  51. } else {
  52. post("/dictTenantData/page", {
  53. pageNum: 1,
  54. pageSize: 999,
  55. tenantId: Cookies.get("tenantId"),
  56. dictCode: element,
  57. }).then((res) => {
  58. dictObj[element] = res.rows;
  59. arr[element] = res.rows;
  60. sessionStorage.setItem("dict", JSON.stringify(dictObj));
  61. num++;
  62. console.log(num);
  63. if (num === key.length) {
  64. resolve(arr);
  65. }
  66. });
  67. }
  68. }
  69. });
  70. }
  71. export function getDictOne(key) {
  72. return new Promise((resolve, reject) => {
  73. let dictObj = {};
  74. let arr = {};
  75. let num = 0;
  76. for (let i = 0; i < key.length; i++) {
  77. const element = key[i];
  78. if (dictObj[element]) {
  79. arr[element] = dictObj[element];
  80. num++;
  81. if (num === key.length) {
  82. resolve(arr);
  83. }
  84. } else {
  85. post("/tenantDict/getDict", {
  86. dictCode: element,
  87. }).then((res) => {
  88. dictObj[element] = res;
  89. arr[element] = res;
  90. num++;
  91. if (num === key.length) {
  92. resolve(arr);
  93. }
  94. });
  95. }
  96. }
  97. });
  98. }
  99. // 金额千分符
  100. export function moneyFormat(s, n) {
  101. if (s) {
  102. s = s + "";
  103. let str = s.slice(0, 1);
  104. if (str === "-") {
  105. s = s.slice(1, s.length);
  106. }
  107. n = n > 0 && n <= 20 ? n : 2;
  108. s = parseFloat((s + "").replace(/[^\d\.-]/g, "")).toFixed(n) + "";
  109. var l = s.split(".")[0].split("").reverse(),
  110. r = s.split(".")[1];
  111. var t = "";
  112. for (let i = 0; i < l.length; i++) {
  113. t += l[i] + ((i + 1) % 3 == 0 && i + 1 != l.length ? "," : "");
  114. }
  115. let result = t.split("").reverse().join("") + "." + r;
  116. if (str === "-") {
  117. return "-" + result;
  118. } else {
  119. return result;
  120. }
  121. } else {
  122. return "0.00";
  123. }
  124. }
  125. // 计算该日期是星期几
  126. export function calculationWeek(val, format) {
  127. let weekArrayList = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
  128. let index = new Date(moment(val, format).format("yyyy-MM-DD")).getDay();
  129. let week = weekArrayList[index];
  130. return week;
  131. }
  132. export function getPdf(title) {
  133. // pdfDom 这个就是你vue页面中定义的ID 比如<div id="pdfDom"> 这个也要避下雷
  134. const element = document.getElementById("pdfDom");
  135. window.pageYoffset = 0;
  136. document.documentElement.scrollTop = 0;
  137. document.body.scrollTop = 0;
  138. setTimeout(() => {
  139. // const nowDate = new Date();
  140. // const date = {
  141. // year: nowDate.getFullYear(),
  142. // month: nowDate.getMonth() + 1,
  143. // date: nowDate.getDate(),
  144. // hours: nowDate.getHours(),
  145. // minutes: nowDate.getMinutes(),
  146. // seconds: nowDate.getSeconds(),
  147. // };
  148. // const newMonth = date.month > 10 ? date.month : "0" + date.month;
  149. // const newDay = date.date > 10 ? date.date : "0" + date.date;
  150. // const newMinutes = date.minutes < 10 ? "0" + date.minutes : date.minutes;
  151. // const newSeconds = date.seconds < 10 ? "0" + date.seconds : date.seconds;
  152. // const value = date.year + newMonth + newDay + date.hours + newMinutes + newSeconds;
  153. let id = "";
  154. //创建一个画布 --- 增加导出的pdf水印 !!
  155. let can = document.createElement("canvas");
  156. //设置画布的长宽
  157. can.width = 400;
  158. can.height = 500;
  159. let cans = can.getContext("2d");
  160. //旋转角度
  161. cans.rotate((-15 * Math.PI) / 180);
  162. cans.font = "18px Vedana";
  163. //设置填充绘画的颜色、渐变或者模式
  164. cans.fillStyle = "rgba(200, 200, 200, 0.40)";
  165. //设置文本内容的当前对齐方式
  166. cans.textAlign = "left";
  167. //设置在绘制文本时使用的当前文本基线
  168. cans.textBaseline = "Middle";
  169. //在画布上绘制填色的文本(输出的文本,开始绘制文本的X坐标位置,开始绘制文本的Y坐标位置)
  170. //cans.fillText(value, can.width / 8, can.height / 2)
  171. let div = document.createElement("div");
  172. div.id = id;
  173. div.style.pointerEvents = "none";
  174. div.style.top = "2000px";
  175. div.style.left = "-2000px";
  176. div.style.position = "fixed";
  177. div.style.zIndex = "100000";
  178. div.style.width = document.getElementById("pdfDom").scrollHeight + "px";
  179. div.style.height = document.getElementById("pdfDom").scrollHeight + "px";
  180. div.style.background = "url(" + can.toDataURL("image/png") + ") left top repeat";
  181. document.getElementById("pdfDom").appendChild(div); // 到页面中
  182. html2Canvas(element, {
  183. allowTaint: true,
  184. useCORS: true, // 需要注意,element的 高度 宽度一定要在这里定义一下,不然会存在只下载了当前你能看到的页面 避雷避雷!!!
  185. scale: 2, // 提升画面质量,但是会增加文件大小
  186. height: document.getElementById("pdfDom").scrollHeight,
  187. windowHeight: document.getElementById("pdfDom").scrollHeight,
  188. }).then(function (canvas) {
  189. var contentWidth = canvas.width;
  190. var contentHeight = canvas.height;
  191. // 一页pdf显示html页面生成的canvas高度;
  192. var pageHeight = (contentWidth * 841.89) / 592.28;
  193. // 未生成pdf的html页面高度
  194. var leftHeight = contentHeight;
  195. // 页面偏移
  196. var position = 0;
  197. // a4纸的尺寸[595.28,841.89],html页面生成的canvas在pdf中图片的宽高
  198. var imgWidth = 595.28;
  199. var imgHeight = (592.28 / contentWidth) * contentHeight;
  200. var pageData = canvas.toDataURL("image/jpeg", 1.0);
  201. var pdf = new JsPDF("", "pt", "a4");
  202. // 有两个高度需要区分,一个是html页面的实际高度,和生成pdf的页面高度(841.89)
  203. // 当内容未超过pdf一页显示的范围,无需分页
  204. if (leftHeight < pageHeight) {
  205. pdf.addImage(pageData, "JPEG", 0, 0, imgWidth, imgHeight);
  206. } else {
  207. while (leftHeight > 0) {
  208. pdf.addImage(pageData, "JPEG", 0, position, imgWidth, imgHeight);
  209. leftHeight -= pageHeight;
  210. position -= 841.89;
  211. // 避免添加空白页
  212. if (leftHeight > 0) {
  213. pdf.addPage();
  214. }
  215. }
  216. }
  217. pdf.save(title + ".pdf");
  218. });
  219. }, 1000);
  220. }
  221. export function getPdfTransverseA4(title) {
  222. html2Canvas(document.getElementById("pdfDom"), {
  223. // allowTaint: true,
  224. // taintTest: false,
  225. // logging: false,
  226. // useCORS: true,
  227. // dpi: window.devicePixelRatio * 2, // 将分辨率提高到特定的DPI 提高四倍
  228. // scale: 2, // 按比例增加分辨率
  229. allowTaint: true,
  230. useCORS: true, // 需要注意,element的 高度 宽度一定要在这里定义一下,不然会存在只下载了当前你能看到的页面 避雷避雷!!!
  231. scale: 4, // 提升画面质量,但是会增加文件大小
  232. height: document.getElementById("pdfDom").scrollHeight,
  233. windowHeight: document.getElementById("pdfDom").scrollHeight,
  234. }).then((canvas) => {
  235. // eslint-disable-next-line new-cap
  236. var pdf = new JsPDF("l", "mm", "a4"); // A3纸,横向
  237. // var pdf = new JsPDF('p', 'mm', 'a4') // A4纸,纵向
  238. var ctx = canvas.getContext("2d");
  239. // A4大小,210mm x 297mm,四边各保留10mm的边距,显示区域190x277
  240. // var a4w = 190;
  241. // var a4h = 277
  242. // A3大小,279mm x 420mm,四边各保留10mm的边距,显示区域259x400
  243. // var a4w = 259;
  244. // var a4h = 400;
  245. var a4w = 210;
  246. var a4h = 297;
  247. // var imgHeight = Math.floor(a4h * canvas.width / a4w) // 按A4显示比例换算一页图像的像素高度[这个计算方式应该是纵向]
  248. var imgHeight = Math.floor((a4w * canvas.width) / a4h); // 按A4显示比例换算一页图像的像素高度[这个是横向打印的计算方法]
  249. var renderedHeight = 0;
  250. while (renderedHeight < canvas.height) {
  251. var page = document.createElement("canvas");
  252. page.width = canvas.width;
  253. page.height = Math.min(imgHeight, canvas.height - renderedHeight); // 可能内容不足一页
  254. // 用getImageData剪裁指定区域,并画到前面创建的canvas对象中
  255. page.getContext("2d").putImageData(ctx.getImageData(0, renderedHeight, canvas.width, Math.min(imgHeight, canvas.height - renderedHeight)), 0, 0);
  256. // 添加图像到页面,保留10mm边距 [a4使用]
  257. // pdf.addImage(page.toDataURL('image/jpeg', 1.0), 'JPEG', 10, 10, a4w, Math.min(a4h, a4w * page.height / page.width))
  258. // 添加图像到页面,保留10mm边距[a3使用1.414换算比例]
  259. // pdf.addImage(page.toDataURL("image/jpeg", 1.0), "JPEG", 10, 10, a4w * 1.414, Math.min(a4h, (a4w * page.height) / page.width) * 1.414);
  260. pdf.addImage(page.toDataURL("image/jpeg", 1.0), "JPEG", 0, 0, a4w * 1.414, Math.min(a4h, (a4w * page.height) / page.width) * 1.414);
  261. renderedHeight += imgHeight;
  262. if (renderedHeight < canvas.height) {
  263. pdf.addPage(); // 如果后面还有内容,添加一个空页
  264. }
  265. }
  266. // 保存文件
  267. pdf.save(title + ".pdf");
  268. });
  269. }
  270. export function currencyPrefix(key) {
  271. return "SAY " + key + " ";
  272. }
  273. // 金额英文写法
  274. export function translateIntoEnglish(money, currencyType) {
  275. let text = "";
  276. if (money) {
  277. text = currencyPrefix(currencyType);
  278. if (!/^\d+$/.test(Number(money))) {
  279. text = text + parseFloat(money).toFixed(2).toEnglish().toUpperCase();
  280. } else {
  281. text = text + parseFloat(money).toFixed(2).toEnglish().toUpperCase() + " ONLY";
  282. }
  283. }
  284. text = text.split(" POINT ZERO ZERO ").join("");
  285. return text;
  286. }
  287. // 随机数
  288. export function random() {
  289. let $chars = "ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678";
  290. let maxPos = $chars.length;
  291. let random = "";
  292. for (let i = 0; i < 32; i++) {
  293. random += $chars.charAt(Math.floor(Math.random() * maxPos));
  294. }
  295. return random;
  296. }
  297. // 深拷贝
  298. export function checkType(target) {
  299. return Object.prototype.toString.call(target).slice(8, -1);
  300. }
  301. export function deepClone(data) {
  302. const obj = checkType(data) === "Array" ? [] : {};
  303. let arr = ["Object", "Array"];
  304. if (arr.includes(checkType(data))) {
  305. for (let key in data) {
  306. let value = data[key];
  307. //value为简单类型,直接赋值
  308. if (!arr.includes(checkType(value))) {
  309. obj[key] = value;
  310. } else {
  311. // 定义一个映射,初始化时,将data本身加入映射中
  312. const map = new WeakMap();
  313. // 如果拷贝的是复杂数据类型第一次拷贝后存入map
  314. // 第二次再遇到该值时,直接赋值为null,结束递归
  315. map.set(data, true);
  316. if (map.has(value)) {
  317. obj[key] = null;
  318. } else {
  319. map.set(value, true);
  320. obj[key] = deepClone(value);
  321. }
  322. }
  323. }
  324. } else {
  325. return data;
  326. }
  327. return obj;
  328. }
  329. // 计算时间间隔
  330. export function timeInterval(smallTime, largeTime) {
  331. //一般前端使用的时间分隔符是"-",需要替换成"/"
  332. let large = new Date(largeTime.replace("-", "/").replace("-", "/"));
  333. let small = new Date(smallTime.replace("-", "/").replace("-", "/"));
  334. if (large > small) {
  335. let date3 = large.getTime() - new Date(small).getTime(); //时间差的毫秒数
  336. //计算出相差天数
  337. let days = Math.floor(date3 / (24 * 3600 * 1000));
  338. //计算出小时数
  339. let leave1 = date3 % (24 * 3600 * 1000); //计算天数后剩余的毫秒数
  340. let hours = Math.floor(leave1 / (3600 * 1000));
  341. //计算相差分钟数
  342. let leave2 = leave1 % (3600 * 1000); //计算小时数后剩余的毫秒数
  343. let minutes = Math.floor(leave2 / (60 * 1000));
  344. //计算相差秒数
  345. let leave3 = leave2 % (60 * 1000); //计算分钟数后剩余的毫秒数
  346. let seconds = Math.round(leave3 / 1000);
  347. return {
  348. days: days,
  349. hours: hours,
  350. minutes: minutes,
  351. seconds: seconds
  352. };
  353. }
  354. return {
  355. days: 0,
  356. hours: 0,
  357. minutes: 0,
  358. seconds: 0
  359. };
  360. }
  361. // 比较时间大小
  362. export function compareTime(date1, date2) {
  363. var oDate1 = new Date(date1);
  364. var oDate2 = new Date(date2);
  365. if (oDate1.getTime() > oDate2.getTime()) {
  366. return true; //第一个大
  367. } else {
  368. return false; //第二个大
  369. }
  370. }
  371. export function toDx(n) {
  372. //阿拉伯数字转换函数
  373. switch (n) {
  374. case "0":
  375. return "零";
  376. case "1":
  377. return "壹";
  378. case "2":
  379. return "贰";
  380. case "3":
  381. return "叁";
  382. case "4":
  383. return "肆";
  384. case "5":
  385. return "伍";
  386. case "6":
  387. return "陆";
  388. case "7":
  389. return "柒";
  390. case "8":
  391. return "捌";
  392. case "9":
  393. return "玖";
  394. }
  395. };
  396. // 金额转大写
  397. export function NumberToChinese(m) {
  398. let unit = ["仟", "佰", "拾", "", "仟", "佰", "拾", "", "角", "分", "厘"];
  399. m *= 1000;
  400. m = Number(parseFloat(m).toFixed(0));
  401. m += "";
  402. var x = m.length;
  403. var result = "";
  404. for (var i = 0; i < x; i++) {
  405. if (i == 3) {
  406. result = "元" + result;
  407. } else if (i == 7) {
  408. result = "万" + result;
  409. }
  410. if (m.charAt(x - i - 1) == 0) {
  411. if (i != 0 && i != 1 && i != 2) {
  412. if (result.charAt(0) != "零" && result.charAt(0) != "元" && result.charAt(0) != "万") {
  413. result = "零" + result;
  414. }
  415. }
  416. continue;
  417. }
  418. result = toDx(m.charAt(x - i - 1)) + unit[unit.length - i - 1] + result;
  419. }
  420. result += result.charAt(result.length - 1) == "元" ? "整" : "";
  421. return result;
  422. };