rpt_print.js 31 KB

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