explode_modal.ejs 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386
  1. <!--导入清单Excel-->
  2. <div class="modal fade" id="upload-ledger" data-backdrop="static" enctype="multipart/form-data">
  3. <div class="modal-dialog" role="document">
  4. <div class="modal-content">
  5. <div class="modal-header">
  6. <h5 class="modal-title">导入</h5>
  7. </div>
  8. <div class="modal-body">
  9. <p>请上传符合格式的 <b>0号台账</b> 格式的 .xls和.xlsx 文件,<a id="downloadLedgerTemplate" href="/tender/<%- ctx.tender.id %>/ledger/download/导入分项清单EXCEL格式.xls">下载示例</a>。</p>
  10. <div class="form-group">
  11. <label for="exampleFormControlFile1">选择文件</label><i class="fa fa-spinner fa-pulse fa-lg fa-fw text-primary" id="select-excel-loading" style="display: none;"></i>
  12. <input type="file" class="form-control-file" id="upload-ledger-file" accept="*.xls">
  13. </div>
  14. <div id="upload-ledger-sheets" style="display: none;">
  15. <hr></hr>
  16. <h6>选择导入的工作表</h6>
  17. </div>
  18. </div>
  19. <div class="modal-footer">
  20. <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
  21. <button type="button" class="btn btn-primary btn-sm" id="upload-ledger-ok">确认上传</button>
  22. </div>
  23. </div>
  24. </div>
  25. </div>
  26. <!--上传签约清单-->
  27. <div class="modal fade" id="upload-deal" data-backdrop="static" enctype="multipart/form-data">
  28. <div class="modal-dialog" role="document">
  29. <div class="modal-content">
  30. <div class="modal-header">
  31. <h5 class="modal-title">上传签约清单</h5>
  32. </div>
  33. <div class="modal-body">
  34. <div class="form-group">
  35. <label for="exampleFormControlFile1">Excel模板</label>
  36. <div class="form-control form-control-plaintext"><a id="downloadDealTemplate" href="/tender/<%- ctx.tender.id %>/deal/download/签约清单导入格式.xls" class="btn btn-sm btn-link">下载示例</a></div>
  37. </div>
  38. <div class="form-group">
  39. <label for="exampleFormControlFile1">上传签约清单Excel文件</label>
  40. <input type="file" class="form-control-file" id="deal-bills-file">
  41. </div>
  42. </div>
  43. <div class="modal-footer">
  44. <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
  45. <button type="button" class="btn btn-primary btn-sm" id="upload-deal-bills">确认上传</button>
  46. </div>
  47. </div>
  48. </div>
  49. </div>
  50. <!--批量添加清单部位-->
  51. <div class="modal fade" id="batch" data-backdrop="static">
  52. <div class="modal-dialog modal-xl" role="document">
  53. <div class="modal-content">
  54. <div class="modal-header">
  55. <h5 class="modal-title">批量插入清单-计量单元</h5>
  56. </div>
  57. <div class="modal-body">
  58. <div class="custom-control custom-checkbox mb-2">
  59. <label class="form-check-label">
  60. <input class="form-check-input" type="checkbox" name="batch-filter">
  61. 过滤无计量单元的清单
  62. </label>
  63. </div>
  64. <div class="row">
  65. <div class="col-6">
  66. <h6>清单信息</h6>
  67. <div class="batch-l-t">
  68. </div>
  69. <h6>计量单元数量复核表</h6>
  70. <div class="batch-l-b">
  71. </div>
  72. </div>
  73. <div class="col-6">
  74. <h6>签约清单</h6>
  75. <div class="batch-r">
  76. </div>
  77. </div>
  78. </div>
  79. </div>
  80. <div class="modal-footer">
  81. <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">取消</button>
  82. <button type="button" class="btn btn-primary btn-sm" id="batch-ok">确定</button>
  83. </div>
  84. </div>
  85. </div>
  86. </div>
  87. <% if ((tender.ledger_status === auditConst.status.uncheck || tender.ledger_status === auditConst.status.checkNo) && ctx.session.sessionUser.accountId === tender.user_id) { %>
  88. <!--上报审批-->
  89. <div class="modal fade" id="sub-sp" data-backdrop="static">
  90. <div class="modal-dialog" role="document">
  91. <div class="modal-content">
  92. <div class="modal-header">
  93. <h5 class="modal-title">上报审批</h5>
  94. </div>
  95. <div class="modal-body">
  96. <div class="dropdown text-right">
  97. <button class="btn btn-outline-primary btn-sm dropdown-toggle" type="button"
  98. id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true"
  99. aria-expanded="false">
  100. 添加审批流程
  101. </button>
  102. <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton"
  103. style="width:220px">
  104. <div class="mb-2 p-2"><input class="form-control form-control-sm"
  105. placeholder="姓名/手机 检索" id="gr-search" autocomplete="off"></div>
  106. <dl class="list-unstyled book-list">
  107. <% accountGroup.forEach((group, idx) => { %>
  108. <dt><a href="javascript: void(0);" class="acc-btn" data-groupid="<%- idx %>" data-type="hide"><i class="fa fa-plus-square"></i></a> <%- group.groupName %></dt>
  109. <div class="dd-content" data-toggleid="<%- idx %>">
  110. <% group.groupList.forEach(item => { %>
  111. <dd class="border-bottom p-2 mb-0 " data-id="<%- item.id %>" >
  112. <p class="mb-0 d-flex"><span class="text-primary"><%- item.name %></span><span
  113. class="ml-auto"><%- item.mobile %></span></p>
  114. <span class="text-muted"><%- item.role %></span>
  115. </dd>
  116. <% });%>
  117. </div>
  118. <% }) %>
  119. </dl>
  120. </div>
  121. </div>
  122. <div class="card mt-3">
  123. <div class="card-header">
  124. 审批流程
  125. </div>
  126. <div class="modal-height-500" style="overflow: auto">
  127. <ul class="list-group list-group-flush" id="auditors">
  128. <% for (let i = 0, iLen = auditorList.length; i < iLen; i++) { %>
  129. <li class="list-group-item" auditorId="<%- auditorList[i].audit_id %>">
  130. <a href="javascript: void(0)" class="text-danger pull-right">移除</a>
  131. <%- auditorList[i].audit_order %> <%- auditorList[i].name %>
  132. <small class="text-muted"><%- auditorList[i].role %></small>
  133. </li>
  134. <% } %>
  135. </ul>
  136. </div>
  137. </div>
  138. </div>
  139. <form class="modal-footer" method="post" action="<%- preUrl %>/ledger/audit/start" name="audit-start">
  140. <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
  141. <input type="hidden" name="_csrf" value="<%= ctx.csrf %>">
  142. <button class="btn btn-primary btn-sm" type="submit" >确认上报</button>
  143. </form>
  144. </div>
  145. </div>
  146. </div>
  147. <% } %>
  148. <% if ((tender.ledger_status !== auditConst.status.unCheck) || (tender.ledger_times > 1)) { %>
  149. <!--审批流程/结果-->
  150. <div class="modal fade" id="sp-list" data-backdrop="static">
  151. <div class="modal-dialog modal-lg" role="document">
  152. <div class="modal-content">
  153. <div class="modal-header">
  154. <h5 class="modal-title"><%- tender.ledger_status === auditConst.status.checking ? '审批流程' : '重新上报' %></h5>
  155. </div>
  156. <div class="modal-body">
  157. <div class="row">
  158. <div class="col-4">
  159. <% if(tender.ledger_status === auditConst.status.checkNo) { %>
  160. <a class="sp-list-item" href="#sub-sp" data-toggle="modal" data-target="#sub-sp" id="hideSp">修改审批流程</a>
  161. <% } %>
  162. <div class="card mt-3">
  163. <ul class="list-group list-group-flush">
  164. <% auditors.forEach((item, idx) => { %>
  165. <% if (idx === 0) { %>
  166. <li class="list-group-item" data-auditorId="<%- item.audit_id %>">
  167. <i class="fa fa fa-play-circle fa-rotate-90"></i> <%- item.name %>
  168. <small class="text-muted"><%- item.role %></small>
  169. <span class="pull-right">原报</span>
  170. </li>
  171. <% } else if(idx === auditors.length -1 && idx !== 0) { %>
  172. <li class="list-group-item" data-auditorId="<%- item.audit_id %>">
  173. <i class="fa fa fa-stop-circle"></i> <%- item.name %>
  174. <small class="text-muted"><%- item.role %></small>
  175. <span class="pull-right">终审</span>
  176. </li>
  177. <% } else {%>
  178. <li class="list-group-item" data-auditorId="<%- item.audit_id %>">
  179. <i class="fa fa-chevron-circle-down"></i> <%- item.name %>
  180. <small class="text-muted"><%- item.role %></small>
  181. <span class="pull-right"><%= ctx.helper.transFormToChinese(idx) %>审</span>
  182. </li>
  183. <% } %>
  184. <% }) %>
  185. </ul>
  186. </div>
  187. </div>
  188. <div class="col-8 modal-height-500" style="overflow: auto">
  189. <% auditHistory.forEach((auditors, idx) => { %>
  190. <!-- 展开/收起历史流程 -->
  191. <% if(idx === auditHistory.length - 1 && auditHistory.length !== 1) { %>
  192. <div class="text-right">
  193. <a href="javascript: void(0);" id="fold-btn" data-target="show">展开历史审批流程</a>
  194. </div>
  195. <% } %>
  196. <div class="<%- idx < auditHistory.length - 1 ? 'fold-card' : '' %>">
  197. <div class="text-center text-muted"><%- idx+1 %>#</div>
  198. <ul class="timeline-list list-unstyled mt-2">
  199. <% auditors.forEach((auditor, index) => { %>
  200. <% if (index === 0) { %>
  201. <li class="timeline-list-item pb-2">
  202. <div class="timeline-item-date">
  203. <%- ctx.helper.formatDate(auditor.begin_time) %>
  204. </div>
  205. <div class="timeline-item-tail"></div>
  206. <div class="timeline-item-icon bg-success text-light">
  207. <i class="fa fa-caret-down"></i>
  208. </div>
  209. <div class="timeline-item-content">
  210. <div class="card">
  211. <div class="card-body p-3">
  212. <div class="card-text">
  213. <p class="mb-1"><span
  214. class="h5"><%- user.name %></span><span
  215. class="pull-right text-success"><%- idx !== 0 ? '重新' : '' %>上报审批</span>
  216. </p>
  217. <p class="text-muted mb-0"><%- user.role %></p>
  218. </div>
  219. </div>
  220. </div>
  221. </div>
  222. </li>
  223. <li class="timeline-list-item pb-2">
  224. <div class="timeline-item-date">
  225. <%- ctx.helper.formatDate(auditor.end_time) %>
  226. </div>
  227. <% if(index < auditors.length - 1) { %>
  228. <div class="timeline-item-tail"></div>
  229. <% } %>
  230. <% if(auditor.status === auditConst.status.checked) { %>
  231. <div class="timeline-item-icon bg-success text-light">
  232. <i class="fa fa-check"></i>
  233. </div>
  234. <% } else if(auditor.status === auditConst.status.checkNo || auditor.status === auditConst.status.checkNoPre) {%>
  235. <div class="timeline-item-icon bg-warning text-light">
  236. <i class="fa fa-level-up"></i>
  237. </div>
  238. <% } else if(auditor.status === auditConst.status.checking) { %>
  239. <div class="timeline-item-icon bg-warning text-light">
  240. <i class="fa fa-ellipsis-h"></i>
  241. </div>
  242. <% } else {%>
  243. <div class="timeline-item-icon bg-secondary text-light">
  244. </div>
  245. <% } %>
  246. <div class="timeline-item-content">
  247. <div class="card">
  248. <div class="card-body p-3">
  249. <div class="card-text">
  250. <p class="mb-1"><span class="h5"><%- auditor.name %></span><span
  251. class="pull-right <%- auditConst.statusClass[auditor.status] %>"><%- auditConst.statusString[auditor.status] %></span>
  252. </p>
  253. <p class="text-muted mb-0"><%- auditor.role %></p>
  254. </div>
  255. </div>
  256. <!--审批意见-->
  257. <% if (auditor.opinion) { %>
  258. <div class="card-body p-3 border-top">
  259. <p style="margin: 0;"><%- auditor.opinion %></p>
  260. </div>
  261. <% } %>
  262. </div>
  263. </div>
  264. </li>
  265. <% } else {%>
  266. <li class="timeline-list-item pb-2">
  267. <div class="timeline-item-date">
  268. <%- ctx.helper.formatDate(auditor.end_time) %>
  269. </div>
  270. <% if(index < auditors.length - 1) { %>
  271. <div class="timeline-item-tail"></div>
  272. <% } %>
  273. <% if(auditor.status === auditConst.status.checked) { %>
  274. <div class="timeline-item-icon bg-success text-light">
  275. <i class="fa fa-check"></i>
  276. </div>
  277. <% } else if(auditor.status === auditConst.status.checkNo || auditor.status === auditConst.status.checkNoPre) {%>
  278. <div class="timeline-item-icon bg-warning text-light">
  279. <i class="fa fa-level-up"></i>
  280. </div>
  281. <% } else if(auditor.status === auditConst.status.checking) { %>
  282. <div class="timeline-item-icon bg-warning text-light">
  283. <i class="fa fa-ellipsis-h"></i>
  284. </div>
  285. <% } else { %>
  286. <div class="timeline-item-icon bg-secondary text-light">
  287. </div>
  288. <% } %>
  289. <div class="timeline-item-content">
  290. <div class="card">
  291. <div class="card-body p-3">
  292. <div class="card-text">
  293. <p class="mb-1"><span class="h5"><%- auditor.name %></span>
  294. <span
  295. class="pull-right
  296. <%- auditConst.statusClass[auditor.status] %>"><%- auditor.status !== auditConst.status.uncheck ? auditConst.statusString[auditor.status] : ''%>
  297. <%- auditor.status === auditConst.status.checkNo ? user.name : '' %>
  298. <%- auditor.status === auditConst.status.checkNoPre ? auditors[index-1].name : '' %>
  299. </span>
  300. </p>
  301. <p class="text-muted mb-0"><%- auditor.role %></p>
  302. </div>
  303. </div>
  304. <!--审批意见-->
  305. <% if (auditor.opinion) { %>
  306. <div class="card-body p-3 border-top">
  307. <p style="margin: 0;"><%- auditor.opinion %></p>
  308. </div>
  309. <% } %>
  310. </div>
  311. </div>
  312. </li>
  313. <% } %>
  314. <% }) %>
  315. </ul>
  316. </div>
  317. <% }) %>
  318. </div>
  319. </div>
  320. </div>
  321. <form class="modal-footer" method="post" action="<%- preUrl %>/ledger/audit/start" name="audit-start">
  322. <input type="hidden" name="_csrf" value="<%= ctx.csrf %>">
  323. <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
  324. <% if(tender.ledger_status === auditConst.status.checkNo && ctx.session.sessionUser.accountId === tender.user_id) { %>
  325. <button class="btn btn-primary btn-sm sp-list-item" type="submit">确认上报</button>
  326. <% } %>
  327. </form>
  328. </div>
  329. </div>
  330. </div>
  331. <script>
  332. const cur_uid = parseInt('<%- ctx.session.sessionUser.accountId %>');
  333. $('.sp-location-list').on('shown.bs.modal', function () {
  334. const scrollBox = $(this).find('div[class="col-8 modal-height-500"]');
  335. const bdiv = (scrollBox.offset() && scrollBox.offset().top) || 0;
  336. scrollBox.scrollTop(0);
  337. const hdiv = divSearch($(this).find('textarea')) ? $(this).find('textarea') : null;
  338. const hdheight = hdiv ? hdiv.parents('.timeline-item-content').offset().top : null;
  339. if (hdiv && scrollBox.length && scrollBox[0].scrollHeight > 390 && hdheight - bdiv > 390) {
  340. scrollBox.scrollTop(hdheight - bdiv);
  341. }
  342. });
  343. function divSearch(div) {
  344. if (div.length > 0) {
  345. return true;
  346. }
  347. return false;
  348. }
  349. $('#hideSp').click(function () {
  350. $('#sp-list').modal('hide');
  351. });
  352. $('a[f-target]').click(function () {
  353. $($(this).attr('f-target')).modal('show');
  354. });
  355. // 多层modal关闭后的滚动bug修复
  356. $('#sp-list').on('hidden.bs.modal', function (e) {
  357. $(document.body).addClass('modal-open');
  358. });
  359. // 展开历史审核记录
  360. $('.modal-body #fold-btn').click(function () {
  361. const type = $(this).data('target')
  362. const auditCard = $(this).parent().parent()
  363. if (type === 'show') {
  364. $(this).data('target', 'hide')
  365. auditCard.find('.fold-card').slideDown('swing', () => {
  366. auditCard.find('#fold-btn').text('收起历史审核记录')
  367. })
  368. } else {
  369. $(this).data('target', 'show')
  370. auditCard.find('.fold-card').slideUp('swing', () => {
  371. auditCard.find('#fold-btn').text('展开历史审核记录')
  372. })
  373. }
  374. });
  375. </script>
  376. <% } %>
  377. <% include ../shares/merge_peg_modal.ejs %>
  378. <% include ../shares/import_excel_modal.ejs %>
  379. <% include ../shares/delete_hint_modal.ejs %>
  380. <% include ../shares/check_data_modal.ejs %>
  381. <% include ../shares/ledger_check_modal.ejs %>