util.js 13 KB

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