shenpi_change_index.ejs 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309
  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 %>#biangeng" 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. <ul class="nav nav-tabs nav-fill">
  45. <% if (ctx.subProject.page_show.openChangeProject) { %>
  46. <li class="nav-item">
  47. <a class="px-1 nav-link" data-toggle="tab" href="#changeProject" role="tab">变更立项</a>
  48. </li>
  49. <% } %>
  50. <% if (ctx.subProject.page_show.openChangeApply) { %>
  51. <li class="nav-item">
  52. <a class="px-1 nav-link" data-toggle="tab" href="#changeApply" role="tab">变更申请</a>
  53. </li>
  54. <% } %>
  55. <% if (ctx.subProject.page_show.openChangePlan) { %>
  56. <li class="nav-item">
  57. <a class="px-1 nav-link" data-toggle="tab" href="#changePlan" role="tab">变更方案</a>
  58. </li>
  59. <% } %>
  60. <li class="nav-item">
  61. <a class="px-1 nav-link active" data-toggle="tab" href="#change" role="tab">变更令</a>
  62. </li>
  63. </ul>
  64. <div class="tab-content">
  65. <% if (ctx.subProject.page_show.openChangeProject) { %>
  66. <div class="tab-pane" id="changeProject">
  67. <dl class="mb-2 mt-3">
  68. <% for (const c of changeProjects) { %>
  69. <dt class="bg-light p-2 d-flex justify-content-between"><span><a href="/wap/tender/<%- tender.id %>/change/project/<%- c.id %>/information"><%- c.code %></a></span></dt>
  70. <dd>
  71. <table class="table table-hover">
  72. <tbody>
  73. <tr>
  74. <td colspan="2">
  75. <p class="mb-0">工程名称</p>
  76. <%- c.name %>
  77. </td>
  78. </tr>
  79. <tr>
  80. <td>
  81. <p class="mb-0">变更性质</p>
  82. <b><%- c.quality %></b>
  83. </td>
  84. <td>
  85. <p class="mb-0">增减金额</p>
  86. <b><%- c.crease_price %></b>
  87. </td>
  88. </tr>
  89. <tr>
  90. <td colspan="2">
  91. <% if (c.showApprovalBtn){ %>
  92. <a href="/wap/tender/<%- tender.id %>/change/project/<%- c.id %>/information#shenpi" class="btn btn-block btn-success">审批变更</a>
  93. <% } else if (c.status === auditChangeProjectConst.status.uncheck) { %>
  94. <span>待上报</span>
  95. <% } else { %>
  96. <% if (c.curAuditors.length > 0) { %>
  97. <% if (c.curAuditors[0].audit_type === auditType.key.common) { %>
  98. <span class="<%- auditChangeProjectConst.statusClass[c.status] %>"><%- c.curAuditors[0].name %>-<%- c.curAuditors[0].role %> <%- auditChangeProjectConst.statusString[c.status] %></span>
  99. <% } else { %>
  100. <span class="<%- auditChangeProjectConst.statusClass[c.status] %>"><%- ctx.helper.transFormToChinese(c.curAuditors[0].audit_order) + '审' %> <%- auditChangeProjectConst.statusString[c.status] %></span>
  101. <% } %>
  102. <% } %>
  103. <% } %>
  104. </td>
  105. </tr>
  106. </tbody>
  107. </table>
  108. </dd>
  109. <% } %>
  110. </dl>
  111. </div>
  112. <% } %>
  113. <% if (ctx.subProject.page_show.openChangeApply) { %>
  114. <div class="tab-pane" id="changeApply">
  115. <dl class="mb-2 mt-3">
  116. <% for (const c of changeApplys) { %>
  117. <dt class="bg-light p-2 d-flex justify-content-between"><span><a href="/wap/tender/<%- tender.id %>/change/apply/<%- c.id %>/information"><%- c.code %></a></span></dt>
  118. <dd>
  119. <table class="table table-hover">
  120. <tbody>
  121. <tr>
  122. <td colspan="2">
  123. <p class="mb-0">工程名称</p>
  124. <%- c.name %>
  125. </td>
  126. </tr>
  127. <tr>
  128. <td>
  129. <p class="mb-0">变更性质</p>
  130. <b><%- c.quality %></b>
  131. </td>
  132. <td>
  133. <p class="mb-0">增减金额</p>
  134. <b><%- c.crease_price %></b>
  135. </td>
  136. </tr>
  137. <tr>
  138. <td colspan="2">
  139. <% if (c.showApprovalBtn){ %>
  140. <a href="/wap/tender/<%- tender.id %>/change/apply/<%- c.id %>/information#shenpi" class="btn btn-block btn-success">审批变更</a>
  141. <% } else if (c.status === auditChangeApplyConst.status.uncheck) { %>
  142. <span>待上报</span>
  143. <% } else { %>
  144. <% if (c.curAuditors.length > 0) { %>
  145. <% if (c.curAuditors[0].audit_type === auditType.key.common) { %>
  146. <span class="<%- auditChangeApplyConst.statusClass[c.status] %>"><%- c.curAuditors[0].name %>-<%- c.curAuditors[0].role %> <%- auditChangeApplyConst.statusString[c.status] %></span>
  147. <% } else { %>
  148. <span class="<%- auditChangeApplyConst.statusClass[c.status] %>"><%- ctx.helper.transFormToChinese(c.curAuditors[0].audit_order) + '审' %> <%- auditChangeApplyConst.statusString[c.status] %></span>
  149. <% } %>
  150. <% } %>
  151. <% } %>
  152. </td>
  153. </tr>
  154. </tbody>
  155. </table>
  156. </dd>
  157. <% } %>
  158. </dl>
  159. </div>
  160. <% } %>
  161. <% if (ctx.subProject.page_show.openChangePlan) { %>
  162. <div class="tab-pane" id="changePlan">
  163. <dl class="mb-2 mt-3">
  164. <% for (const c of changePlans) { %>
  165. <dt class="bg-light p-2 d-flex justify-content-between"><span><a href="/wap/tender/<%- tender.id %>/change/plan/<%- c.id %>/information"><%- c.code %></a></span></dt>
  166. <dd>
  167. <table class="table table-hover">
  168. <tbody>
  169. <tr>
  170. <td colspan="2">
  171. <p class="mb-0">工程名称</p>
  172. <%- c.name %>
  173. </td>
  174. </tr>
  175. <tr>
  176. <td>
  177. <p class="mb-0">变更性质</p>
  178. <b><%- c.quality %></b>
  179. </td>
  180. <td>
  181. <p class="mb-0">变更金额</p>
  182. <b><%- ctx.helper.roundNum(c.total_price, tpUnit) %></b>
  183. </td>
  184. </tr>
  185. <tr>
  186. <td colspan="2">
  187. <% if (c.showApprovalBtn){ %>
  188. <a href="/wap/tender/<%- tender.id %>/change/plan/<%- c.id %>/information#shenpi" class="btn btn-block btn-success">审批变更</a>
  189. <% } else if (c.status === auditChangePlanConst.status.uncheck) { %>
  190. <span>待上报</span>
  191. <% } else { %>
  192. <% if (c.curAuditors.length > 0) { %>
  193. <% if (c.curAuditors[0].audit_type === auditType.key.common) { %>
  194. <span class="<%- auditChangePlanConst.statusClass[c.status] %>"><%- c.curAuditors[0].name %>-<%- c.curAuditors[0].role %> <%- auditChangePlanConst.statusString[c.status] %></span>
  195. <% } else { %>
  196. <span class="<%- auditChangePlanConst.statusClass[c.status] %>"><%- ctx.helper.transFormToChinese(c.curAuditors[0].audit_order) + '审' %> <%- auditChangePlanConst.statusString[c.status] %></span>
  197. <% } %>
  198. <% } %>
  199. <% } %>
  200. </td>
  201. </tr>
  202. </tbody>
  203. </table>
  204. </dd>
  205. <% } %>
  206. </dl>
  207. </div>
  208. <% } %>
  209. <div class="tab-pane active" id="change">
  210. <dl class="mb-2 mt-3">
  211. <% for (const c of changes) { %>
  212. <dt class="bg-light p-2 d-flex justify-content-between"><span><a href="/wap/tender/<%- tender.id %>/change/<%- c.cid %>/information"><% if (c.status !== auditChangeConst.status.checked) { %><%- c.code %><% } else { %><%- c.p_code %><% } %></a></span></dt>
  213. <dd>
  214. <table class="table table-hover">
  215. <tbody>
  216. <tr>
  217. <td colspan="2">
  218. <p class="mb-0">工程名称</p>
  219. <%- c.name %>
  220. </td>
  221. </tr>
  222. <tr>
  223. <td>
  224. <p class="mb-0">变更性质</p>
  225. <b><% for (const q in changeConst.quality) { %>
  226. <% const cQuality = changeConst.quality[q] %><% if (cQuality.value === c.quality) { %><%- cQuality.name %><% } %><% } %></b>
  227. </td>
  228. <td>
  229. <p class="mb-0">变更金额</p>
  230. <b><%- ctx.helper.roundNum(c.total_price, tpUnit) %></b>
  231. </td>
  232. </tr>
  233. <tr>
  234. <td colspan="2">
  235. <% if (c.showApprovalBtn){ %>
  236. <a href="/wap/tender/<%- tender.id %>/change/<%- c.cid %>/information#shenpi" class="btn btn-block btn-success">审批变更</a>
  237. <% } else if (c.status === auditChangeConst.status.uncheck) { %>
  238. <span>待上报</span>
  239. <% } else { %>
  240. <% if (c.curAuditors.length > 0) { %>
  241. <% if (c.curAuditors[0].audit_type === auditType.key.common) { %>
  242. <span class="<%- auditChangeConst.statusClass[c.status] %>"><%- c.curAuditors[0].name %>-<%- c.curAuditors[0].role %> <%- auditChangeConst.statusString[c.status] %></span>
  243. <% } else { %>
  244. <span class="<%- auditChangeConst.statusClass[c.status] %>"><%- ctx.helper.transFormToChinese(c.curAuditors[0].audit_order) + '审' %> <%- auditChangeConst.statusString[c.status] %></span>
  245. <% } %>
  246. <% } %>
  247. <% } %>
  248. </td>
  249. </tr>
  250. </tbody>
  251. </table>
  252. </dd>
  253. <% } %>
  254. </dl>
  255. </div>
  256. </div>
  257. </div>
  258. <!--底栏菜单-->
  259. <nav class="fixed-bottom navbar-dark bg-light border-top">
  260. <ul class="nav nav-fill my-2">
  261. <li class="nav-item">
  262. <a class="nav-link text-muted show-loading" href="/wap/dashboard"><i class="fa fa-check-square-o"></i> 待审批</a>
  263. </li>
  264. <li class="nav-item">
  265. <a class="nav-link active show-loading" href="/wap/subproj"><i class="fa fa-list-ul"></i> 项目</a>
  266. </li>
  267. </ul>
  268. </nav>
  269. </div>
  270. <!-- JS. -->
  271. <script src="/public/js/jquery/jquery-3.2.1.min.js"></script>
  272. <script src="/public/js/popper/popper.min.js"></script>
  273. <script src="/public/js/bootstrap/bootstrap.min.js"></script>
  274. <script src="/public/js/cookies.js"></script>
  275. <script src="/public/js/toastr.min.js"></script>
  276. <script src="/public/js/wap/global.js"></script>
  277. <script>
  278. $(document).ready(function () {
  279. <% if (ctx.subProject.page_show.openChangeProject) { %>
  280. if (window.location.hash && window.location.hash === '#changeProject') {
  281. $('#change').removeClass('active');
  282. $('.nav-item a[href="#change"]').removeClass('active');
  283. $('#changeProject').addClass('active');
  284. $('.nav-item a[href="#changeProject"]').addClass('active');
  285. }
  286. <% } %>
  287. <% if (ctx.subProject.page_show.openChangeApply) { %>
  288. if (window.location.hash && window.location.hash === '#changeApply') {
  289. $('#change').removeClass('active');
  290. $('.nav-item a[href="#change"]').removeClass('active');
  291. $('#changeApply').addClass('active');
  292. $('.nav-item a[href="#changeApply"]').addClass('active');
  293. }
  294. <% } %>
  295. <% if (ctx.subProject.page_show.openChangePlan) { %>
  296. if (window.location.hash && window.location.hash === '#changePlan') {
  297. $('#change').removeClass('active');
  298. $('.nav-item a[href="#change"]').removeClass('active');
  299. $('#changePlan').addClass('active');
  300. $('.nav-item a[href="#changePlan"]').addClass('active');
  301. }
  302. <% } %>
  303. });
  304. </script>
  305. </body>
  306. </html>