util.js 15 KB

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