rpt_print.js 30 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568
  1. /**
  2. * Created by Tony on 2018/4/24.
  3. */
  4. let rptPrintHelper = {
  5. preview: async function () {
  6. if (zTreeOprObj.checkedRptTplNodes && zTreeOprObj.checkedRptTplNodes.length > 0) {
  7. let refRptTplIds = [];
  8. rptControlObj.getTplIdsCommon(refRptTplIds, null);
  9. let params = rptControlObj.creatCommonExportParam(refRptTplIds);
  10. await rptCustomObj.getCustomSelect(params);
  11. let chkNodes = zTreeOprObj.treeObj.getCheckedNodes(true);
  12. if (chkNodes.length > 0) {
  13. delete params.orientation; // 打印时有勾选的话,不需要提供方向
  14. }
  15. if (COMMON_WATER_MARK_PIC_DATA === null || COMMON_WATER_MARK_PIC_DATA === '') {
  16. params.needWaterMark = true;
  17. } else {
  18. params.needWaterMark = false;
  19. }
  20. delete sessionStorage.currentPageData; //删除
  21. sessionStorage.report_params = JSON.stringify(params);
  22. sessionStorage.current_stage_status = getStageStatus();
  23. sessionStorage.closeWaterMark = getCloseWatermark();
  24. sessionStorage.pageSize = rptControlObj.getCurrentPageSize();
  25. sessionStorage.waterMarkStr = COMMON_WATER_MARK_PIC_DATA;
  26. sessionStorage.refRptTplIds = JSON.stringify(refRptTplIds);
  27. sessionStorage.STAGE_LIST = JSON.stringify(STAGE_LIST);
  28. sessionStorage.STAGE_AUDIT_ORG = JSON.stringify(STAGE_AUDIT_ORG);
  29. sessionStorage.OSS_PATH = OSS_PATH;
  30. sessionStorage.current_stage_id = getStageId();
  31. sessionStorage.isTextSignature = PAGE_SHOW.isTextSignature;
  32. // sessionStorage.STAGE_AUDIT = JSON.stringify(STAGE_AUDIT);
  33. window.open('/printReport/' + sessionStorage.pageSize);
  34. }
  35. },
  36. individualPreview: function() {
  37. let params = rptControlObj.creatCommonExportParam([1784]);
  38. delete sessionStorage.req_params; //删除
  39. params.rpt_tpl_id = 1784;
  40. sessionStorage.req_params = JSON.stringify(params);
  41. sessionStorage.qrCodePath = '/public/upload/qr_code/icon-qrcode.png';
  42. let replace_key_params = {};
  43. replace_key_params['KEY_标段名称'] = '测试标段';
  44. replace_key_params['KEY_总承包单位'] = '纵横建造';
  45. replace_key_params['KEY_合同段'] = '测试合同段';
  46. replace_key_params['KEY_监理单位'] = '纵横监理';
  47. replace_key_params['KEY_编号'] = 'ABC_001';
  48. replace_key_params['KEY_子目号及子目名称'] = '现场收方1';
  49. replace_key_params['KEY_桩号及工程部位'] = '现场收方_桩号1';
  50. replace_key_params['KEY_设计工程数量'] = '168668.88';
  51. sessionStorage.replace_key_params = JSON.stringify(replace_key_params);
  52. sessionStorage.rpt_name = '现场收方表';
  53. window.open('/individualReport/A4');
  54. },
  55. buildSvgArr: function (pagesData, actAreaArr, offsetX, offsetY, closeWaterMark) {
  56. let styles = pagesData[JV.NODE_STYLE_COLLECTION],
  57. fonts = pagesData[JV.NODE_FONT_COLLECTION],
  58. controls = pagesData[JV.NODE_CONTROL_COLLECTION]
  59. ;
  60. let rst = [];
  61. let canvas = document.getElementById("chkCanvas");
  62. let pixelSize = getPixelSize(pagesData);
  63. let isHtoV = false;
  64. if (pixelSize[0] > pixelSize[1]) {
  65. // changeHtoV(pagesData, pixelSize);
  66. isHtoV = true;
  67. }
  68. for (let idx = 0; idx < pagesData.items.length; idx++) {
  69. let page = pagesData.items[idx];
  70. let actAreaOffsetX = 0, actAreaOffsetY = 0;
  71. if (actAreaArr) {
  72. actAreaOffsetX = actAreaArr[idx].Left;
  73. actAreaOffsetY = actAreaArr[idx].Top;
  74. if (pixelSize[0] > pixelSize[1]) {
  75. }
  76. }
  77. let svgPageArr = [];
  78. // console.log(pixelSize);
  79. svgPageArr.push(`<svg width='${pixelSize[0]}' height='${pixelSize[1]}'>"`);
  80. // let adjustY = 0.5 * ((idx + 1) % 2);
  81. let adjustY = 0.5;
  82. for (let cell of page.cells) {
  83. svgPageArr.push(buildCellSvg(cell, fonts, styles, controls, page[JV.PROP_PAGE_MERGE_BORDER], pagesData[JV.BAND_PROP_MERGE_BAND],
  84. offsetX - actAreaOffsetX, offsetY - actAreaOffsetY, adjustY, canvas, isHtoV, pixelSize, actAreaArr[idx]));
  85. }
  86. for (let cell of page.interact_cells) {
  87. svgPageArr.push(buildCellSvg(cell, fonts, styles, controls, page[JV.PROP_PAGE_MERGE_BORDER], pagesData[JV.BAND_PROP_MERGE_BAND],
  88. offsetX - actAreaOffsetX, offsetY - actAreaOffsetY, adjustY, canvas, isHtoV, pixelSize, actAreaArr[idx]));
  89. }
  90. // 计量有电子签名,要单独处理
  91. for (let cell of page.signature_cells) {
  92. svgPageArr.push(buildSignatureCellSvg(cell, styles, controls, fonts, page[JV.PROP_PAGE_MERGE_BORDER], pagesData[JV.BAND_PROP_MERGE_BAND],
  93. offsetX - actAreaOffsetX, offsetY - actAreaOffsetY, adjustY, canvas, isHtoV, pixelSize, actAreaArr[idx]));
  94. }
  95. if (closeWaterMark === 0) {
  96. for (let cell of page.watermark_cells) {
  97. cell.pic = sessionStorage.waterMarkStr;
  98. svgPageArr.push(buildSignatureCellSvg(cell, styles, controls, fonts, page[JV.PROP_PAGE_MERGE_BORDER], pagesData[JV.BAND_PROP_MERGE_BAND],
  99. offsetX - actAreaOffsetX, offsetY - actAreaOffsetY, adjustY, canvas, isHtoV, pixelSize, actAreaArr[idx]));
  100. }
  101. }
  102. // 计量有电子签名日期,在处理上与cells一样
  103. for (let cell of page.signature_date_cells) {
  104. svgPageArr.push(buildCellSvg(cell, fonts, styles, controls, page[JV.PROP_PAGE_MERGE_BORDER], pagesData[JV.BAND_PROP_MERGE_BAND],
  105. offsetX - actAreaOffsetX, offsetY - actAreaOffsetY, adjustY, canvas, isHtoV, pixelSize, actAreaArr[idx]));
  106. }
  107. // 计量有电子签名审核意见,在处理上与cells一样
  108. for (let cell of page.signature_audit_cells) {
  109. svgPageArr.push(buildCellSvg(cell, fonts, styles, controls, page[JV.PROP_PAGE_MERGE_BORDER], pagesData[JV.BAND_PROP_MERGE_BAND],
  110. offsetX - actAreaOffsetX, offsetY - actAreaOffsetY, adjustY, canvas, isHtoV, pixelSize, actAreaArr[idx]));
  111. }
  112. svgPageArr.push("</svg>");
  113. rst.push(svgPageArr);
  114. }
  115. return rst;
  116. }
  117. };
  118. function getActualBorderStyle(cell, styles, mergeBorderStyle, pageBorderArea, borderStr) {
  119. let rst = styles[cell[JV.PROP_STYLE]][borderStr];
  120. if (rst && parseFloat(rst[JV.PROP_LINE_WEIGHT]) === 1) {
  121. rst[JV.PROP_LINE_WEIGHT] = 0.5;
  122. }
  123. if (mergeBorderStyle) {
  124. if (parseFloat(cell[JV.PROP_AREA][borderStr]) === parseFloat(pageBorderArea[borderStr])) {
  125. if (borderStr === JV.PROP_LEFT || borderStr === JV.PROP_RIGHT) {
  126. if (parseFloat(cell[JV.PROP_AREA][JV.PROP_TOP]) >= parseFloat(pageBorderArea[JV.PROP_TOP]) &&
  127. parseFloat(cell[JV.PROP_AREA][JV.PROP_BOTTOM]) <= parseFloat(pageBorderArea[JV.PROP_BOTTOM])) {
  128. rst = mergeBorderStyle[borderStr];
  129. }
  130. } else if (borderStr === JV.PROP_TOP || borderStr === JV.PROP_BOTTOM) {
  131. if (parseFloat(cell[JV.PROP_AREA][JV.PROP_LEFT]) >= parseFloat(pageBorderArea[JV.PROP_LEFT]) &&
  132. parseFloat(cell[JV.PROP_AREA][JV.PROP_RIGHT]) <= parseFloat(pageBorderArea[JV.PROP_RIGHT])) {
  133. rst = mergeBorderStyle[borderStr];
  134. }
  135. }
  136. }
  137. }
  138. return rst;
  139. }
  140. function buildSignatureCellSvg(cell, styles, controls, fonts, pageMergeBorder, rptMergeBorder, offsetX, offsetY, adjustY, canvas, isHtoV, pixelSize, actArea) {
  141. let rst = [];
  142. let style = styles[cell[JV.PROP_STYLE]];
  143. let mergeBandStyle = null;
  144. if (rptMergeBorder) {
  145. mergeBandStyle = styles[rptMergeBorder[JV.PROP_STYLE][JV.PROP_ID]];
  146. }
  147. let font = cell[JV.PROP_FONT];
  148. if (typeof font === 'string') {
  149. font = fonts[cell[JV.PROP_FONT]];
  150. }
  151. let left = parseInt(cell[JV.PROP_AREA][JV.PROP_LEFT]) + offsetX + 0.5,
  152. right = parseInt(cell[JV.PROP_AREA][JV.PROP_RIGHT]) + offsetX + 0.5,
  153. top = parseInt(cell[JV.PROP_AREA][JV.PROP_TOP]) + offsetY + adjustY,
  154. bottom = parseInt(cell[JV.PROP_AREA][JV.PROP_BOTTOM]) + offsetY + adjustY
  155. ;
  156. let HtoVStr = "";
  157. if (isHtoV) {
  158. // HtoVStr = ` transform="translate(`+ (actArea.Bottom - actArea.Top + 5) + `,` + (actArea.Left - actArea.Top ) + `) rotate(90)"`;
  159. //引用了padding后,top坐标不用考虑offset了
  160. HtoVStr = ` transform="translate(${(actArea.Bottom - actArea.Top + 2)},0) rotate(90)"`;
  161. }
  162. // 印章的cell表框都要去掉
  163. if(cell.path&&cell.signType) style = '';
  164. if (style) {
  165. let leftBS = getActualBorderStyle(cell, styles, mergeBandStyle, (pageMergeBorder)?pageMergeBorder:rptMergeBorder[JV.PROP_AREA], JV.PROP_LEFT);
  166. // if (style[JV.PROP_LEFT] && parseFloat(style[JV.PROP_LEFT][JV.PROP_LINE_WEIGHT]) > 0) {
  167. if (leftBS && parseFloat(leftBS[JV.PROP_LINE_WEIGHT]) > 0) {
  168. rst.push("<line x1='" + left + "' y1='" + top +
  169. "' x2='" + left + "' y2='" + bottom +
  170. "' style='stroke:rgb(0,0,0);stroke-width:" + leftBS[JV.PROP_LINE_WEIGHT] + "'" + HtoVStr + "/>")
  171. }
  172. let rightBS = getActualBorderStyle(cell, styles, mergeBandStyle, (pageMergeBorder)?pageMergeBorder:rptMergeBorder[JV.PROP_AREA], JV.PROP_RIGHT);
  173. // if (style[JV.PROP_RIGHT] && parseFloat(style[JV.PROP_RIGHT][JV.PROP_LINE_WEIGHT]) > 0) {
  174. if (rightBS && parseFloat(rightBS[JV.PROP_LINE_WEIGHT]) > 0) {
  175. rst.push("<line x1='" + right + "' y1='" + top +
  176. "' x2='" + right + "' y2='" + bottom +
  177. "' style='stroke:rgb(0,0,0);stroke-width:" + rightBS[JV.PROP_LINE_WEIGHT] +"'" + HtoVStr + "/>")
  178. }
  179. let topBS = getActualBorderStyle(cell, styles, mergeBandStyle, (pageMergeBorder)?pageMergeBorder:rptMergeBorder[JV.PROP_AREA], JV.PROP_TOP);
  180. // if (style[JV.PROP_TOP] && parseFloat(style[JV.PROP_TOP][JV.PROP_LINE_WEIGHT]) > 0) {
  181. if (topBS && parseFloat(topBS[JV.PROP_LINE_WEIGHT]) > 0) {
  182. rst.push("<line x1='" + left + "' y1='" + top +
  183. "' x2='" + right + "' y2='" + top +
  184. "' style='stroke:rgb(0,0,0);stroke-width:" + topBS[JV.PROP_LINE_WEIGHT] +"'" + HtoVStr + "/>")
  185. }
  186. let bottomBS = getActualBorderStyle(cell, styles, mergeBandStyle, (pageMergeBorder)?pageMergeBorder:rptMergeBorder[JV.PROP_AREA], JV.PROP_BOTTOM);
  187. // if (style[JV.PROP_BOTTOM] && parseFloat(style[JV.PROP_BOTTOM][JV.PROP_LINE_WEIGHT]) > 0) {
  188. if (bottomBS && parseFloat(bottomBS[JV.PROP_LINE_WEIGHT]) > 0) {
  189. rst.push("<line x1='" + left + "' y1='" + bottom +
  190. "' x2='" + right + "' y2='" + bottom +
  191. "' style='stroke:rgb(0,0,0);stroke-width:" + bottomBS[JV.PROP_LINE_WEIGHT] +"'" + HtoVStr + "/>")
  192. }
  193. }
  194. let control = cell[JV.PROP_CONTROL];
  195. if (typeof control === 'string') {
  196. control = controls[cell[JV.PROP_CONTROL]];
  197. }
  198. if (cell.pic || cell.path) {
  199. if (cell.signature_name.indexOf(JV.SIGNATURE_NAME_DUMMY) >= 0) {
  200. buildImage(rst, cell, control, offsetX, offsetY, HtoVStr, (!!cell.isStamp), [1,1,1,1]);
  201. } else {
  202. buildImage(rst, cell, control, offsetX, offsetY, HtoVStr);
  203. }
  204. }
  205. return rst.join("");
  206. }
  207. function buildCellSvg(cell, fonts, styles, controls, pageMergeBorder, rptMergeBorder, offsetX, offsetY, adjustY, canvas, isHtoV, pixelSize, actArea) {
  208. let rst = [];
  209. let style = styles[cell[JV.PROP_STYLE]];
  210. let mergeBandStyle = null;
  211. if (rptMergeBorder) {
  212. mergeBandStyle = styles[rptMergeBorder[JV.PROP_STYLE][JV.PROP_ID]];
  213. }
  214. let font = cell[JV.PROP_FONT];
  215. if (typeof font === 'string') {
  216. font = fonts[cell[JV.PROP_FONT]];
  217. }
  218. let left = parseInt(cell[JV.PROP_AREA][JV.PROP_LEFT]) + offsetX + 0.5,
  219. right = parseInt(cell[JV.PROP_AREA][JV.PROP_RIGHT]) + offsetX + 0.5,
  220. top = parseInt(cell[JV.PROP_AREA][JV.PROP_TOP]) + offsetY + adjustY,
  221. bottom = parseInt(cell[JV.PROP_AREA][JV.PROP_BOTTOM]) + offsetY + adjustY
  222. ;
  223. let HtoVStr = "";
  224. if (isHtoV) {
  225. // HtoVStr = ` transform="translate(`+ (actArea.Bottom - actArea.Top + 5) + `,` + (actArea.Left - actArea.Top ) + `) rotate(90)"`;
  226. //引用了padding后,top坐标不用考虑offset了
  227. HtoVStr = ` transform="translate(${(actArea.Bottom - actArea.Top + 2)},0) rotate(90)"`;
  228. }
  229. if (style) {
  230. let leftBS = getActualBorderStyle(cell, styles, mergeBandStyle, (pageMergeBorder)?pageMergeBorder:rptMergeBorder[JV.PROP_AREA], JV.PROP_LEFT);
  231. // if (style[JV.PROP_LEFT] && parseFloat(style[JV.PROP_LEFT][JV.PROP_LINE_WEIGHT]) > 0) {
  232. if (leftBS && parseFloat(leftBS[JV.PROP_LINE_WEIGHT]) > 0) {
  233. rst.push("<line x1='" + left + "' y1='" + top +
  234. "' x2='" + left + "' y2='" + bottom +
  235. "' style='stroke:rgb(0,0,0);stroke-width:" + leftBS[JV.PROP_LINE_WEIGHT] + "'" + HtoVStr + "/>")
  236. }
  237. let rightBS = getActualBorderStyle(cell, styles, mergeBandStyle, (pageMergeBorder)?pageMergeBorder:rptMergeBorder[JV.PROP_AREA], JV.PROP_RIGHT);
  238. // if (style[JV.PROP_RIGHT] && parseFloat(style[JV.PROP_RIGHT][JV.PROP_LINE_WEIGHT]) > 0) {
  239. if (rightBS && parseFloat(rightBS[JV.PROP_LINE_WEIGHT]) > 0) {
  240. rst.push("<line x1='" + right + "' y1='" + top +
  241. "' x2='" + right + "' y2='" + bottom +
  242. "' style='stroke:rgb(0,0,0);stroke-width:" + rightBS[JV.PROP_LINE_WEIGHT] +"'" + HtoVStr + "/>")
  243. }
  244. let topBS = getActualBorderStyle(cell, styles, mergeBandStyle, (pageMergeBorder)?pageMergeBorder:rptMergeBorder[JV.PROP_AREA], JV.PROP_TOP);
  245. // if (style[JV.PROP_TOP] && parseFloat(style[JV.PROP_TOP][JV.PROP_LINE_WEIGHT]) > 0) {
  246. if (topBS && parseFloat(topBS[JV.PROP_LINE_WEIGHT]) > 0) {
  247. rst.push("<line x1='" + left + "' y1='" + top +
  248. "' x2='" + right + "' y2='" + top +
  249. "' style='stroke:rgb(0,0,0);stroke-width:" + topBS[JV.PROP_LINE_WEIGHT] +"'" + HtoVStr + "/>")
  250. }
  251. let bottomBS = getActualBorderStyle(cell, styles, mergeBandStyle, (pageMergeBorder)?pageMergeBorder:rptMergeBorder[JV.PROP_AREA], JV.PROP_BOTTOM);
  252. // if (style[JV.PROP_BOTTOM] && parseFloat(style[JV.PROP_BOTTOM][JV.PROP_LINE_WEIGHT]) > 0) {
  253. if (bottomBS && parseFloat(bottomBS[JV.PROP_LINE_WEIGHT]) > 0) {
  254. rst.push("<line x1='" + left + "' y1='" + bottom +
  255. "' x2='" + right + "' y2='" + bottom +
  256. "' style='stroke:rgb(0,0,0);stroke-width:" + bottomBS[JV.PROP_LINE_WEIGHT] +"'" + HtoVStr + "/>")
  257. }
  258. }
  259. let control = cell[JV.PROP_CONTROL];
  260. if (typeof control === 'string') {
  261. control = controls[cell[JV.PROP_CONTROL]];
  262. }
  263. buildText(rst, cell, font, control, offsetX, offsetY, adjustY, canvas, isHtoV, HtoVStr);
  264. return rst.join("");
  265. }
  266. function _resetArea(cell, area, orgSize, offsetArea, offsetX, offsetY) {
  267. if (orgSize) {
  268. area[0] = cell[JV.PROP_AREA][JV.PROP_LEFT] + offsetX; // Left
  269. area[1] = cell[JV.PROP_AREA][JV.PROP_TOP] + offsetY; // Top
  270. area[2] = cell[JV.PROP_AREA][JV.PROP_RIGHT] + offsetX; // Right
  271. area[3] = cell[JV.PROP_AREA][JV.PROP_BOTTOM] + offsetY; // Bottom
  272. }
  273. if (offsetArea) {
  274. area[0] = area[0] + offsetArea[0]; // Left
  275. area[1] = area[1] + offsetArea[1]; // Top
  276. area[2] = area[2] - offsetArea[2]; // Right
  277. area[3] = area[3] - offsetArea[3]; // Bottom
  278. }
  279. }
  280. function buildImage(destRst, cell, control, offsetX, offsetY, HtoVStr, orgSize = false, offsetArea) {
  281. let href = '';
  282. let area = getProperSignatureArea(cell, control, offsetX, offsetY, JV);
  283. _resetArea(cell, area, orgSize, offsetArea, offsetX, offsetY);
  284. if (cell.pic) {
  285. href = 'href="' + cell.pic +'"';
  286. destRst.push('<image x="' + area[0] + '" y="' + area[1] + '" width="' + (area[2] - area[0]) + '" height="' + (area[3] - area[1]) + '" ');
  287. destRst.push(href + HtoVStr + ' />');
  288. } else {
  289. let paths = cell.path.split('!;!');
  290. for (let dtlPathIdx = 0; dtlPathIdx < paths.length; dtlPathIdx++) {
  291. let dtlPath = paths[dtlPathIdx];
  292. if (cell.picFeatures && cell.picFeatures.length === paths.length) {
  293. if (dtlPathIdx === 0) {
  294. cell.area = JSON.parse(JSON.stringify(cell.orgArea));
  295. cell.isOrgShow = false;
  296. } else {
  297. // 重新设置cell area
  298. resetStampArea(control, cell, JV, cell.picFeatures[dtlPathIdx]);
  299. cell.isOrgShow = true;
  300. }
  301. area = getProperSignatureArea(cell, control, offsetX, offsetY, JV);
  302. _resetArea(area, orgSize, offsetArea, offsetX, offsetY);
  303. }
  304. if (typeof dtlPath === 'string' && dtlPath.length > 10) {
  305. let imgSrc = dtlPath;
  306. if (dtlPath.indexOf(OSS_PATH) < 0 && dtlPath[0] !== '/') {
  307. imgSrc = OSS_PATH + dtlPath;
  308. } else {
  309. imgSrc = dtlPath;
  310. }
  311. href = 'xlink:href="' + imgSrc +'"';
  312. destRst.push('<image x="' + area[0] + '" y="' + area[1] + '" width="' + (area[2] - area[0]) + '" height="' + (area[3] - area[1]) + '" ');
  313. destRst.push(href + HtoVStr + ' />');
  314. }
  315. }
  316. }
  317. }
  318. function strReplaceAll(targetStr, FindText, RepText) {
  319. let regExp = new RegExp(FindText, "gm");
  320. return targetStr.replace(regExp, RepText);
  321. }
  322. function _splitValues(cell, control, orgValues, ctx2D) {
  323. //根据control的 自动折行 及 缩放优先 这俩属性 来分解cell value
  324. if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_WRAP]] === 'T' && control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_SHRINK_FIRST]] !== 'T') {
  325. let vals = [];
  326. let validAreaTxtWidth = cell[JV.PROP_AREA][JV.PROP_RIGHT] - JV.OUTPUT_OFFSET[JV.OFFSET_IDX_RIGHT] - cell[JV.PROP_AREA][JV.PROP_LEFT] - JV.OUTPUT_OFFSET[JV.OFFSET_IDX_LEFT] - 1;
  327. for (let val of orgValues) {
  328. let actW = ctx2D.measureText(val).width;
  329. if (actW > (validAreaTxtWidth - 4)) {
  330. //减4个像素是考虑到导出excel的情况
  331. vals = vals.concat(private_splitString(val, validAreaTxtWidth, ctx2D));
  332. } else {
  333. vals.push(val);
  334. }
  335. }
  336. if (vals.length > orgValues.length) {
  337. for (let idx = 0; idx < vals.length; idx++) {
  338. orgValues[idx] = vals[idx];
  339. }
  340. }
  341. }
  342. }
  343. const strReplaceReg1 = new RegExp('\n\r', 'gm'),
  344. strReplaceReg2 = new RegExp('\r\n', 'gm'),
  345. strReplaceReg3 = new RegExp('\n', 'gm'),
  346. strReplaceReg4 = new RegExp('\r', 'gm')
  347. ;
  348. function _preHandleSpliter(orgVal) {
  349. let rst = orgVal;
  350. if (rst !== null && rst !== '') {
  351. rst = rst.replace(strReplaceReg1, '|').replace(strReplaceReg2, '|').replace(strReplaceReg3, '|').replace(strReplaceReg4, '|');
  352. }
  353. return rst;
  354. }
  355. function buildText(destRst, cell, font, control, offsetX, offsetY, adjustY, canvas, isHtoV, HtoVStr) {
  356. let orgFontHeight = parseInt(font[JV.FONT_PROPS[JV.FONT_PROP_IDX_HEIGHT]]);
  357. let fontWeight = (font[JV.FONT_PROPS[JV.FONT_PROP_IDX_BOLD]] === 'T')?"bold":"normal";
  358. let fontStyle = (font[JV.FONT_PROPS[JV.FONT_PROP_IDX_ITALIC]] === 'T')?"italic":"normal";
  359. let fontUnderline = (font[JV.FONT_PROPS[JV.FONT_PROP_IDX_UNDERLINE]] === 'T')?"underline":"normal";
  360. let left = parseInt(cell[JV.PROP_AREA][JV.PROP_LEFT]) + offsetX + 0.5,
  361. right = parseInt(cell[JV.PROP_AREA][JV.PROP_RIGHT]) + offsetX + 0.5,
  362. top = parseInt(cell[JV.PROP_AREA][JV.PROP_TOP]) + offsetY + adjustY,
  363. bottom = parseInt(cell[JV.PROP_AREA][JV.PROP_BOTTOM]) + offsetY + adjustY,
  364. x = left, y = top,
  365. text_anchor = "start"
  366. ;
  367. let value = cell[JV.PROP_VALUE];
  368. if (value === undefined || value === null) {
  369. value = "";
  370. } else if (typeof value === 'string') {
  371. //注意:要把 < 符号转义 -> &lt; 否则svg会有错乱
  372. value = strReplaceAll(value, '<', '&lt;');
  373. }
  374. let values = null;
  375. if (typeof value === "string") {
  376. // values = value.split("|");
  377. values = _preHandleSpliter(value).split('|');
  378. } else {
  379. values = [value];
  380. }
  381. // let stepHeight = (parseInt(cell[JV.PROP_AREA][JV.PROP_BOTTOM]) - parseInt(cell[JV.PROP_AREA][JV.PROP_TOP])) / values.length;
  382. if (control) {
  383. if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_HORIZON]] === "left") {
  384. text_anchor = "start";
  385. x = left + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_LEFT];
  386. } else if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_HORIZON]] === "right") {
  387. text_anchor = "end";
  388. x = right - JV.OUTPUT_OFFSET[JV.OFFSET_IDX_RIGHT];
  389. } else if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_HORIZON]] === "center") {
  390. text_anchor = "middle";
  391. x = Math.round((left + right) / 2);
  392. }
  393. }
  394. let area = [0,0,0,0];
  395. area[JV.IDX_TOP] = top;
  396. area[JV.IDX_BOTTOM] = bottom;
  397. area[JV.IDX_LEFT] = left;
  398. area[JV.IDX_RIGHT] = right;
  399. let height = bottom - top;
  400. let ctx = canvas.getContext("2d");
  401. ctx.font = ((font[JV.FONT_PROPS[JV.FONT_PROP_IDX_BOLD]] === 'T')?"bold ":"") + ((font[JV.FONT_PROPS[JV.FONT_PROP_IDX_ITALIC]] === 'T')?"italic":"") + orgFontHeight + "px " + font[JV.PROP_NAME];
  402. _splitValues(cell, control, values, ctx);
  403. let inner_draw_text = function (textValue) {
  404. let dftFontHeight = orgFontHeight;
  405. ctx.font = ((font[JV.FONT_PROPS[JV.FONT_PROP_IDX_BOLD]] === 'T')?"bold ":"") + ((font[JV.FONT_PROPS[JV.FONT_PROP_IDX_ITALIC]] === 'T')?"italic":"") + dftFontHeight + "px " + font[JV.PROP_NAME];
  406. function inner_build_text(innerTxt, innerArea) {
  407. let innerDftFontHeight = (dftFontHeight * 3 / 4); //SVG的字体与canvas的字体大小的切换, 不用考虑取整
  408. if (control) {
  409. if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_VERTICAL]] === "top") {
  410. // y = innerArea[JV.IDX_TOP] + JV.OUTPUT_OFFSET[JV.IDX_TOP];
  411. y = innerArea[JV.IDX_TOP] + JV.OUTPUT_OFFSET[JV.IDX_TOP] + innerDftFontHeight + JV.OUTPUT_OFFSET[JV.IDX_TOP] + 2; // 向上对齐
  412. } else if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_VERTICAL]] === "bottom") {
  413. y = innerArea[JV.IDX_BOTTOM] - JV.OUTPUT_OFFSET[JV.IDX_BOTTOM];
  414. } else if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_VERTICAL]] === "center") {
  415. y = Math.round((innerArea[JV.IDX_TOP] + innerArea[JV.IDX_BOTTOM] + innerDftFontHeight) / 2 );
  416. }
  417. } else {
  418. y = innerArea[JV.IDX_TOP] + JV.OUTPUT_OFFSET[JV.IDX_TOP];
  419. }
  420. if (font[JV.PROP_NAME] === "宋体") {
  421. y--;
  422. }
  423. destRst.push("<text style='fill:black;font-family:" + font[JV.PROP_NAME] +
  424. ";font-weight:" + fontWeight +
  425. ";font-style:" + fontStyle +
  426. ";text-decoration:" + fontUnderline +
  427. // ";text-decoration:normal" +
  428. ";font-size:" + innerDftFontHeight + "pt' x='" +
  429. x +"' y='" + y + "' text-anchor='" + text_anchor + "' xml:space='preserve'" + HtoVStr + ">" + innerTxt + "</text>");
  430. }
  431. let actLines = private_splitString(textValue, (area[JV.IDX_RIGHT] - area[JV.IDX_LEFT] - JV.OUTPUT_OFFSET[JV.IDX_LEFT] - JV.OUTPUT_OFFSET[JV.IDX_RIGHT]), ctx);
  432. let validTxtLines = Math.floor((area[JV.IDX_BOTTOM] - area[JV.IDX_TOP]) / (dftFontHeight + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_BOTTOM] + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_TOP] + 4));
  433. if (actLines.length === 1 || (control && control.Shrink !== 'T' && validTxtLines < actLines)) {
  434. inner_build_text(textValue, area);
  435. } else {
  436. while (true) {
  437. let lines = Math.floor((area[JV.IDX_BOTTOM] - area[JV.IDX_TOP]) / (dftFontHeight + JV.OUTPUT_OFFSET[JV.IDX_BOTTOM] + JV.OUTPUT_OFFSET[JV.IDX_TOP] + 4));
  438. lines = (lines === 0 || (control.Shrink === 'T' && control.ShrinkFirst === 'T'))?1:lines;
  439. actLines = private_splitString(textValue, (area[JV.IDX_RIGHT] - area[JV.IDX_LEFT] - JV.OUTPUT_OFFSET[JV.IDX_LEFT] - JV.OUTPUT_OFFSET[JV.IDX_RIGHT]), ctx);
  440. if (actLines.length > lines && dftFontHeight >= 6) {
  441. dftFontHeight--;
  442. ctx.font = ((font[JV.FONT_PROPS[JV.FONT_PROP_IDX_BOLD]] === 'T')?"bold ":"") + ((font[JV.FONT_PROPS[JV.FONT_PROP_IDX_ITALIC]] === 'T')?"italic":"") + dftFontHeight + "px " + font[JV.PROP_NAME];
  443. } else {
  444. let aH = dftFontHeight + JV.OUTPUT_OFFSET[JV.IDX_BOTTOM] + JV.OUTPUT_OFFSET[JV.IDX_TOP] + 4;
  445. if ((aH * actLines.length) < (area[JV.IDX_BOTTOM] - area[JV.IDX_TOP]) && (control && control.Vertical !== 'top')) {
  446. if (control.Vertical === 'bottom') {
  447. area[JV.IDX_TOP] = area[JV.IDX_BOTTOM] - (aH * actLines.length);
  448. } else {
  449. area[JV.IDX_TOP] = (area[JV.IDX_TOP] + area[JV.IDX_BOTTOM]) / 2 - (aH * actLines.length) / 2
  450. area[JV.IDX_BOTTOM] = area[JV.IDX_TOP] + (aH * actLines.length);
  451. }
  452. }
  453. let newArea = [], baseTop = area[JV.IDX_TOP];
  454. for (let ai = 0; ai < area.length; ai++) {
  455. newArea[ai] = area[ai];
  456. }
  457. for (let lIdx = 0; lIdx < actLines.length; lIdx++) {
  458. newArea[JV.IDX_TOP] = Math.round(aH * lIdx + baseTop);
  459. newArea[JV.IDX_BOTTOM] = Math.round(aH * (lIdx + 1) + baseTop);
  460. inner_build_text(actLines[lIdx], newArea);
  461. }
  462. break;
  463. }
  464. }
  465. }
  466. };
  467. let ah = height;
  468. let restTopH = 0, restBottomH = 0;
  469. // if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_CLOSE_OUTPUT]] === 'T') {
  470. // ah = (parseFloat(font[JV.FONT_PROPS[1]]) + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_TOP] + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_BOTTOM]) * values.length;
  471. // let restH = height - ah;
  472. // if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_VERTICAL]] === 'center') {
  473. // restTopH = restH / 2;
  474. // restBottomH = restH / 2;
  475. // } else if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_VERTICAL]] === 'bottom') {
  476. // restBottomH = restH;
  477. // } else {
  478. // // restTopH = restH;
  479. // restTopH = JV.OUTPUT_OFFSET[JV.OFFSET_IDX_TOP] + 8; // 备注:打印比别的方式多加些空隙
  480. // }
  481. // }
  482. const isCloseOutput = _chkIfCloseOutput(control, values.length, area, orgFontHeight);
  483. let closeTopOffset = 0;
  484. if (isCloseOutput) {
  485. closeTopOffset = (height - (orgFontHeight + 4) * values.length) / 2; // 默认居中对齐
  486. if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_VERTICAL]] === 'top') {
  487. closeTopOffset = JV.OUTPUT_OFFSET[JV.OFFSET_IDX_TOP];
  488. } else if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_VERTICAL]] === 'bottom') {
  489. closeTopOffset = height - (orgFontHeight + 4) * values.length - JV.OUTPUT_OFFSET[JV.OFFSET_IDX_BOTTOM];
  490. }
  491. }
  492. for (let vidx = 0; vidx < values.length; vidx++) {
  493. // area[JV.IDX_TOP] = top + vidx * (ah / values.length) + restTopH;
  494. // area[JV.IDX_BOTTOM] = top + (vidx + 1) * (ah / values.length) + restTopH;
  495. if (isCloseOutput) {
  496. area[JV.IDX_TOP] = top + closeTopOffset + vidx * (orgFontHeight + 4);
  497. area[JV.IDX_BOTTOM] = top + closeTopOffset + (vidx + 1) * (orgFontHeight + 4);
  498. } else {
  499. area[JV.IDX_TOP] = top + vidx * (ah / values.length) + restTopH;
  500. area[JV.IDX_BOTTOM] = top + (vidx + 1) * (ah / values.length) + restBottomH;
  501. }
  502. inner_draw_text(values[vidx]);
  503. }
  504. }
  505. function _chkIfCloseOutput(control, actLines, area, fontHeight) {
  506. let rst = false;
  507. if (control.CloseOutput === 'T' && actLines > 1) {
  508. rst = true;
  509. }
  510. return rst;
  511. }
  512. function private_splitString(val, areaWidth, ctx) {
  513. let rst = [];
  514. if (val) {
  515. let strVal = val;
  516. if (typeof val !== 'string') strVal = '' + strVal;
  517. let preSIdx = 0, txtWidth = 0;
  518. let currentW = 0;
  519. let chnW = ctx.measureText('一').width, otherW = ctx.measureText('_').width;
  520. for (let sIdx = 0; sIdx < strVal.length; sIdx++) {
  521. currentW = (strVal.charCodeAt(sIdx) > 127)?chnW:otherW;
  522. txtWidth += currentW;
  523. if (txtWidth > areaWidth) {
  524. if (preSIdx < sIdx) {
  525. rst.push(strVal.substr(preSIdx, sIdx - preSIdx));
  526. preSIdx = sIdx;
  527. } else {
  528. rst.push(strVal.substr(preSIdx, 1));
  529. preSIdx = sIdx + 1;
  530. }
  531. txtWidth = currentW;
  532. }
  533. if (sIdx === strVal.length - 1) {
  534. rst.push(strVal.substr(preSIdx, strVal.length - preSIdx));
  535. }
  536. }
  537. }
  538. if (rst.length === 0) rst.push(''); //什么都没有,也得整个空串
  539. return rst;
  540. }
  541. function getPixelSize(pagesData) {
  542. let rst = [793,1122];
  543. let SCREEN_DPI = [96,96];
  544. if (pagesData[JV.NODE_PAGE_INFO] && pagesData[JV.NODE_PAGE_INFO][JV.NODE_PAGE_SIZE]) {
  545. rst[0] = Math.round(SCREEN_DPI[0] * pagesData[JV.NODE_PAGE_INFO][JV.NODE_PAGE_SIZE][0]);
  546. rst[1] = Math.round(SCREEN_DPI[1] * pagesData[JV.NODE_PAGE_INFO][JV.NODE_PAGE_SIZE][1]);
  547. }
  548. return rst;
  549. }