pay.ejs 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211
  1. <% include ../tender/tender_sub_menu.ejs %>
  2. <div class="panel-content">
  3. <div class="panel-title">
  4. <div class="title-main d-flex justify-content-between">
  5. <h2>合同支付</h2>
  6. <div>
  7. <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp" class="btn btn-primary btn-sm pull-right">上报审批</a>
  8. <a href="#sub-sp2" data-toggle="modal" data-target="#sub-sp2" class="btn btn-primary btn-sm pull-right">重新上报</a>
  9. <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-secondary btn-sm pull-right">审批中</a>
  10. <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm pull-right text-muted">审批退回</a>
  11. <!--审批-->
  12. <a href="#sp-done" data-toggle="modal" data-target="#sp-done" class="btn btn-success btn-sm pull-right">审批通过</a>
  13. <a href="#sp-back" data-toggle="modal" data-target="#sp-back" class="btn btn-warning btn-sm pull-right">审批退回</a>
  14. </div>
  15. </div>
  16. </div>
  17. <div class="content-wrap">
  18. <div class="c-header p-0"></div>
  19. <div class="c-body">
  20. <!--上部-->
  21. <div class="body-height-top">
  22. <div class="row">
  23. <!--左栏-->
  24. <div class="col-8">
  25. <!--工具栏-->
  26. <div class="row">
  27. <div class="col-7">
  28. <div class="btn-group">
  29. <a href="#" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="插入"><i class="fa fa-sign-in" aria-hidden="true"></i></a>
  30. <a href="#" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="添加"><i class="fa fa-plus" aria-hidden="true"></i></a>
  31. <a href="#" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="删除"><i class="fa fa-remove" aria-hidden="true"></i></a>
  32. <a href="#" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="下移"><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
  33. <a href="#" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移"><i class="fa fa-arrow-up" aria-hidden="true"></i></a>
  34. <a href="#" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移"><i class="fa fa-unlock" aria-hidden="true"></i> 解锁</a>
  35. </div>
  36. </div>
  37. <div class="col-5">
  38. <div class="input-group input-group-sm mb-1">
  39. <div class="input-group-prepend">
  40. <span class="input-group-text" id="basic-addon1">表达式</span>
  41. </div>
  42. <input type="text" class="form-control" >
  43. </div>
  44. </div>
  45. </div>
  46. <div style="height:330px;overflow: auto;">
  47. <table class="table table-bordered">
  48. <tr><th></th><th>名称</th><th>扣款</th><th>本期金额(表达式)</th><th>累计金额</th><th>起扣金额</th><th>付(扣)款限额</th><th>附件</th><th>操作</th></tr>
  49. <tr><td>1</td><td>本期应付</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td>
  50. <td>
  51. </td>
  52. </tr>
  53. <tr><td>2</td><td>本期实付</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 3</a></td>
  54. <td>
  55. </td>
  56. </tr>
  57. <tr><td>3</td><td>本期完成计量</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td>
  58. <td>
  59. </td>
  60. </tr>
  61. <!--被停用了-->
  62. <tr class="table-secondary"><td>4</td><td>质量保证金</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td>
  63. <td>
  64. <a class="btn btn-sm btn-success" href="#">启用</a>
  65. </td>
  66. </tr>
  67. <tr><td>5</td><td>扣回开工预付款</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td>
  68. <td>
  69. <div class="dropdown dropleft">
  70. <button class="btn btn-sm btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  71. 操作
  72. </button>
  73. <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
  74. <a class="dropdown-item" href="#op2" data-toggle="modal" data-target="#op2">设置计提期限</a>
  75. <a class="dropdown-item" href="#op3">不参与本期应付计算</a>
  76. <a class="dropdown-item" href="#op4">停用</a>
  77. </div>
  78. </div>
  79. </td>
  80. </tr>
  81. <!--不参与本期应付计算-->
  82. <tr class="table-secondary"><td>6</td><td>扣回材料预付款</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 1</a></td>
  83. <td>
  84. <div class="dropdown dropleft">
  85. <button class="btn btn-sm btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  86. 操作
  87. </button>
  88. <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
  89. <a class="dropdown-item" href="#op2" data-toggle="modal" data-target="#op2">设置计提期限</a>
  90. <a class="dropdown-item" href="#op3">加入本期应付计算</a>
  91. <a class="dropdown-item" href="#op4">停用</a>
  92. </div>
  93. </div>
  94. </td>
  95. </tr>
  96. <!--新增-->
  97. <tr class="table-warning"><td>7</td><td>审核人新增数据</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 1</a></td>
  98. <td>
  99. <button class="btn btn-sm btn-primary" type="button" href="#op2" data-toggle="modal" data-target="#op2">
  100. 设置计提期限
  101. </button>
  102. </td>
  103. </tr>
  104. </table>
  105. </div>
  106. </div>
  107. <!--右栏-->
  108. <div class="col-4">
  109. <div style="height:365px;overflow: hidden;">
  110. <table class="table table-bordered">
  111. <tr><th></th><th>可选基数</th><th>计算代号</th></tr>
  112. <tr><td>1</td><td>签约合同价</td><td>htj</td></tr>
  113. <tr><td>2</td><td>签约合同价(不含暂列金)</td><td>htjszl</td></tr>
  114. <tr><td>3</td><td>签约开工预付款</td><td>kgyfk</td></tr>
  115. <tr><td>4</td><td>签约材料预付款</td><td>clyfk</td></tr>
  116. <tr><td>5</td><td>本期完成计量</td><td>bqwc</td></tr>
  117. <tr><td>6</td><td>100章本期完成计量</td><td>ybbqwc</td></tr>
  118. </table>
  119. </div>
  120. </div>
  121. </div>
  122. </div>
  123. <!--下部-->
  124. <div class="body-height-bottom">
  125. <legend>章节明细 <a href="#zjset" data-toggle="modal" data-target="#zjset" class="btn btn-sm">章节设置</a></legend>
  126. <div class="sjs-height-6">
  127. <table class="table table-bordered">
  128. <tr class="text-center"><th>章节名称</th><th>本期合同计量金额</th><th>本期变更计量金额</th><th>本期完成计量基金</th><th>累计完成计量金额</th></tr>
  129. <tr>
  130. <td>清单 第100章 总则</td>
  131. <td class="text-right">1000</td>
  132. <td class="text-right">1000</td>
  133. <td class="text-right">2000</td>
  134. <td class="text-right">2000</td>
  135. </tr>
  136. <tr>
  137. <td>清单 第200章 路基</td>
  138. <td class="text-right"></td>
  139. <td class="text-right"></td>
  140. <td class="text-right"></td>
  141. <td class="text-right"></td>
  142. </tr>
  143. <tr>
  144. <td>清单 第300章 路面</td>
  145. <td class="text-right"></td>
  146. <td class="text-right"></td>
  147. <td class="text-right"></td>
  148. <td class="text-right"></td>
  149. </tr>
  150. <tr>
  151. <td>清单 第400章 桥梁、涵洞</td>
  152. <td class="text-right"></td>
  153. <td class="text-right"></td>
  154. <td class="text-right"></td>
  155. <td class="text-right"></td>
  156. </tr>
  157. <tr>
  158. <td>清单 第500章 隧道</td>
  159. <td class="text-right"></td>
  160. <td class="text-right"></td>
  161. <td class="text-right"></td>
  162. <td class="text-right"></td>
  163. </tr>
  164. <tr>
  165. <td>清单 第600章 安全设施及预埋管线</td>
  166. <td class="text-right"></td>
  167. <td class="text-right"></td>
  168. <td class="text-right"></td>
  169. <td class="text-right"></td>
  170. </tr>
  171. <tr>
  172. <td>清单 第700章 绿化及环境保护</td>
  173. <td class="text-right"></td>
  174. <td class="text-right"></td>
  175. <td class="text-right"></td>
  176. <td class="text-right"></td>
  177. </tr>
  178. <tr>
  179. <td>未计入章节清单合计</td>
  180. <td class="text-right"></td>
  181. <td class="text-right"></td>
  182. <td class="text-right"></td>
  183. <td class="text-right"></td>
  184. </tr>
  185. <tr>
  186. <td>清单小计(A)</td>
  187. <td class="text-right">1000</td>
  188. <td class="text-right">1000</td>
  189. <td class="text-right">2000</td>
  190. <td class="text-right">2000</td>
  191. </tr>
  192. <tr>
  193. <td>非清单项费用(B)</td>
  194. <td class="text-right">500</td>
  195. <td class="text-right"></td>
  196. <td class="text-right">500</td>
  197. <td class="text-right">500</td>
  198. </tr>
  199. <tr>
  200. <td>合计(C=A+B)</td>
  201. <td class="text-right">1500</td>
  202. <td class="text-right">1000</td>
  203. <td class="text-right">2500</td>
  204. <td class="text-right">2500</td>
  205. </tr>
  206. </table>
  207. </div>
  208. </div>
  209. </div>
  210. </div>
  211. </div>