rpt_print.js 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371
  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 rptIds = [], flags = [], compare_ids = [];
  8. let params = {};
  9. params.pageSize = rptControlObj.getCurrentPageSize();
  10. params.orientation = ((zTreeOprObj.checkedRptTplNodes.length > 1)?null:rptControlObj.getCurrentOrientation());
  11. params.custCfg = zTreeOprObj.reportPageCfg;
  12. params.prj_id = projectObj.project.projectInfo.ID;
  13. for (let tplNode of zTreeOprObj.checkedRptTplNodes) {
  14. rptIds.push(tplNode.refId);
  15. let flag = null;
  16. if (tplNode.hasOwnProperty('flags')) {
  17. flag = tplNode.flags;
  18. params.prj_ids = rptTplObj.getAllPrjIds();
  19. if (flag.auditType === 'audit_compare') {
  20. let pids = [];
  21. let comp_pid = await compareObject.getCompareID(); //返回单个对应的project ID
  22. if (comp_pid !== null) {
  23. pids.push(projectObj.project.projectInfo.ID);
  24. pids.push(comp_pid);
  25. }
  26. compare_ids.push(pids);
  27. } else {
  28. compare_ids.push([]);
  29. }
  30. } else {
  31. compare_ids.push([]);
  32. }
  33. flags.push(flag);
  34. }
  35. params.rpt_ids = rptIds.join(",");
  36. params.compare_ids = compare_ids;
  37. params.flags = flags;
  38. CommonAjax.postEx("report_api/getMultiReports", params, 10000, true,
  39. function(result){
  40. //sessionStorage.currentPageData = JSON.stringify(zTreeOprObj.currentRptPageRst);
  41. sessionStorage.multiRptsData = JSON.stringify(result);
  42. sessionStorage.pageSize = rptControlObj.getCurrentPageSize();
  43. sessionStorage.orientation = rptControlObj.getCurrentOrientation();
  44. sessionStorage.scaleFactor = 1;
  45. if (sessionStorage.pageSize === 'A3') {
  46. window.open('/rpt_printA3');
  47. } else {
  48. window.open('/rpt_print');
  49. }
  50. },
  51. function(failRst){
  52. sessionStorage.currentPageData = null;
  53. console.log(failRst);
  54. },
  55. function(exceptionRst){
  56. sessionStorage.currentPageData = null;
  57. console.log(exceptionRst);
  58. }
  59. );
  60. } else {
  61. //不可能的branch
  62. }
  63. // if (zTreeOprObj.currentRptPageRst) {
  64. // sessionStorage.currentPageData = JSON.stringify(zTreeOprObj.currentRptPageRst);
  65. // sessionStorage.pageSize = rptControlObj.getCurrentPageSize();
  66. // sessionStorage.orientation = rptControlObj.getCurrentOrientation();
  67. // sessionStorage.scaleFactor = 1;
  68. // window.open('/rpt_print');
  69. // } else {
  70. // sessionStorage.currentPageData = null;
  71. // }
  72. },
  73. previewSvgData: function() {
  74. //
  75. },
  76. buildSvgArr: function (pagesData, actAreaArr, offsetX, offsetY) {
  77. let styles = pagesData[JV.NODE_STYLE_COLLECTION],
  78. fonts = pagesData[JV.NODE_FONT_COLLECTION],
  79. controls = pagesData[JV.NODE_CONTROL_COLLECTION]
  80. ;
  81. let rst = [];
  82. let canvas = document.getElementById("chkCanvas");
  83. let pixelSize = getPixelSize(pagesData);
  84. let isHtoV = false;
  85. if (pixelSize[0] > pixelSize[1]) {
  86. // changeHtoV(pagesData, pixelSize);
  87. isHtoV = true;
  88. }
  89. for (let idx = 0; idx < pagesData.items.length; idx++) {
  90. let page = pagesData.items[idx];
  91. let actAreaOffsetX = 0, actAreaOffsetY = 0;
  92. if (actAreaArr) {
  93. actAreaOffsetX = actAreaArr[idx].Left;
  94. actAreaOffsetY = actAreaArr[idx].Top;
  95. if (pixelSize[0] > pixelSize[1]) {
  96. }
  97. }
  98. let svgPageArr = [];
  99. svgPageArr.push("<svg width='" + pixelSize[0] + "' height='" + pixelSize[1] + "'>");
  100. // let adjustY = 0.5 * ((idx + 1) % 2);
  101. let adjustY = 0.5;
  102. for (let cell of page.cells) {
  103. svgPageArr.push(buildCellSvg(cell, fonts, styles, controls, page[JV.PROP_PAGE_MERGE_BORDER], pagesData[JV.BAND_PROP_MERGE_BAND],
  104. offsetX - actAreaOffsetX, offsetY - actAreaOffsetY, adjustY, canvas, isHtoV, pixelSize, actAreaArr[idx]));
  105. }
  106. svgPageArr.push("</svg>");
  107. rst.push(svgPageArr);
  108. }
  109. return rst;
  110. }
  111. };
  112. function getActualBorderStyle(cell, styles, mergeBorderStyle, pageBorderArea, borderStr) {
  113. let rst = styles[cell[JV.PROP_STYLE]][borderStr];
  114. if (rst && parseFloat(rst[JV.PROP_LINE_WEIGHT]) === 1) {
  115. rst[JV.PROP_LINE_WEIGHT] = 0.5;
  116. }
  117. if (mergeBorderStyle) {
  118. if (parseFloat(cell[JV.PROP_AREA][borderStr]) === parseFloat(pageBorderArea[borderStr])) {
  119. if (borderStr === JV.PROP_LEFT || borderStr === JV.PROP_RIGHT) {
  120. if (parseFloat(cell[JV.PROP_AREA][JV.PROP_TOP]) >= parseFloat(pageBorderArea[JV.PROP_TOP]) &&
  121. parseFloat(cell[JV.PROP_AREA][JV.PROP_BOTTOM]) <= parseFloat(pageBorderArea[JV.PROP_BOTTOM])) {
  122. rst = mergeBorderStyle[borderStr];
  123. }
  124. } else if (borderStr === JV.PROP_TOP || borderStr === JV.PROP_BOTTOM) {
  125. if (parseFloat(cell[JV.PROP_AREA][JV.PROP_LEFT]) >= parseFloat(pageBorderArea[JV.PROP_LEFT]) &&
  126. parseFloat(cell[JV.PROP_AREA][JV.PROP_RIGHT]) <= parseFloat(pageBorderArea[JV.PROP_RIGHT])) {
  127. rst = mergeBorderStyle[borderStr];
  128. }
  129. }
  130. }
  131. }
  132. return rst;
  133. }
  134. function buildCellSvg(cell, fonts, styles, controls, pageMergeBorder, rptMergeBorder, offsetX, offsetY, adjustY, canvas, isHtoV, pixelSize, actArea) {
  135. let rst = [];
  136. let style = styles[cell[JV.PROP_STYLE]];
  137. let mergeBandStyle = null;
  138. if (rptMergeBorder) {
  139. mergeBandStyle = styles[rptMergeBorder[JV.PROP_STYLE][JV.PROP_ID]];
  140. }
  141. let font = cell[JV.PROP_FONT];
  142. if (typeof font === 'string') {
  143. font = fonts[cell[JV.PROP_FONT]];
  144. }
  145. let left = parseInt(cell[JV.PROP_AREA][JV.PROP_LEFT]) + offsetX + 0.5,
  146. right = parseInt(cell[JV.PROP_AREA][JV.PROP_RIGHT]) + offsetX + 0.5,
  147. top = parseInt(cell[JV.PROP_AREA][JV.PROP_TOP]) + offsetY + adjustY,
  148. bottom = parseInt(cell[JV.PROP_AREA][JV.PROP_BOTTOM]) + offsetY + adjustY
  149. ;
  150. let HtoVStr = "";
  151. if (isHtoV) {
  152. // HtoVStr = ` transform="translate(`+ (actArea.Bottom - actArea.Top + 5) + `,0) rotate(90)"`;
  153. //引用了padding后,top坐标不用考虑offset了
  154. HtoVStr = ` transform="translate(${(actArea.Bottom - actArea.Top + 2)},0) rotate(90)"`;
  155. }
  156. if (style) {
  157. let leftBS = getActualBorderStyle(cell, styles, mergeBandStyle, (pageMergeBorder)?pageMergeBorder:rptMergeBorder[JV.PROP_AREA], JV.PROP_LEFT);
  158. // if (style[JV.PROP_LEFT] && parseFloat(style[JV.PROP_LEFT][JV.PROP_LINE_WEIGHT]) > 0) {
  159. if (leftBS && parseFloat(leftBS[JV.PROP_LINE_WEIGHT]) > 0) {
  160. rst.push("<line x1='" + left + "' y1='" + top +
  161. "' x2='" + left + "' y2='" + bottom +
  162. "' style='stroke:rgb(0,0,0);stroke-width:" + leftBS[JV.PROP_LINE_WEIGHT] + "'" + HtoVStr + "/>")
  163. }
  164. let rightBS = getActualBorderStyle(cell, styles, mergeBandStyle, (pageMergeBorder)?pageMergeBorder:rptMergeBorder[JV.PROP_AREA], JV.PROP_RIGHT);
  165. // if (style[JV.PROP_RIGHT] && parseFloat(style[JV.PROP_RIGHT][JV.PROP_LINE_WEIGHT]) > 0) {
  166. if (rightBS && parseFloat(rightBS[JV.PROP_LINE_WEIGHT]) > 0) {
  167. rst.push("<line x1='" + right + "' y1='" + top +
  168. "' x2='" + right + "' y2='" + bottom +
  169. "' style='stroke:rgb(0,0,0);stroke-width:" + rightBS[JV.PROP_LINE_WEIGHT] +"'" + HtoVStr + "/>")
  170. }
  171. let topBS = getActualBorderStyle(cell, styles, mergeBandStyle, (pageMergeBorder)?pageMergeBorder:rptMergeBorder[JV.PROP_AREA], JV.PROP_TOP);
  172. // if (style[JV.PROP_TOP] && parseFloat(style[JV.PROP_TOP][JV.PROP_LINE_WEIGHT]) > 0) {
  173. if (topBS && parseFloat(topBS[JV.PROP_LINE_WEIGHT]) > 0) {
  174. rst.push("<line x1='" + left + "' y1='" + top +
  175. "' x2='" + right + "' y2='" + top +
  176. "' style='stroke:rgb(0,0,0);stroke-width:" + topBS[JV.PROP_LINE_WEIGHT] +"'" + HtoVStr + "/>")
  177. }
  178. let bottomBS = getActualBorderStyle(cell, styles, mergeBandStyle, (pageMergeBorder)?pageMergeBorder:rptMergeBorder[JV.PROP_AREA], JV.PROP_BOTTOM);
  179. // if (style[JV.PROP_BOTTOM] && parseFloat(style[JV.PROP_BOTTOM][JV.PROP_LINE_WEIGHT]) > 0) {
  180. if (bottomBS && parseFloat(bottomBS[JV.PROP_LINE_WEIGHT]) > 0) {
  181. rst.push("<line x1='" + left + "' y1='" + bottom +
  182. "' x2='" + right + "' y2='" + bottom +
  183. "' style='stroke:rgb(0,0,0);stroke-width:" + bottomBS[JV.PROP_LINE_WEIGHT] +"'" + HtoVStr + "/>")
  184. }
  185. }
  186. let control = cell[JV.PROP_CONTROL];
  187. if (typeof control === 'string') {
  188. control = controls[cell[JV.PROP_CONTROL]];
  189. }
  190. buildText(rst, cell, font, control, offsetX, offsetY, adjustY, canvas, isHtoV, HtoVStr);
  191. return rst.join("");
  192. }
  193. function _splitValues(cell, control, orgValues, ctx2D) {
  194. //根据control的 自动折行 及 缩放优先 这俩属性 来分解cell value
  195. if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_WRAP]] === 'T' && control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_SHRINK_FIRST]] !== 'T') {
  196. let vals = [];
  197. 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];
  198. for (let val of orgValues) {
  199. let actW = ctx2D.measureText(val).width;
  200. if (actW > validAreaTxtWidth) {
  201. vals = vals.concat(private_splitString(val, validAreaTxtWidth, ctx2D));
  202. } else {
  203. vals.push(val);
  204. }
  205. }
  206. if (vals.length > orgValues.length) {
  207. for (let idx = 0; idx < vals.length; idx++) {
  208. orgValues[idx] = vals[idx];
  209. }
  210. }
  211. }
  212. }
  213. function buildText(destRst, cell, font, control, offsetX, offsetY, adjustY, canvas, isHtoV, HtoVStr) {
  214. let orgFontHeight = parseInt(font[JV.FONT_PROPS[JV.FONT_PROP_IDX_HEIGHT]]);
  215. let fontWeight = (font[JV.FONT_PROPS[JV.FONT_PROP_IDX_BOLD]] === 'T')?"bold":"normal";
  216. let fontStyle = (font[JV.FONT_PROPS[JV.FONT_PROP_IDX_ITALIC]] === 'T')?"italic":"normal";
  217. let fontUnderline = (font[JV.FONT_PROPS[JV.FONT_PROP_IDX_UNDERLINE]] === 'T')?"underline":"normal";
  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. x = left, y = top,
  223. text_anchor = "start"
  224. ;
  225. let value = cell[JV.PROP_VALUE];
  226. if (value === undefined || value === null) {
  227. value = "";
  228. }
  229. let values = null;
  230. if (typeof value === "string") {
  231. values = value.split("|");
  232. } else {
  233. values = [value];
  234. }
  235. // let stepHeight = (parseInt(cell[JV.PROP_AREA][JV.PROP_BOTTOM]) - parseInt(cell[JV.PROP_AREA][JV.PROP_TOP])) / values.length;
  236. if (control) {
  237. if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_HORIZON]] === "left") {
  238. text_anchor = "start";
  239. x = left + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_LEFT];
  240. } else if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_HORIZON]] === "right") {
  241. text_anchor = "end";
  242. x = right - JV.OUTPUT_OFFSET[JV.OFFSET_IDX_RIGHT];
  243. } else if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_HORIZON]] === "center") {
  244. text_anchor = "middle";
  245. x = Math.round((left + right) / 2);
  246. }
  247. }
  248. let area = [0,0,0,0];
  249. area[JV.IDX_TOP] = top;
  250. area[JV.IDX_BOTTOM] = bottom;
  251. area[JV.IDX_LEFT] = left;
  252. area[JV.IDX_RIGHT] = right;
  253. let height = bottom - top;
  254. let ctx = canvas.getContext("2d");
  255. 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];
  256. _splitValues(cell, control, values, ctx);
  257. let inner_draw_text = function (textValue) {
  258. let dftFontHeight = orgFontHeight;
  259. 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];
  260. function inner_build_text(innerTxt, innerArea) {
  261. let innerDftFontHeight = (dftFontHeight * 3 / 4); //SVG的字体与canvas的字体大小的切换, 不用考虑取整
  262. if (control) {
  263. if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_VERTICAL]] === "top") {
  264. y = innerArea[JV.IDX_TOP] + JV.OUTPUT_OFFSET[JV.IDX_TOP] + orgFontHeight;
  265. } else if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_VERTICAL]] === "bottom") {
  266. y = innerArea[JV.IDX_BOTTOM] - JV.OUTPUT_OFFSET[JV.IDX_BOTTOM];
  267. } else if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_VERTICAL]] === "center") {
  268. y = Math.round((innerArea[JV.IDX_TOP] + innerArea[JV.IDX_BOTTOM] + innerDftFontHeight) / 2 );
  269. }
  270. } else {
  271. y = innerArea[JV.IDX_TOP] + JV.OUTPUT_OFFSET[JV.IDX_TOP];
  272. }
  273. if (font[JV.PROP_NAME] === "宋体") {
  274. y--;
  275. }
  276. destRst.push("<text style='fill:black;font-family:" + font[JV.PROP_NAME] +
  277. ";font-weight:" + fontWeight +
  278. ";font-style:" + fontStyle +
  279. ";text-decoration:" + fontUnderline +
  280. // ";text-decoration:normal" +
  281. ";font-size:" + innerDftFontHeight + "pt' x='" +
  282. x +"' y='" + y + "' text-anchor='" + text_anchor + "' xml:space='preserve'" + HtoVStr + ">" + innerTxt + "</text>");
  283. }
  284. let actLines = private_splitString(textValue, (area[JV.IDX_RIGHT] - area[JV.IDX_LEFT]), ctx);
  285. 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));
  286. if (actLines.length === 1 || (control && control.Shrink !== 'T' && validTxtLines < actLines)) {
  287. inner_build_text(textValue, area);
  288. } else {
  289. while (true) {
  290. 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));
  291. lines = (lines === 0 || (control.Shrink === 'T' && control.ShrinkFirst === 'T'))?1:lines;
  292. 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);
  293. if (actLines.length > lines && dftFontHeight >= 6) {
  294. dftFontHeight--;
  295. 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];
  296. } else {
  297. let aH = dftFontHeight + JV.OUTPUT_OFFSET[JV.IDX_BOTTOM] + JV.OUTPUT_OFFSET[JV.IDX_TOP] + 4;
  298. if ((aH * actLines.length) < (area[JV.IDX_BOTTOM] - area[JV.IDX_TOP]) && (control && control.Vertical !== 'top')) {
  299. if (control.Vertical === 'bottom') {
  300. area[JV.IDX_TOP] = area[JV.IDX_BOTTOM] - (aH * actLines.length);
  301. } else {
  302. area[JV.IDX_TOP] = (area[JV.IDX_TOP] + area[JV.IDX_BOTTOM]) / 2 - (aH * actLines.length) / 2
  303. area[JV.IDX_BOTTOM] = area[JV.IDX_TOP] + (aH * actLines.length);
  304. }
  305. }
  306. let newArea = [], baseTop = area[JV.IDX_TOP];
  307. for (let ai = 0; ai < area.length; ai++) {
  308. newArea[ai] = area[ai];
  309. }
  310. for (let lIdx = 0; lIdx < actLines.length; lIdx++) {
  311. newArea[JV.IDX_TOP] = Math.round(aH * lIdx + baseTop);
  312. newArea[JV.IDX_BOTTOM] = Math.round(aH * (lIdx + 1) + baseTop);
  313. inner_build_text(actLines[lIdx], newArea);
  314. }
  315. break;
  316. }
  317. }
  318. }
  319. };
  320. for (let vidx = 0; vidx < values.length; vidx++) {
  321. area[JV.IDX_TOP] = top + vidx * (height / values.length);
  322. area[JV.IDX_BOTTOM] = top + (vidx + 1) * (height / values.length);
  323. inner_draw_text(values[vidx]);
  324. }
  325. }
  326. function private_splitString(strVal, areaWidth, ctx) {
  327. let rst = [];
  328. if (strVal) {
  329. let preSIdx = 0, txtWidth = 0;
  330. let currentW = 0;
  331. let chnW = ctx.measureText('一').width, otherW = ctx.measureText('_').width;
  332. for (let sIdx = 0; sIdx < strVal.length; sIdx++) {
  333. currentW = (strVal.charCodeAt(sIdx) > 127)?chnW:otherW;
  334. txtWidth += currentW;
  335. if (txtWidth > areaWidth) {
  336. if (preSIdx < sIdx) {
  337. rst.push(strVal.substr(preSIdx, sIdx - preSIdx));
  338. preSIdx = sIdx;
  339. } else {
  340. rst.push(strVal.substr(preSIdx, 1));
  341. preSIdx = sIdx + 1;
  342. }
  343. txtWidth = currentW;
  344. }
  345. if (sIdx === strVal.length - 1) {
  346. rst.push(strVal.substr(preSIdx, strVal.length - preSIdx));
  347. }
  348. }
  349. }
  350. if (rst.length === 0) rst.push(''); //什么都没有,也得整个空串
  351. return rst;
  352. }
  353. function getPixelSize(pagesData) {
  354. let rst = [793,1122];
  355. let SCREEN_DPI = [96,96];
  356. if (pagesData[JV.NODE_PAGE_INFO] && pagesData[JV.NODE_PAGE_INFO][JV.NODE_PAGE_SIZE]) {
  357. rst[0] = Math.round(SCREEN_DPI[0] * pagesData[JV.NODE_PAGE_INFO][JV.NODE_PAGE_SIZE][0]);
  358. rst[1] = Math.round(SCREEN_DPI[1] * pagesData[JV.NODE_PAGE_INFO][JV.NODE_PAGE_SIZE][1]);
  359. }
  360. return rst;
  361. }