rpt_print.js 35 KB

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