detail.ejs 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433
  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 class="mr-2" href="/payment/<%- ctx.tender.id %>/list/<%- trInfo.id %>"><i class="fa fa-chevron-left"></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. <a href="#sign-flow" data-toggle="modal" data-target="#sign-flow" class="btn btn-sm btn-outline-success pull-right mr-2">签署进度</a>
  26. <% } %>
  27. </div>
  28. </div>
  29. </div>
  30. <div class="content-wrap">
  31. <div class="c-body">
  32. <div class="sjs-height-0">
  33. <div class="row m-0 my-2">
  34. <div class="col-5">
  35. <div class="sjs-bar-1">
  36. <ul class="nav nav-tabs" id="myTab" role="tablist">
  37. <li class="nav-item">
  38. <a class="nav-link active" id="content-tab" data-tab="form" data-toggle="tab" href="#content" role="tab" aria-controls="content" aria-selected="true">表单内容</a>
  39. </li>
  40. <li class="nav-item">
  41. <a class="nav-link" id="annex-tab" data-tab="fujian" data-toggle="tab" href="#annex" role="tab" aria-controls="annex" aria-selected="false">附件</a>
  42. </li>
  43. <li class="nav-item ml-auto pt-1" id="fujian_btn" style="display:none;">
  44. <!--所有附件 翻页-->
  45. <button data-toggle="modal" class="btn btn-sm btn-primary" id="bach-download"><i class="fa fa-download "></i> 批量下载</button>
  46. <!-- <a href="javascript: void(0);" data-toggle="modal" class="btn btn-sm btn-primary" id="bach-download"><i class="fa fa-download "></i> 批量下载</a> -->
  47. <a href="javascript:void(0);" class="page-select ml-3" content="pre"><i class="fa fa-chevron-left"></i></a> <span id="currentPage">1</span>/<span id="totalPage">10</span> <a href="javascript:void(0);" class="page-select mr-3" content="next"><i class="fa fa-chevron-right"></i></a>
  48. <% if (ctx.detail.filePermission) { %>
  49. <a href="#addfujian" data-toggle="modal" class="btn btn-sm btn-light text-primary" data-placement="bottom" title="" data-original-title="上传附件"><i class="fa fa-cloud-upload" aria-hidden="true"></i> 上传附件</a>
  50. <% } %>
  51. <a href="javascript: void(0);" id="zipDown" download style="display: none;"></a>
  52. </li>
  53. </ul>
  54. </div>
  55. <div class="tab-content mt-2" id="myTabContent">
  56. <div class="tab-pane fade show active" id="content" role="tabpanel" aria-labelledby="content-tab">
  57. <div id="rpt-form">
  58. <% for (const c of content) { %>
  59. <div>
  60. <h5><%- c.title %>内容</h5>
  61. <% for (const item of c.items) { %>
  62. <div class="form-group">
  63. <label><%- item.label %></label>
  64. <% if (item.type === 'textarea') { %>
  65. <textarea <% if (ctx.detail.readOnly) { %>readonly<% } %> class="form-control form-control-sm" data-index="<%- item.index %>"><%- item.value %></textarea>
  66. <% } else { %>
  67. <input <% if (ctx.detail.readOnly) { %>readonly<% } %> type="<%- item.type %>" value="<%- item.type === 'number' && ctx.helper._.indexOf(item.value, '元') !== -1 ? parseFloat(item.value) : item.value %>" data-index="<%- item.index %>" class="form-control form-control-sm" placeholder="请输入">
  68. <% } %>
  69. </div>
  70. <% } %>
  71. </div>
  72. <% } %>
  73. </div>
  74. </div>
  75. <!-- 附件 -->
  76. <div class="tab-pane fade" id="annex" role="tabpanel" aria-labelledby="annex-tab">
  77. <div class="sjs-sh-1" style="overflow-y: auto;">
  78. <div class="p-2">
  79. <table class="table table-bordered" style="word-break:break-all; table-layout: fixed">
  80. <thead>
  81. <tr>
  82. <td width="25" style="background-color: #e9ecef;"><input type="checkbox" id="check-all-file" ></td>
  83. <th width="40">序号</th>
  84. <th>名称</th>
  85. <th width="130">上传时间/大小</th>
  86. <th width="60">操作</th>
  87. </tr>
  88. </thead>
  89. <tbody id="attList">
  90. <% if (attList !== undefined && attList !== '') { %>
  91. <% for (const [index,att] of attList.entries()) { %>
  92. <tr>
  93. <td width="25"><input type="checkbox" class="check-file" file-id=<%- att.id %>></td>
  94. <td><%- index+1 %></td>
  95. <td><a href="javascript: void(0);" class="file-atn" f-id="<%- att.id %>"><%- att.filename %><%- att.fileext %></a></td>
  96. <td><%- moment(att.upload_time).format("YYYY-MM-DD HH:mm:ss") %><br><%- ctx.helper.bytesToSize(att.filesize) %></td>
  97. <td>
  98. <a href="/payment/<%- ctx.tender.id %>/detail/<%- ctx.detail.id %>/file/<%- att.id %>/download" class="mr-2" title="下载"><span class="fa fa-download text-primary"></span></a>
  99. <% if (att.uid === ctx.session.sessionUser.accountId && (ctx.detail.status === auditConst.status.checked ? Boolean(att.extra_upload) : true )) { %>
  100. <a href="javascript:void(0)" class="mr-2 delete-file" data-attid="<%- att.id %>" title="删除附件"><span class="fa fa-trash text-danger"></span></a>
  101. <% } %>
  102. </td>
  103. </tr>
  104. <% } %>
  105. <% } %>
  106. </tbody>
  107. </table>
  108. <a href="" id="file-upload" target="_blank" style="display: none;"></a>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. <div class="col-6 ml-5">
  115. <div class="d-flex flex-row">
  116. <a href="javascript: void(0);" onclick="auditRptPrintHelper.showPage()" class="mr-2" >刷新</a>
  117. <a href="javascript: void(0);" class="mr-2" onclick="auditRptPrintHelper.directPDF()">导出pdf</a>
  118. <a href="javascript: void(0);" onclick="auditRptPrintHelper.directPrint()">打印</a>
  119. </div>
  120. <div align="center">
  121. <canvas id="auditRptCanvas" height="1200" width="920"></canvas>
  122. </div>
  123. </div>
  124. </div>
  125. </div>
  126. </div>
  127. </div>
  128. </div>
  129. <script type="text/javascript">
  130. const accountId = parseInt('<%- ctx.session.sessionUser.accountId %>');
  131. const tenderId = parseInt('<%- ctx.tender.id %>');
  132. const detailId = parseInt('<%- ctx.detail.id %>');
  133. const detailStatus = parseInt('<%- ctx.detail.status %>');
  134. const trName = JSON.parse(unescape('<%- escape(JSON.stringify(trInfo.rpt_name)) %>'));
  135. const detailName = JSON.parse(unescape('<%- escape(JSON.stringify(ctx.detail.code)) %>'));
  136. const auditConst = JSON.parse(unescape('<%- escape(JSON.stringify(auditConst)) %>'));
  137. const rptAudit = JSON.parse(unescape('<%- escape(JSON.stringify(rptAudit)) %>'));
  138. <% if (rptAudit &&
  139. ((ctx.detail.status !== auditConst.status.checkNo && ctx.detail.status !== auditConst.status.checked) ||
  140. (ctx.detail.status === auditConst.status.checked && !nextDetail) ||
  141. (ctx.detail.status === auditConst.status.checkNo && ctx.detail.uid === ctx.session.sessionUser.accountId))
  142. ) { %>
  143. let currentStamp = JSON.parse(unescape('<%- escape(JSON.stringify(currentStamp)) %>'));
  144. <% } %>
  145. let tesRpttData = JSON.parse(unescape('<%- escape(JSON.stringify(report_json)) %>'));
  146. console.log(tesRpttData);
  147. const whiteList = JSON.parse('<%- JSON.stringify(whiteList) %>');
  148. let attData = JSON.parse(unescape('<%- escape(JSON.stringify(attList)) %>'));
  149. const uidList = JSON.parse(unescape('<%- escape(JSON.stringify(uidList)) %>'));
  150. let currPageFileData = [];
  151. const SCREEN_DPI = [];
  152. const PAGE_SHOW = {closeWaterMark: 1};
  153. const current_stage_status = -1;
  154. const VIEW_CANVAS = document.getElementById("auditRptCanvas");
  155. const OSS_PATH = '<%- OSS_PATH %>';
  156. const CUST_CFG = {
  157. "fonts": [
  158. {
  159. "ID": "ReportTitle_Main",
  160. "Name": "宋体",
  161. "FontBold": "T",
  162. "FontHeight": 32,
  163. "FontItalic": "F",
  164. "CfgDispName": "表标题",
  165. "FontUnderline": "F"
  166. },
  167. {
  168. "ID": "Column",
  169. "Name": "宋体",
  170. "FontBold": "F",
  171. "FontHeight": 12,
  172. "FontItalic": "F",
  173. "CfgDispName": "列标题",
  174. "FontUnderline": "F"
  175. },
  176. {
  177. "ID": "Content",
  178. "Name": "宋体",
  179. "FontBold": "F",
  180. "FontHeight": 12,
  181. "FontItalic": "F",
  182. "CfgDispName": "正文内容",
  183. "FontUnderline": "F"
  184. },
  185. {
  186. "ID": "Total",
  187. "Name": "宋体",
  188. "FontBold": "F",
  189. "FontHeight": 12,
  190. "FontItalic": "F",
  191. "CfgDispName": "合计",
  192. "FontUnderline": "F"
  193. },
  194. {
  195. "ID": "Header",
  196. "Name": "宋体",
  197. "FontBold": "F",
  198. "FontHeight": 12,
  199. "FontItalic": "F",
  200. "CfgDispName": "表眉/表脚",
  201. "FontUnderline": "F"
  202. }
  203. ],
  204. "margins": {
  205. "Top": 12,
  206. "Left": 15,
  207. "Right": 15,
  208. "Bottom": 15
  209. },
  210. "fillZero": false,
  211. "isNarrow": false,
  212. "borderThick": 2,
  213. "showVerticalLine": true,
  214. "closeWarterMark": false,
  215. "continuousOutput": true
  216. }
  217. let zTreeOprObj = {
  218. _chkPrePayStatus: function() {
  219. return -1;
  220. }
  221. };
  222. let rptTplObj = {
  223. pdfFont: {'SmartSimsun': [], 'simhei': [], 'simkai': []},
  224. isLoading: false,
  225. };
  226. let auditRptPrintHelper = {
  227. currentPageData: null,
  228. currentDownloadIdx: 0,
  229. chkPicFeatures: async function(pageData) {
  230. for (let page of pageData.items) {
  231. for (let signCell of page.signature_cells) {
  232. if (typeof signCell.path === 'string' && signCell.path.length > 10) {
  233. let paths = signCell.path.split('!;!');
  234. signCell.picFeatures = [];
  235. if (!signCell.orgArea) {
  236. signCell.orgArea = JSON.parse(JSON.stringify(signCell.area));
  237. }
  238. signCell.signType = 'mixed';
  239. for (let path of paths) {
  240. let imgSrc = path;
  241. if (path.indexOf(OSS_PATH) < 0 && path[0] !== '/') {
  242. imgSrc = OSS_PATH + path;
  243. }
  244. const picFeature = await getPicFeature(imgSrc);
  245. signCell.picFeatures.push(picFeature);
  246. }
  247. }
  248. }
  249. }
  250. },
  251. showPage: async function() {
  252. await auditRptPrintHelper.chkPicFeatures(tesRpttData);
  253. JpcCanvasOutput.cleanCanvas(VIEW_CANVAS);
  254. JpcCanvasOutput.drawPageBorder(tesRpttData, VIEW_CANVAS, getScreenDPI());
  255. JpcCanvasOutput.drawToCanvas(tesRpttData, VIEW_CANVAS, 1, false, true);
  256. },
  257. directPrint: function() {
  258. sessionStorage.report_direct_data = JSON.stringify(tesRpttData);
  259. sessionStorage.closeWaterMark = 1;
  260. sessionStorage.pageSize = 'A4';
  261. sessionStorage.OSS_PATH = OSS_PATH;
  262. window.open('/printReport/A4');
  263. },
  264. _getPdfFontCallback: function(fontProperty) {
  265. let me = auditRptPrintHelper;
  266. if (rptTplObj.pdfFont['SmartSimsun'].indexOf(fontProperty) < 0) {
  267. rptTplObj.pdfFont['SmartSimsun'].push(fontProperty);
  268. }
  269. if (rptTplObj.pdfFont['SmartSimsun'].length >= 2) {
  270. $.bootstrapLoading.end();
  271. downloadPDFReport([tesRpttData], 'A4', [tesRpttData['打印页面_信息']['报表名称']], [], [], [-1], []);
  272. }
  273. },
  274. directPDF: function() {
  275. if (rptTplObj.pdfFont['SmartSimsun'].length >= 2) {
  276. downloadPDFReport([tesRpttData], 'A4', [tesRpttData['打印页面_信息']['报表名称']], [], [], [-1], []);
  277. } else {
  278. dynamicLoadJs('https://d2.smartcost.com.cn/cach/SmartSimsun-normal2.js', 'normal', this._getPdfFontCallback);
  279. dynamicLoadJs('https://d2.smartcost.com.cn/cach/SmartSimsun-bold.js', 'bold', this._getPdfFontCallback);
  280. }
  281. },
  282. };
  283. // $(document).ready(() => {
  284. // autoFlashHeight();
  285. // auditRptPrintHelper.showPage();
  286. // iniPage();
  287. // });
  288. function _getAdhocDummyCells(srcCell, rstCells, controls = null) {
  289. if (typeof srcCell.path === 'string') {
  290. let paths = srcCell.path.split('!;!');
  291. for (let dtlPathIdx = 0; dtlPathIdx < paths.length; dtlPathIdx++) {
  292. dtlPath = paths[dtlPathIdx];
  293. // srcCell.picFeatures
  294. if (dtlPath.length > 10) {
  295. let imgSrc = dtlPath;
  296. if (dtlPath.indexOf(OSS_PATH) < 0 && dtlPath[0] !== '/') {
  297. imgSrc = OSS_PATH + dtlPath;
  298. }
  299. let couldCreate = true;
  300. if (srcCell.picFeatures && srcCell.picFeatures.length === paths.length && (srcCell.picFeatures[dtlPathIdx] === 'not found!')) {
  301. couldCreate = false;
  302. }
  303. if (couldCreate) {
  304. let area = srcCell.area;
  305. if ((dtlPathIdx === 0) && (srcCell.orgArea)) {
  306. area = JSON.parse(JSON.stringify(srcCell.orgArea));
  307. let control = srcCell[JV.PROP_CONTROL];
  308. if (typeof srcCell[JV.PROP_CONTROL] === "string") {
  309. control = controls[srcCell[JV.PROP_CONTROL]];
  310. }
  311. let tmpArea = srcCell.area;
  312. srcCell.area = area;
  313. srcCell.isOrgShow = (dtlPathIdx !== 0);
  314. let signArea = getProperSignatureArea(srcCell, control, 0, 0, JV);
  315. srcCell.area = tmpArea;
  316. area[JV.PROP_LEFT] = signArea[0];
  317. area[JV.PROP_TOP] = signArea[1];
  318. area[JV.PROP_RIGHT] = signArea[2];
  319. area[JV.PROP_BOTTOM] = signArea[3];
  320. }
  321. const newStampCell = {
  322. signature_name: 'dummy_pic',
  323. control: srcCell.control,
  324. // style: srcCell.style,
  325. style: (srcCell.style && srcCell.style !== '') ? srcCell.style : 'sign_pic' ,
  326. path: imgSrc,
  327. isStamp: true,
  328. area,
  329. isOrgShow: (dtlPathIdx === 0),
  330. };
  331. rstCells.push(newStampCell);
  332. }
  333. }
  334. }
  335. }
  336. }
  337. function downloadPDFReport(pageDataArr, pageSize, rpt_names, signatureRelArr, signatureRelInfo, refRptTplIds, STAGE_AUDIT) {
  338. auditRptPrintHelper.currentDownloadIdx = 0;
  339. const private_download = function(newPageDataArr, new_rpt_names, dummyCells) {
  340. if (auditRptPrintHelper.currentDownloadIdx < newPageDataArr.length) {
  341. let singleSignatureRelArr = [];
  342. for (let rIdx = 0; rIdx < signatureRelInfo.length; rIdx++) {
  343. let rptId = refRptTplIds[auditRptPrintHelper.currentDownloadIdx];
  344. if (signatureRelInfo[rIdx].rpt_id === rptId) {
  345. singleSignatureRelArr = signatureRelArr[rIdx]; // 有些报表可能没有签名
  346. break;
  347. }
  348. }
  349. let pageData = newPageDataArr[auditRptPrintHelper.currentDownloadIdx];
  350. let rptName = new_rpt_names[auditRptPrintHelper.currentDownloadIdx];
  351. auditRptPrintHelper.currentDownloadIdx++;
  352. JpcJsPDFHelper.outputAsPdf(pageData, pageSize, rptName, singleSignatureRelArr, STAGE_AUDIT); // 精确控制签名
  353. if (auditRptPrintHelper.currentDownloadIdx < newPageDataArr.length) {
  354. setTimeout(private_download(newPageDataArr, new_rpt_names), 2000);
  355. } else {
  356. for (let pd of newPageDataArr) {
  357. for (let pItem of pd.items) {
  358. for (let idx = pItem.signature_cells.length - 1; idx >= 0; idx--) {
  359. let pIdx = dummyCells.indexOf(pItem.signature_cells[idx]);
  360. if (pIdx >= 0) {
  361. pItem.signature_cells.splice(idx, 1);
  362. dummyCells.splice(pIdx, 1);
  363. }
  364. }
  365. }
  366. }
  367. }
  368. }
  369. };
  370. // 导出PDF审核优化代码
  371. let picPaths = [], dummyPicAmt = 0, dummyCells = [];
  372. // 1. 先找有没有dummy
  373. for (let pageData of pageDataArr) {
  374. let tmpDummyCells = [];
  375. let controls = pageData[JV.NODE_CONTROL_COLLECTION];
  376. for (let page of pageData.items) {
  377. for (let dCell of page.signature_cells) {
  378. _getAdhocDummyCells(dCell, tmpDummyCells, controls);
  379. }
  380. if (tmpDummyCells.length > 0) {
  381. page.signature_cells = page.signature_cells.concat(tmpDummyCells);
  382. dummyCells = dummyCells.concat(tmpDummyCells);
  383. }
  384. }
  385. }
  386. dummyPicAmt = dummyCells.length;
  387. if (dummyPicAmt > 0) {
  388. // 2. 有则一个个请求下载图片,下载完后统一导出PDF
  389. $.bootstrapLoading.start();
  390. let handledAmt = 0, exceptionAmt = 0;
  391. for (let pIdx = 0; pIdx < dummyCells.length; pIdx++) {
  392. let dCell = dummyCells[pIdx];
  393. getBlobPublic(dCell.path).then(blob => {
  394. if (blob === 'not found!') {
  395. exceptionAmt++;
  396. if ((handledAmt + exceptionAmt) === dummyPicAmt) {
  397. $.bootstrapLoading.end();
  398. private_download(pageDataArr, rpt_names, dummyCells);
  399. }
  400. } else {
  401. let oFileReader = new FileReader();
  402. oFileReader.onloadend = function (e) {
  403. let base64 = e.target.result;
  404. dCell.pic = base64;
  405. handledAmt++;
  406. if ((handledAmt + exceptionAmt) === dummyPicAmt) {
  407. $.bootstrapLoading.end();
  408. private_download(pageDataArr, rpt_names, dummyCells);
  409. }
  410. };
  411. oFileReader.readAsDataURL(blob);
  412. }
  413. });
  414. }
  415. } else {
  416. // 3. 无则普通导出
  417. private_download(pageDataArr, rpt_names);
  418. }
  419. //*/
  420. }
  421. </script>