shenpi_material.ejs 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
  6. <meta http-equiv="x-ua-compatible" content="ie=edge">
  7. <title>标段概况-计量支付</title>
  8. <link rel="stylesheet" href="/public/css/bootstrap/bootstrap.min.css">
  9. <link rel="stylesheet" href="/public/css/wap/main.css">
  10. <link rel="stylesheet" href="/public/css/toast.css">
  11. <link rel="stylesheet" href="/public/css/font-awesome/font-awesome.min.css">
  12. <link rel="stylesheet" href="/public/css/toastr.css">
  13. <script src=/public/js/echarts/echarts.min.js></script>
  14. <link rel="shortcut icon" href="/public/images/favicon.ico">
  15. <style>
  16. body {
  17. padding: 0;
  18. }
  19. </style>
  20. </head>
  21. <body>
  22. <div class="container">
  23. <!--顶部-->
  24. <nav class="fixed-top bg-dark">
  25. <div class="my-2 d-flex justify-content-between">
  26. <span class="text-white ml-3"><a href="/wap/tender/<%- tender.id %>#material" class="mr-2 text-white show-loading"><i class="fa fa-chevron-left"></i>材料调差</a></span>
  27. <a tabindex="0" href="javascript:void(0)" class="text-white text-truncate text-center"
  28. style="width:150px" data-toggle="popover" data-placement="top"
  29. data-content="<%- tender.name %>" data-trigger="focus"><%- tender.name %></a>
  30. <div class="mr-3">
  31. <div class="dropdown">
  32. <button class="btn btn-sm btn-light dropdown-toggle" type="button" data-toggle="dropdown">
  33. <%- ctx.session.sessionUser.name.substr(ctx.session.sessionUser.name.length > 2 ? ctx.session.sessionUser.name.length - 2 : 0) %>
  34. </button>
  35. <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
  36. <a class="dropdown-item" href="/wap/logout">退出登录</a>
  37. </div>
  38. </div>
  39. </div>
  40. </div>
  41. </nav>
  42. <!--标段概况-->
  43. <div class="py-6">
  44. <!--最新期-->
  45. <% let audit = 0; %>
  46. <% if (material) { %>
  47. <dl class="mb-2 mt-3">
  48. <dt class="bg-light p-2 d-flex justify-content-between"><span>第<%- material.order %>期</span>
  49. <span class="<%- auditConst.auditStringClass[material.status] %>">
  50. <% if (material.lastAuditors.length && material.status !== auditConst.status.checked) { %>
  51. <%- (material.lastAuditors[0].audit_type !== 1 ? ctx.helper.transFormToChinese(material.lastAuditors[0].audit_order) + '审' : material.lastAuditors[0].name + (material.lastAuditors[0].role ? '-' + material.lastAuditors[0].role : '')) %>
  52. <% } %>
  53. <%- material.status === auditConst.status.checked ? '审批完成' : auditConst.auditProgress[material.status] %>
  54. </span>
  55. </dt>
  56. <dd>
  57. <table class="table table-hover">
  58. <tbody><tr>
  59. <td>
  60. <p class="mb-0">计量期</p>
  61. <b>第<%= material.s_order.split(',').join(',') %>期</b>
  62. </td>
  63. <td>
  64. <% if (months.length > 0) { %>
  65. <p class="mb-0">本期月信息价</p>
  66. <b><% let monthstr = ''; for (const m of months) { monthstr += parseInt(m.split('-')[1]) + '月,'} %><%- monthstr.substring(0,monthstr.length-1) %></b>
  67. <% } else { %>
  68. <p class="mb-0">建筑增值税</p>
  69. <b><%- material.rate %>%</b>
  70. <% } %>
  71. </td>
  72. </tr>
  73. <tr>
  74. <td>
  75. <p class="mb-0">信息价本期金额</p>
  76. <b>¥<%= material.m_tp !== null ? ctx.helper.round(material.m_tp, material.decimal.tp) : 0 %></b>
  77. </td>
  78. <td>
  79. <p class="mb-0">信息价截止本期金额</p>
  80. <b>¥<%= material.m_tp !== null || material.pre_tp !== null ? ctx.helper.add(material.pre_tp, ctx.helper.round(material.m_tp, material.decimal.tp)) : 0 %></b>
  81. </td>
  82. </tr>
  83. <tr>
  84. <td>
  85. <p class="mb-0">指数法本期金额</p>
  86. <b>¥<%= material.ex_tp !== null ? ctx.helper.round(material.ex_tp, material.decimal.tp) : 0 %></b>
  87. </td>
  88. <td>
  89. <p class="mb-0">指数法截止本期金额</p>
  90. <b>¥<%= material.ex_tp !== null || material.ex_pre_tp !== null ? ctx.helper.add(material.ex_pre_tp, ctx.helper.round(material.ex_tp, material.decimal.tp)) : 0 %></b>
  91. </td>
  92. </tr>
  93. <% if (!(!material.material_tax && !old_had_tax)) { %>
  94. <tr>
  95. <td>
  96. <p class="mb-0">信息价本期金额(含材料税)</p>
  97. <b><%= material.material_tax ? (material.m_tax_tp !== null ? '¥' + material.m_tax_tp : null) : '-' %></b>
  98. </td>
  99. <td>
  100. <p class="mb-0">信息价截止本期金额(含材料税)</p>
  101. <b><%= material.material_tax ? (material.m_tax_tp !== null || material.m_tax_pre_tp !== null ? '¥' + ctx.helper.add(material.m_tax_pre_tp, material.m_tax_tp) : null) : (material.m_tax_pre_tp ? '¥' + material.m_tax_pre_tp: null) %></b>
  102. </td>
  103. </tr>
  104. <% } %>
  105. <tr>
  106. <td>
  107. <p class="mb-0">信息价本期金额(含建筑税)</p>
  108. <b><%= !material.material_tax ? '¥' + material.rate_tp : '-' %></b>
  109. </td>
  110. <td>
  111. <p class="mb-0">信息价截止本期金额(含建筑税)</p>
  112. <b><%= !material.material_tax ? (material.m_tp !== null || pre_tp_hs !== null ? '¥' + ctx.helper.add(pre_tp_hs, material.rate_tp) : null) : (pre_tp_hs ? '¥' + pre_tp_hs : '-') %></b>
  113. </td>
  114. </tr>
  115. <tr>
  116. <td>
  117. <p class="mb-0">指数法本期金额(含建筑税)</p>
  118. <b>¥<%= material.ex_tp !== null ? ctx.helper.round(ctx.helper.mul(material.ex_tp, 1+material.exponent_rate/100), material.decimal.tp) : 0 %></b>
  119. </td>
  120. <td>
  121. <p class="mb-0">指数法截止本期金额(含建筑税)</p>
  122. <b>¥<%= material.ex_tp !== null || ex_pre_tp_hs !== null ? ctx.helper.add(ex_pre_tp_hs, ctx.helper.round(ctx.helper.mul(material.ex_tp, 1+material.exponent_rate/100), material.decimal.tp)) : 0 %></b>
  123. </td>
  124. </tr>
  125. </tbody></table>
  126. </dd>
  127. </dl>
  128. <!--审批流程-->
  129. <div class="card mt-3">
  130. <ul class="list-group list-group-flush">
  131. <li class="list-group-item">
  132. <% if (material.status === auditConst.status.uncheck) { %>
  133. <span class="pull-right"> 上报中</span>
  134. <% } else { %>
  135. <span class="text-success pull-right"><small><%- moment(material.auditHistory[material.auditHistory.length - 1][0].begin_time).format('YYYY/MM/DD') %></small> 上报</span>
  136. <% } %>
  137. <h5 class="card-title"><i class="fa fa-play-circle fa-rotate-90 text-success"></i> <%- material.user.name %><small class="text-muted"><%- material.user.role %></small></h5>
  138. </li>
  139. <% let isfinal = false; %>
  140. <% material.auditHistory[material.auditHistory.length - 1].forEach((group, index) => { %>
  141. <li class="list-group-item">
  142. <% for (const [i, audit] of group.auditors.entries()) { %>
  143. <% if (audit.status === auditConst.status.checking) { %>
  144. <span class="pull-right">审批中</span>
  145. <h5 class="card-title">
  146. <i class="fa <% if (index !== material.auditHistory[material.auditHistory.length - 1].length - 1) { %>fa-chevron-circle-down<% } else { %>fa-stop-circle<% } %> <%- auditConst.statusClass[audit.status] %>"></i><% if (group.audit_type !== auditType.key.common) { %> <span class="badge badge-pill badge-<%- auditType.info[group.audit_type].class %> p-1 ml-auto"><small><%- auditType.info[group.audit_type].short %></small></span><% } %> <%- audit.name %> <% if (audit.role !== '' || audit.role !== null) { %><small class="text-muted"><%- audit.role %></small><% } %>
  147. </h5>
  148. <% if (audit.aid === ctx.session.sessionUser.accountId) { %>
  149. <% isfinal = group.is_final %>
  150. <div class="form-group">
  151. <div class="text-center">
  152. <button class="btn btn-success" data-toggle="modal" data-target="#sp-done" >审批通过</button>
  153. <button class="btn btn-warning" data-toggle="modal" data-target="#sp-back" >审批退回</button>
  154. </div>
  155. </div>
  156. <% } %>
  157. <% } else if(audit.status === auditConst.status.uncheck) { %>
  158. <h5 class="card-title"><i class="fa <% if (index !== material.auditHistory[material.auditHistory.length - 1].length - 1) { %>fa-chevron-circle-down<% } else { %>fa-stop-circle<% } %> <%- auditConst.statusClass[audit.status] %>"></i><% if (group.audit_type !== auditType.key.common) { %> <span class="badge badge-pill badge-<%- auditType.info[group.audit_type].class %> p-1 ml-auto"><small><%- auditType.info[group.audit_type].short %></small></span><% } %> <%- audit.name %> <% if (audit.role !== '' || audit.role !== null) { %><small class="text-muted"><%- audit.role %></small><% } %></h5>
  159. <% } else { %>
  160. <span class="<%- auditConst.statusClass[audit.status] %> pull-right">
  161. <small><%- audit.end_time ? moment(audit.end_time).format('YYYY/MM/DD') : '' %></small> <%- auditConst.statusString[audit.status] %>
  162. </span>
  163. <h5 class="card-title"><i class="fa <% if (index !== material.auditHistory[material.auditHistory.length - 1].length - 1) { %>fa-chevron-circle-down<% } else { %>fa-stop-circle<% } %> <%- auditConst.statusClass[audit.status] %>"></i><% if (group.audit_type !== auditType.key.common) { %> <span class="badge badge-pill badge-<%- auditType.info[group.audit_type].class %> p-1 ml-auto"><small><%- auditType.info[group.audit_type].short %></small></span><% } %> <%- audit.name %> <% if (audit.role !== '' || audit.role !== null) { %><small class="text-muted"><%- audit.role %></small><% } %></h5>
  164. <p class="card-text"><%- audit.opinion %></p>
  165. <% } %>
  166. <% } %>
  167. </li>
  168. <% }) %>
  169. </ul>
  170. </div>
  171. <% } %>
  172. </div>
  173. <!--底栏菜单-->
  174. <nav class="fixed-bottom navbar-dark bg-light border-top">
  175. <ul class="nav nav-fill my-2">
  176. <li class="nav-item">
  177. <a class="nav-link text-muted show-loading" href="/wap/dashboard"><i class="fa fa-check-square-o"></i> 待审批</a>
  178. </li>
  179. <li class="nav-item">
  180. <a class="nav-link active show-loading" href="/wap/subproj"><i class="fa fa-list-ul"></i> 项目</a>
  181. </li>
  182. </ul>
  183. </nav>
  184. </div>
  185. <!--审批通过弹窗-->
  186. <div class="modal" tabindex="-1" role="dialog" id="sp-done">
  187. <div class="modal-dialog" role="document">
  188. <form class="modal-content" action="/tender/<%- tender.id %>/measure/material/<%- material.order %>/audit/check" method="post" id="audit-check0">
  189. <div class="modal-header">
  190. <h5 class="modal-title">审批通过</h5>
  191. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  192. <span aria-hidden="true">&times;</span>
  193. </button>
  194. </div>
  195. <div class="modal-body">
  196. <div class="form-group">
  197. <label>审批意见</label>
  198. <textarea class="form-control" rows="8" name="opinion">同意</textarea>
  199. </div>
  200. </div>
  201. <div class="modal-footer">
  202. <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
  203. <input type="hidden" name="_csrf_j" value="<%= ctx.csrf %>" />
  204. <input type="hidden" name="checkType" value="<%= auditConst.status.checked %>" />
  205. <button type="submit" class="btn btn-success">审批通过</button>
  206. </div>
  207. </form>
  208. </div>
  209. </div>
  210. <!--审批退回弹窗-->
  211. <div class="modal" tabindex="-1" role="dialog" id="sp-back">
  212. <div class="modal-dialog" role="document">
  213. <form class="modal-content" action="/tender/<%- material.tid %>/measure/material/<%- material.order %>/audit/check" method="post" id="audit-check1">
  214. <div class="modal-header">
  215. <h5 class="modal-title">审批退回</h5>
  216. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  217. <span aria-hidden="true">&times;</span>
  218. </button>
  219. </div>
  220. <div class="modal-body">
  221. <div class="form-group">
  222. <label>审批意见</label>
  223. <textarea class="form-control" rows="8" name="opinion">不同意</textarea>
  224. </div>
  225. <div class="alert alert-warning">
  226. <div class="custom-control custom-radio custom-control-inline">
  227. <input type="radio" id="customRadioInline1" name="checkType" class="custom-control-input" value="<%- auditConst.status.checkNo %>" <% if (audit.order === 1 || audit.aid === material.auditors[0].aid) { %>checked<% } %>>
  228. <label class="custom-control-label" for="customRadioInline1">退回原报 <%- material.user.name %></label>
  229. </div>
  230. <% if (material.curAuditors && material.curAuditors[0] && material.curAuditors[0].audit_order > 1) { %>
  231. <div class="custom-control custom-radio custom-control-inline">
  232. <input class="custom-control-input" type="radio" name="checkType" id="customRadioInline2" value="<%- auditConst.status.checkNoPre %>" checked>
  233. <label class="custom-control-label" for="customRadioInline2">退回上一审批人
  234. <% const pre = material.auditHistory[material.auditHistory.length - 1].find(x => { return x.audit_order === material.curAuditors[0].audit_order - 1}); %>
  235. <%- (pre.audit_type === auditType.key.common ? pre.auditors[0].name : `${pre.audit_order}审`)%></label>
  236. </div>
  237. <% } %>
  238. </div>
  239. </div>
  240. <div class="modal-footer">
  241. <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
  242. <input type="hidden" name="_csrf_j" value="<%= ctx.csrf %>" />
  243. <button type="submit" class="btn btn-warning">确认退回</button>
  244. </div>
  245. </form>
  246. </div>
  247. </div>
  248. <!-- JS. -->
  249. <script src="/public/js/jquery/jquery-3.2.1.min.js"></script>
  250. <script src="/public/js/popper/popper.min.js"></script>
  251. <script src="/public/js/bootstrap/bootstrap.min.js"></script>
  252. <script src="/public/js/cookies.js"></script>
  253. <script src="/public/js/toastr.min.js"></script>
  254. <script src="/public/js/wap/global.js"></script>
  255. <script>
  256. $(document).ready(function () {
  257. $('#audit-check0').submit(function (e) {
  258. if (auditCheck(0)) {
  259. const data = {
  260. opinion: $('[name=opinion]', this).val(),
  261. checkType: parseInt($('[name=checkType]', this).val()),
  262. };
  263. postData(this.action, data, function () {
  264. window.location.reload();
  265. });
  266. }
  267. return false;
  268. });
  269. $('#audit-check1').submit(function (e) {
  270. if (auditCheck(1)) {
  271. const data = {
  272. opinion: $('[name=opinion]', this).val(),
  273. checkType: parseInt($('[name=checkType]:checked', this).val()),
  274. };
  275. postData(this.action, data, function () {
  276. window.location.reload();
  277. });
  278. }
  279. return false;
  280. });
  281. })
  282. // texterea换行
  283. function auditCheck(i) {
  284. const opinion = $('textarea[name="opinion"]').eq(i).val().replace(/\r\n/g, '<br/>').replace(/\n/g, '<br/>').replace(/\s/g, ' ');
  285. $('textarea[name="opinion"]').eq(i).val(opinion);
  286. return true;
  287. }
  288. </script>
  289. </body>
  290. </html>