detail.ejs 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340
  1. <script type="text/javascript" src="/public/jspdf/jspdf.min.js"></script>
  2. <script type="text/javascript" src="/public/report/js/rpt_public.js"></script>
  3. <script type="text/javascript" src="/public/js/common_ajax.js"></script>
  4. <script type="text/javascript" src="/public/report/js/jpc_output_value_define.js"></script>
  5. <script type="text/javascript" src="/public/report/js/rpt_signature.js"></script>
  6. <script type="text/javascript" src="/public/report/js/jpc_output.js"></script>
  7. <script type="text/javascript" src="/public/report/js/rpt_move_signature.js"></script>
  8. <script type="text/javascript" src="/public/report/js/rpt_jspdf.js"></script>
  9. <div class="panel-content">
  10. <div class="panel-title fluid">
  11. <div class="title-main d-flex justify-content-between">
  12. <div><a href="/payment/<%- ctx.tender.id %>/list/<%- trInfo.id %>"><i class="fa fa-chevron-left mr-2"></i></a><%- ctx.tender.name %> / <%- trInfo.rpt_name %> / <%- ctx.detail.code %></div>
  13. <div>
  14. <% if ((ctx.detail.status == auditConst.status.uncheck || ctx.detail.status == auditConst.status.checkNo) && trInfo.is_change) { %>
  15. <span class="text-danger pull-right">报表内容已发生变化,请删除并重新生成详情</span>
  16. <% } else { %>
  17. <% include ./audit_btn.ejs %>
  18. <% if (rptAudit &&
  19. ((ctx.detail.status !== auditConst.status.checkNo && ctx.detail.status !== auditConst.status.checked) ||
  20. (ctx.detail.status === auditConst.status.checked && !nextDetail) ||
  21. (ctx.detail.status === auditConst.status.checkNo && ctx.detail.uid === ctx.session.sessionUser.accountId))
  22. ) { %>
  23. <a href="#sub-sp5" data-toggle="modal" data-target="#sub-sp5" class="btn btn-sm btn-primary pull-right mr-2">签字意见</a>
  24. <% } %>
  25. <% } %>
  26. </div>
  27. </div>
  28. </div>
  29. <div class="content-wrap">
  30. <div class="c-body">
  31. <div class="sjs-height-0">
  32. <div class="row m-0 mt-3">
  33. <div id="rpt-form" class="col-5 mr-3">
  34. <% for (const c of content) { %>
  35. <div>
  36. <h5><%- c.title %>内容</h5>
  37. <% for (const item of c.items) { %>
  38. <div class="form-group">
  39. <label><%- item.label %></label>
  40. <% if (item.type === 'textarea') { %>
  41. <textarea <% if (ctx.detail.readOnly) { %>readonly<% } %> class="form-control form-control-sm" data-index="<%- item.index %>"><%- item.value %></textarea>
  42. <% } else { %>
  43. <input <% if (ctx.detail.readOnly) { %>readonly<% } %> type="<%- item.type %>" value="<%- item.value %>" data-index="<%- item.index %>" class="form-control form-control-sm" placeholder="请输入">
  44. <% } %>
  45. </div>
  46. <% } %>
  47. </div>
  48. <% } %>
  49. </div>
  50. <div class="col-6 ml-5">
  51. <div class="d-flex flex-row">
  52. <a href="javascript: void(0);" onclick="auditRptPrintHelper.showPage()" class="mr-2" >刷新</a>
  53. <a href="javascript: void(0);" class="mr-2" onclick="auditRptPrintHelper.directPDF()">导出pdf</a>
  54. <a href="javascript: void(0);" onclick="auditRptPrintHelper.directPrint()">打印</a>
  55. </div>
  56. <div align="center">
  57. <canvas id="auditRptCanvas" height="1200" width="920"></canvas>
  58. </div>
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64. </div>
  65. <script type="text/javascript">
  66. const tenderId = parseInt('<%- ctx.tender.id %>');
  67. const detailId = parseInt('<%- ctx.detail.id %>');
  68. const rptAudit = JSON.parse(unescape('<%- escape(JSON.stringify(rptAudit)) %>'));
  69. <% if (rptAudit &&
  70. ((ctx.detail.status !== auditConst.status.checkNo && ctx.detail.status !== auditConst.status.checked) ||
  71. (ctx.detail.status === auditConst.status.checked && !nextDetail) ||
  72. (ctx.detail.status === auditConst.status.checkNo && ctx.detail.uid === ctx.session.sessionUser.accountId))
  73. ) { %>
  74. let currentStamp = JSON.parse(unescape('<%- escape(JSON.stringify(currentStamp)) %>'));
  75. <% } %>
  76. let tesRpttData = JSON.parse(unescape('<%- escape(JSON.stringify(report_json)) %>'));
  77. console.log(tesRpttData);
  78. const SCREEN_DPI = [];
  79. const PAGE_SHOW = {closeWaterMark: 1};
  80. const current_stage_status = -1;
  81. const VIEW_CANVAS = document.getElementById("auditRptCanvas");
  82. const OSS_PATH = '<%- OSS_PATH %>';
  83. const CUST_CFG = {
  84. "fonts": [
  85. {
  86. "ID": "ReportTitle_Main",
  87. "Name": "宋体",
  88. "FontBold": "T",
  89. "FontHeight": 32,
  90. "FontItalic": "F",
  91. "CfgDispName": "表标题",
  92. "FontUnderline": "F"
  93. },
  94. {
  95. "ID": "Column",
  96. "Name": "宋体",
  97. "FontBold": "F",
  98. "FontHeight": 12,
  99. "FontItalic": "F",
  100. "CfgDispName": "列标题",
  101. "FontUnderline": "F"
  102. },
  103. {
  104. "ID": "Content",
  105. "Name": "宋体",
  106. "FontBold": "F",
  107. "FontHeight": 12,
  108. "FontItalic": "F",
  109. "CfgDispName": "正文内容",
  110. "FontUnderline": "F"
  111. },
  112. {
  113. "ID": "Total",
  114. "Name": "宋体",
  115. "FontBold": "F",
  116. "FontHeight": 12,
  117. "FontItalic": "F",
  118. "CfgDispName": "合计",
  119. "FontUnderline": "F"
  120. },
  121. {
  122. "ID": "Header",
  123. "Name": "宋体",
  124. "FontBold": "F",
  125. "FontHeight": 12,
  126. "FontItalic": "F",
  127. "CfgDispName": "表眉/表脚",
  128. "FontUnderline": "F"
  129. }
  130. ],
  131. "margins": {
  132. "Top": 12,
  133. "Left": 15,
  134. "Right": 15,
  135. "Bottom": 15
  136. },
  137. "fillZero": false,
  138. "isNarrow": false,
  139. "borderThick": 2,
  140. "showVerticalLine": true,
  141. "closeWarterMark": false,
  142. "continuousOutput": true
  143. }
  144. let zTreeOprObj = {
  145. _chkPrePayStatus: function() {
  146. return -1;
  147. }
  148. };
  149. let rptTplObj = {
  150. pdfFont: {'SmartSimsun': [], 'simhei': [], 'simkai': []},
  151. isLoading: false,
  152. };
  153. let auditRptPrintHelper = {
  154. currentPageData: null,
  155. currentDownloadIdx: 0,
  156. chkPicFeatures: async function(pageData) {
  157. for (let page of pageData.items) {
  158. for (let signCell of page.signature_cells) {
  159. if (typeof signCell.path === 'string' && signCell.path.length > 10) {
  160. let paths = signCell.path.split('!;!');
  161. signCell.picFeatures = [];
  162. if (!signCell.orgArea) {
  163. signCell.orgArea = JSON.parse(JSON.stringify(signCell.area));
  164. }
  165. signCell.signType = 'mixed';
  166. for (let path of paths) {
  167. let imgSrc = path;
  168. if (path.indexOf(OSS_PATH) < 0 && path[0] !== '/') {
  169. imgSrc = OSS_PATH + path;
  170. }
  171. const picFeature = await getPicFeature(imgSrc);
  172. signCell.picFeatures.push(picFeature);
  173. }
  174. }
  175. }
  176. }
  177. },
  178. showPage: async function() {
  179. await auditRptPrintHelper.chkPicFeatures(tesRpttData);
  180. JpcCanvasOutput.cleanCanvas(VIEW_CANVAS);
  181. JpcCanvasOutput.drawPageBorder(tesRpttData, VIEW_CANVAS, getScreenDPI());
  182. JpcCanvasOutput.drawToCanvas(tesRpttData, VIEW_CANVAS, 1, false, true);
  183. },
  184. directPrint: function() {
  185. sessionStorage.report_direct_data = JSON.stringify(tesRpttData);
  186. sessionStorage.closeWaterMark = 1;
  187. sessionStorage.pageSize = 'A4';
  188. sessionStorage.OSS_PATH = OSS_PATH;
  189. window.open('/printReport/A4');
  190. },
  191. _getPdfFontCallback: function(fontProperty) {
  192. let me = auditRptPrintHelper;
  193. if (rptTplObj.pdfFont['SmartSimsun'].indexOf(fontProperty) < 0) {
  194. rptTplObj.pdfFont['SmartSimsun'].push(fontProperty);
  195. }
  196. if (rptTplObj.pdfFont['SmartSimsun'].length >= 2) {
  197. $.bootstrapLoading.end();
  198. downloadPDFReport([tesRpttData], 'A4', [tesRpttData['打印页面_信息']['报表名称']], [], [], [-1], []);
  199. }
  200. },
  201. directPDF: function() {
  202. if (rptTplObj.pdfFont['SmartSimsun'].length >= 2) {
  203. downloadPDFReport([tesRpttData], 'A4', [tesRpttData['打印页面_信息']['报表名称']], [], [], [-1], []);
  204. } else {
  205. dynamicLoadJs('https://d2.smartcost.com.cn/cach/SmartSimsun-normal2.js', 'normal', this._getPdfFontCallback);
  206. dynamicLoadJs('https://d2.smartcost.com.cn/cach/SmartSimsun-bold.js', 'bold', this._getPdfFontCallback);
  207. }
  208. },
  209. };
  210. // $(document).ready(() => {
  211. // autoFlashHeight();
  212. // auditRptPrintHelper.showPage();
  213. // iniPage();
  214. // });
  215. function _getAdhocDummyCells(srcCell, rstCells) {
  216. if (typeof srcCell.path === 'string') {
  217. let paths = srcCell.path.split('!;!');
  218. for (let dtlPathIdx = 0; dtlPathIdx < paths.length; dtlPathIdx++) {
  219. dtlPath = paths[dtlPathIdx];
  220. // srcCell.picFeatures
  221. if (dtlPath.length > 10) {
  222. let imgSrc = dtlPath;
  223. if (dtlPath.indexOf(OSS_PATH) < 0 && dtlPath[0] !== '/') {
  224. imgSrc = OSS_PATH + dtlPath;
  225. }
  226. let couldCreate = true;
  227. if (srcCell.picFeatures && srcCell.picFeatures.length === paths.length && srcCell.picFeatures[dtlPathIdx] === 'not found!') {
  228. couldCreate = false;
  229. }
  230. if (couldCreate) {
  231. const newStampCell = {
  232. signature_name: 'dummy_pic',
  233. control: srcCell.control,
  234. style: srcCell.style,
  235. path: imgSrc,
  236. isStamp: true,
  237. area: srcCell.area,
  238. };
  239. rstCells.push(newStampCell);
  240. }
  241. }
  242. }
  243. }
  244. }
  245. function downloadPDFReport(pageDataArr, pageSize, rpt_names, signatureRelArr, signatureRelInfo, refRptTplIds, STAGE_AUDIT) {
  246. auditRptPrintHelper.currentDownloadIdx = 0;
  247. const private_download = function(newPageDataArr, new_rpt_names, dummyCells) {
  248. if (auditRptPrintHelper.currentDownloadIdx < newPageDataArr.length) {
  249. let singleSignatureRelArr = [];
  250. for (let rIdx = 0; rIdx < signatureRelInfo.length; rIdx++) {
  251. let rptId = refRptTplIds[auditRptPrintHelper.currentDownloadIdx];
  252. if (signatureRelInfo[rIdx].rpt_id === rptId) {
  253. singleSignatureRelArr = signatureRelArr[rIdx]; // 有些报表可能没有签名
  254. break;
  255. }
  256. }
  257. let pageData = newPageDataArr[auditRptPrintHelper.currentDownloadIdx];
  258. let rptName = new_rpt_names[auditRptPrintHelper.currentDownloadIdx];
  259. auditRptPrintHelper.currentDownloadIdx++;
  260. JpcJsPDFHelper.outputAsPdf(pageData, pageSize, rptName, singleSignatureRelArr, STAGE_AUDIT); // 精确控制签名
  261. if (auditRptPrintHelper.currentDownloadIdx < newPageDataArr.length) {
  262. setTimeout(private_download(newPageDataArr, new_rpt_names), 2000);
  263. } else {
  264. for (let pd of newPageDataArr) {
  265. for (let pItem of pd.items) {
  266. for (let idx = pItem.signature_cells.length - 1; idx >= 0; idx--) {
  267. let pIdx = dummyCells.indexOf(pItem.signature_cells[idx]);
  268. if (pIdx >= 0) {
  269. pItem.signature_cells.splice(idx, 1);
  270. dummyCells.splice(pIdx, 1);
  271. }
  272. }
  273. }
  274. }
  275. }
  276. }
  277. };
  278. // 导出PDF审核优化代码
  279. let picPaths = [], dummyPicAmt = 0, dummyCells = [];
  280. // 1. 先找有没有dummy
  281. for (let pageData of pageDataArr) {
  282. let tmpDummyCells = [];
  283. for (let page of pageData.items) {
  284. for (let dCell of page.signature_cells) {
  285. _getAdhocDummyCells(dCell, tmpDummyCells);
  286. }
  287. if (tmpDummyCells.length > 0) {
  288. page.signature_cells = page.signature_cells.concat(tmpDummyCells);
  289. dummyCells = dummyCells.concat(tmpDummyCells);
  290. }
  291. }
  292. }
  293. dummyPicAmt = dummyCells.length;
  294. if (dummyPicAmt > 0) {
  295. // 2. 有则一个个请求下载图片,下载完后统一导出PDF
  296. $.bootstrapLoading.start();
  297. let handledAmt = 0, exceptionAmt = 0;
  298. for (let pIdx = 0; pIdx < dummyCells.length; pIdx++) {
  299. let dCell = dummyCells[pIdx];
  300. getBlobPublic(dCell.path).then(blob => {
  301. if (blob === 'not found!') {
  302. exceptionAmt++;
  303. if ((handledAmt + exceptionAmt) === dummyPicAmt) {
  304. $.bootstrapLoading.end();
  305. private_download(pageDataArr, rpt_names, dummyCells);
  306. }
  307. } else {
  308. let oFileReader = new FileReader();
  309. oFileReader.onloadend = function (e) {
  310. let base64 = e.target.result;
  311. dCell.pic = base64;
  312. handledAmt++;
  313. if ((handledAmt + exceptionAmt) === dummyPicAmt) {
  314. $.bootstrapLoading.end();
  315. private_download(pageDataArr, rpt_names, dummyCells);
  316. }
  317. };
  318. oFileReader.readAsDataURL(blob);
  319. }
  320. });
  321. }
  322. } else {
  323. // 3. 无则普通导出
  324. private_download(pageDataArr, rpt_names);
  325. }
  326. //*/
  327. }
  328. </script>