detail_modal.ejs 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264
  1. <% include ../shares/delete_hint_modal.ejs %>
  2. <% if (ctx.session.sessionUser.is_admin || audit_permission.permission_add) { %>
  3. <!--新增合同-->
  4. <div class="modal fade" id="cons-add" data-backdrop="static">
  5. <div class="modal-dialog" role="document">
  6. <div class="modal-content">
  7. <div class="modal-header">
  8. <h5 class="modal-title">新增合同</h5>
  9. </div>
  10. <div class="modal-body">
  11. <div class="form-group">
  12. <label>合同编号<b class="text-danger">*</b></label>
  13. <input class="form-control form-control-sm" placeholder="请输入合同编号" type="text" name="code">
  14. </div>
  15. <div class="form-group">
  16. <label>合同名称<b class="text-danger">*</b></label>
  17. <input class="form-control form-control-sm" placeholder="请输入合同名称" type="text" name="name">
  18. </div>
  19. <div class="form-group">
  20. <label>合同金额<b class="text-danger">*</b></label>
  21. <input class="form-control form-control-sm" placeholder="请输入合同金额" type="text" name="total_price">
  22. <div class="invalid-feedback">合同金额不能为0。</div>
  23. </div>
  24. <div class="form-group">
  25. <label>签订单位(乙方)<b class="text-danger">*</b></label>
  26. <input class="form-control form-control-sm" placeholder="请输入签订单位" type="text" name="party_b">
  27. </div>
  28. <div class="form-group">
  29. <label>备注</label>
  30. <textarea class="form-control form-control-sm" name="remark" rows="3"></textarea>
  31. </div>
  32. </div>
  33. <div class="modal-footer">
  34. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
  35. <button type="button" class="btn btn-sm btn-primary" id="add-contract">确定</button>
  36. </div>
  37. </div>
  38. </div>
  39. </div>
  40. <% } %>
  41. <% if (ctx.session.sessionUser.is_admin) { %>
  42. <% include modal.ejs %>
  43. <!-- 节点授权 -->
  44. <div class="modal fade" id="empower" data-backdrop="static" style="z-index: 1049">
  45. <div class="modal-dialog modal-xl" role="document">
  46. <div class="modal-content">
  47. <div class="modal-header">
  48. <h5 class="modal-title">节点授权</h5>
  49. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  50. <span aria-hidden="true">×</span>
  51. </button>
  52. </div>
  53. <div class="modal-body">
  54. <div class="row">
  55. <!-- 左侧默认节点 -->
  56. <div class="col-5">
  57. <div class="mb-2">节点列表</div>
  58. <div class="modal-height-500" id="sq-spread">
  59. </div>
  60. </div>
  61. <!-- 右侧对应节点成员 -->
  62. <div class="col-7">
  63. <div class="d-flex flex-row bg-graye">
  64. <div class="pb-1 dropdown">
  65. <button class="btn btn-outline-primary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  66. 添加用户
  67. </button>
  68. <div class="dropdown-menu" aria-labelledby="dropdownMenuButton" style="width:220px">
  69. <div class="mb-2 p-2"><input class="form-control form-control-sm" placeholder="姓名/手机 检索" id="gr-search2" autocomplete="off"></div>
  70. <dl class="list-unstyled book-list">
  71. </dl>
  72. </div>
  73. </div>
  74. <div class="ml-2"><a href="javascript:void(0);" id="batch-del-audits" class="text-danger">批量移除</a></div>
  75. </div>
  76. <div class="modal-height-500" style="overflow-y:auto;">
  77. <table class="table table-bordered text-center">
  78. <thead>
  79. <tr>
  80. <th><input class="" type="checkbox" id="select-permission-tree-audit-all" /></th>
  81. <th>用户名</th>
  82. <th>授权时间</th>
  83. <th>权限</th>
  84. <th>操作</th>
  85. </tr>
  86. </thead>
  87. <tbody id="contract-tree-audits">
  88. <!-- <tr class="text-center">-->
  89. <!-- <td><input type="checkbox" name="ftu-check"></td><td>邓莹洁</td><td>2023-09-21 11:26:41</td><td>编辑节点,添加合同</td>-->
  90. <!-- <td><button class="btn btn-sm btn-outline-danger">移除</button></td>-->
  91. <!-- </tr>-->
  92. <!-- <tr class="text-center">-->
  93. <!-- <td><input type="checkbox" name="ftu-check"></td><td>付一</td><td>2023-09-21 11:26:41</td><td>添加合同,查看本单位合同</td>-->
  94. <!-- <td><button class="btn btn-sm btn-outline-danger">移除</button></td>-->
  95. <!-- </tr>-->
  96. <!-- <tr class="text-center">-->
  97. <!-- <td><input type="checkbox" name="ftu-check"></td><td>付二</td><td>2023-09-21 11:26:41</td><td>添加合同,查看本节点合同</td>-->
  98. <!-- <td><button class="btn btn-sm btn-outline-danger">移除</button></td>-->
  99. <!-- </tr>-->
  100. <!-- <tr class="text-center">-->
  101. <!-- <td><input type="checkbox" name="ftu-check"></td><td>付三</td><td>2023-09-21 11:26:41</td><td>添加合同</td>-->
  102. <!-- <td><button class="btn btn-sm btn-outline-danger">移除</button></td>-->
  103. <!-- </tr>-->
  104. </tbody>
  105. </table>
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. <div class="modal-footer">
  111. <button type="button" class="btn btn-sm btn-outline-secondary" data-dismiss="modal">关闭</button>
  112. </div>
  113. </div>
  114. </div>
  115. </div>
  116. <% } %>
  117. <!--添加附件-->
  118. <div class="modal fade" id="cons-upfile">
  119. <div class="modal-dialog" role="document">
  120. <div class="modal-content">
  121. <div class="modal-header">
  122. <h5 class="modal-title" id="myModalLabel">上传附件</h5>
  123. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  124. <span aria-hidden="true">&times;</span>
  125. </button>
  126. </div>
  127. <div class="modal-body">
  128. <div class="form-group">
  129. <label for="file-modal">单个文件大小限制:50MB,支持office等文档格式、图片格式、压缩包格式</label>
  130. <!-- <p><a href="javascript: void(0);" class="btn btn-primary" id="file-modal-target">选择文件</a></p> -->
  131. <input type="file" id="file-modal" multiple="multiple">
  132. </div>
  133. </div>
  134. <div class="modal-footer">
  135. <button id="file-cancel" type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">取消</button>
  136. <button id="file-ok" type="button" class="btn btn-primary btn-sm">添加</button>
  137. </div>
  138. </div>
  139. </div>
  140. </div>
  141. <!--添加支付,非关联合同显示-->
  142. <div class="modal fade" id="cons-addpay" data-backdrop="static">
  143. <div class="modal-dialog" role="document">
  144. <div class="modal-content">
  145. <div class="modal-header">
  146. <h5 class="modal-title">添加<% if (ctx.contract_type === contractConst.type.expenses) { %>支付<% } else if (ctx.contract_type === contractConst.type.income) { %>回款<% } %></h5>
  147. </div>
  148. <div class="modal-body">
  149. <div class="form-group form-group-sm">
  150. <label><% if (ctx.contract_type === contractConst.type.expenses) { %>支付<% } else if (ctx.contract_type === contractConst.type.income) { %>回款<% } %>日期<b class="text-danger">*</b></label>
  151. <input class="datepicker-here form-control form-control-sm" name="pay_time" placeholder="点击选择时间" data-date-format="yyyy-MM-dd" data-language="zh" type="text">
  152. </div>
  153. <div class="form-group">
  154. <label><% if (ctx.contract_type === contractConst.type.expenses) { %>付<% } else if (ctx.contract_type === contractConst.type.income) { %>回<% } %>款金额<b class="text-danger">*</b></label>
  155. <input class="form-control form-control-sm" name="pay_price" placeholder="请输入<% if (ctx.contract_type === contractConst.type.expenses) { %>付<% } else if (ctx.contract_type === contractConst.type.income) { %>回<% } %>款金额" type="number">
  156. </div>
  157. <div class="form-group">
  158. <label>扣款金额</label>
  159. <input class="form-control form-control-sm" name="debit_price" placeholder="请输入扣款金额" type="number">
  160. </div>
  161. <div class="form-group">
  162. <label>应<% if (ctx.contract_type === contractConst.type.expenses) { %>付<% } else if (ctx.contract_type === contractConst.type.income) { %>回<% } %>金额<span class="text-danger yf-tips"></span></label>
  163. <input class="form-control form-control-sm" name="yf_price" placeholder="<% if (ctx.contract_type === contractConst.type.expenses) { %>付<% } else if (ctx.contract_type === contractConst.type.income) { %>回<% } %>款-扣款" type="number" readonly>
  164. </div>
  165. <div class="form-group">
  166. <label>实<% if (ctx.contract_type === contractConst.type.expenses) { %>付<% } else if (ctx.contract_type === contractConst.type.income) { %>回<% } %>金额<span class="text-danger sf-tips"></span></label>
  167. <input class="form-control form-control-sm" name="sf_price" placeholder="请输入实<% if (ctx.contract_type === contractConst.type.expenses) { %>付<% } else if (ctx.contract_type === contractConst.type.income) { %>回<% } %>金额" type="number">
  168. </div>
  169. <div class="form-group">
  170. <label><% if (ctx.contract_type === contractConst.type.expenses) { %>支付<% } else if (ctx.contract_type === contractConst.type.income) { %>回款<% } %>方式<b class="text-danger">*</b></label>
  171. <select class="form-control form-control-sm" name="pay_type">
  172. <option>网上转账</option>
  173. <option>支付宝</option>
  174. <option>微信</option>
  175. <option>现金</option>
  176. <option>支票</option>
  177. <option>其他</option>
  178. </select>
  179. </div>
  180. <div class="form-group">
  181. <label>备注</label>
  182. <textarea class="form-control form-control-sm" name="remark" rows="3"></textarea>
  183. </div>
  184. </div>
  185. <div class="modal-footer">
  186. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
  187. <button type="button" class="btn btn-sm btn-primary" id="add-contract-pay">确定</button>
  188. <input type="hidden" name="cpid" value="">
  189. <button type="button" class="btn btn-sm btn-primary" id="save-contract-pay" style="display: none">确定</button>
  190. </div>
  191. </div>
  192. </div>
  193. </div>
  194. <!--附件-->
  195. <div class="modal fade" id="cons-pay-file" data-backdrop="static" style="z-index: 1049">
  196. <input type="hidden" name="cpid">
  197. <div class="modal-dialog modal-lg" role="document">
  198. <div class="modal-content">
  199. <div class="modal-header">
  200. <h5 class="modal-title">附件</h5>
  201. </div>
  202. <div class="modal-body">
  203. <div class="form-group upload-permission">
  204. <label for="formGroupExampleInput">单个文件大小限制:50MB,支持<span data-toggle="tooltip" data-placement="bottom" title="doc,docx,xls,xlsx,ppt,pptx,pdf">office等文档格式</span>、<span data-toggle="tooltip" data-placement="bottom" title="jpg,png,bmp">图片格式</span>、<span data-toggle="tooltip" data-placement="bottom" title="rar,zip">压缩包格式</span></label>
  205. <br>
  206. <input type="file" class="" multiple>
  207. </div>
  208. <div class="modal-height-500" style="overflow:auto;">
  209. <table class="table table-sm table-bordered text-center" style="word-break:break-all; table-layout: fixed">
  210. <thead>
  211. <tr><th width="5%">序号</th><th>名称</th><th width="8%">上传人</th><th width="20%">上传时间</th><th width="15%">操作</th></tr>
  212. </thead>
  213. <tbody>
  214. </tbody>
  215. </table>
  216. </div>
  217. </div>
  218. <div class="modal-footer">
  219. <button type="button" class="btn btn-outline-secondary btn-sm" data-dismiss="modal">关闭</button>
  220. <!--<button type="button" class="btn btn-primary btn-sm" id="upload-file-btn">确定</button>-->
  221. </div>
  222. </div>
  223. </div>
  224. </div>
  225. <!--结算合同-->
  226. <div class="modal fade" id="cons-close" data-backdrop="static">
  227. <div class="modal-dialog" role="document">
  228. <div class="modal-content">
  229. <div class="modal-header">
  230. <h5 class="modal-title">结算合同</h5>
  231. </div>
  232. <div class="modal-body">
  233. <h5>当前合同【<span id="close_contract_code"></span>】:</h5>
  234. <h5>存在待支付金额<strong>【<span id="close_df_price"></span>】</strong>,确定关闭?</h5>
  235. <h5>关闭后,合同将锁定,无法进行编辑等操作。</h5>
  236. <div class="form-group mt-3">
  237. <label>结算书编号:<b class="text-danger">*</b></label>
  238. <input class="form-control form-control-sm" placeholder="输入结算书编号" id="close_settle_code" type="text">
  239. </div>
  240. </div>
  241. <div class="modal-footer">
  242. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
  243. <button type="button" class="btn btn-sm btn-primary" id="close_contract_btn">确认结算</button>
  244. </div>
  245. </div>
  246. </div>
  247. </div>
  248. <!--解锁合同-->
  249. <div class="modal fade" id="cons-unlock" data-backdrop="static">
  250. <div class="modal-dialog" role="document">
  251. <div class="modal-content">
  252. <div class="modal-header">
  253. <h5 class="modal-title">解锁合同</h5>
  254. </div>
  255. <div class="modal-body">
  256. <h5>解锁后,合同可进行编辑等操作。</h5>
  257. </div>
  258. <div class="modal-footer">
  259. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
  260. <button type="button" class="btn btn-sm btn-primary" id="unlock_contract_btn">确认解锁</button>
  261. </div>
  262. </div>
  263. </div>
  264. </div>