pay_detail.ejs 8.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. <% include ./sub_menu.ejs %>
  2. <div class="panel-content">
  3. <div class="panel-title">
  4. <div class="title-main d-flex">
  5. <% include ./sub_mini_menu.ejs %>
  6. <div class="col-10 pl-0">
  7. <!-- <div class="d-inline-block mr-3">-->
  8. <!-- <div class="btn-group btn-group-toggle group-tab" data-toggle="buttons">-->
  9. <!-- <label class="btn btn-sm btn-light active">-->
  10. <!-- <input type="radio" name="options" id="option0" autocomplete="off"> 支付详情-->
  11. <!-- </label>-->
  12. <!-- <label class="btn btn-sm btn-light">-->
  13. <!-- <input type="radio" name="option3" id="option3" autocomplete="off"> 输出报表-->
  14. <!-- </label>-->
  15. <!-- </div>-->
  16. <!-- </div>-->
  17. <div class="d-inline-block">
  18. <span class="mr-3"><strong><%- financialPay.tenderName %></strong></span>
  19. </div>
  20. </div>
  21. <div class="d-inline-block ml-auto">
  22. <% if (financialPay.status === auditConst.status.uncheck) { %>
  23. <% if (ctx.session.sessionUser.accountId === financialPay.uid) { %>
  24. <a id="sub-sp-btn" href="javascript: void(0);" data-toggle="modal" data-target="#sub-sp" class="btn btn-primary btn-sm">上报审批</a>
  25. <% } else { %>
  26. <a id="sub-sp-btn" href="javascript: void(0);" data-toggle="modal" data-target="#sub-sp" class="btn btn-outline-secondary btn-sm">上报中</a>
  27. <% } %>
  28. <% } else if (financialPay.status === auditConst.status.checking) { %>
  29. <% if (financialPay.curAuditorIds.indexOf(ctx.session.sessionUser.accountId) >= 0) { %>
  30. <a id="sp-done-btn" href="javascript: void(0);" data-toggle="modal" data-target="#sp-done" class="btn btn-success btn-sm">审批通过</a>
  31. <a href="#sp-back" data-toggle="modal" data-target="#sp-back" class="btn btn-warning btn-sm">审批退回</a>
  32. <% } else { %>
  33. <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-secondary btn-sm">审批中</a>
  34. <% } %>
  35. <% } else if (financialPay.status === auditConst.status.checked) { %>
  36. <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-success btn-sm">审批完成</a>
  37. <% } else if (financialPay.status === auditConst.status.checkNo) { %>
  38. <a href="#sp-list" data-type="hide" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm text-muted sp-list-btn">审批<% if (financialPay.status === auditConst.status.checkNo) { %>退回<% } %></a>
  39. <% if (ctx.session.sessionUser.accountId === financialPay.uid) { %>
  40. <a href="#sp-list" data-type="show" data-toggle="modal" data-target="#sp-list" class="btn btn-primary btn-sm sp-list-btn">重新上报</a>
  41. <% } %>
  42. <% } %>
  43. </div>
  44. </div>
  45. </div>
  46. <div class="content-wrap">
  47. <div class="c-body">
  48. <div class="sjs-height-0">
  49. <div class="col-xl-11 mx-auto">
  50. <h5 class="mt-4">基本信息</h5>
  51. <table class="table table-bordered" id="pay-table">
  52. <tbody>
  53. <tr>
  54. <th width="120px" class="text-center align-middle">支付编号</th>
  55. <td width="300px"><input class="form-control form-control-sm" disabled value="<%- financialPay.code %>" /></td>
  56. <th width="120px" class="text-center align-middle">支付用途</th>
  57. <% if (financialPay.readOnly) { %>
  58. <td width="300px"><input class="form-control form-control-sm" disabled value="<%- financialPay.used %>" /></td>
  59. <% } else { %>
  60. <td width="300px">
  61. <select class="form-control form-control-sm" data-name="used">
  62. <% for (const used of usedList) { %>
  63. <option <% if (used === financialPay.used) { %>selected<% } %>><%- used %></option>
  64. <% } %>
  65. </select>
  66. </td>
  67. <% } %>
  68. <th width="120px" class="text-center align-middle">支付金额</th>
  69. <td width="300px"><input id="pay-total-price" class="form-control form-control-sm" disabled value="<%- financialPay.total_price %>" /></td>
  70. </tr>
  71. <tr>
  72. <th width="" class="text-center align-middle">申请支付单位</th>
  73. <td width=""><input type="text" data-name="entity" value="<%- financialPay.entity %>" <% if (financialPay.readOnly) { %>readonly<% } %> class="form-control form-control-sm"></td>
  74. <th width="" class="text-center align-middle">支付单位开户行</th>
  75. <td width=""><input type="text" data-name="bank" value="<%- financialPay.bank %>" <% if (financialPay.readOnly) { %>readonly<% } %> class="form-control form-control-sm"></td>
  76. <th width="" class="text-center align-middle">支付账号</th>
  77. <td width=""><input type="text" data-name="bank_account" value="<%- financialPay.bank_account %>" <% if (financialPay.readOnly) { %>readonly<% } %> class="form-control form-control-sm"></td>
  78. </tr>
  79. <tr>
  80. <th width="120px" class="text-center align-middle">备注</th>
  81. <td width=""colspan="5"><textarea class="form-control form-control-sm" data-name="remark" rows="3" <% if (financialPay.readOnly) { %>readonly<% } %>><%- financialPay.remark %></textarea></td>
  82. </tr>
  83. </tbody>
  84. </table>
  85. <div class="d-flex mt-4" id="qingdan">
  86. <h5 class="d-inline-block">支付明细</h5>
  87. <% if (!financialPay.readOnly) { %>
  88. <div class="d-inline-block ml-auto">
  89. <a href="javascript:void(0);" class="btn btn-sm btn-light text-primary mr-2" id="add-white-contract">添加</a>
  90. <a href="#add-deal" data-toggle="modal" data-target="#add-deal" class="btn btn-sm btn-light text-primary mr-2">添加合同</a>
  91. </div>
  92. <% } %>
  93. </div>
  94. <div class="modal-height-400" id="pay-contract-spread"></div>
  95. <h5 class="mt-4" id="fujian">附件</h5>
  96. <table class="table table-bordered">
  97. <thead>
  98. <tr>
  99. <th></th>
  100. <th>附件</th>
  101. <th>上传者</th>
  102. <th>上传时间</th>
  103. <th>操作</th>
  104. </tr>
  105. </thead>
  106. <tbody id="file-content">
  107. </tbody>
  108. </table>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. <div style="display: none">
  115. <img src="/public/images/file_clip.png" id="rela-file-icon" />
  116. <img src="/public/images/file_clip_hover.png" id="rela-file-hover" />
  117. </div>
  118. <script>
  119. const cur_uid = <%- ctx.session.sessionUser.accountId %>;
  120. const auditConst = JSON.parse('<%- JSON.stringify(auditConst) %>');
  121. const fileList = JSON.parse(unescape('<%- escape(JSON.stringify(fileList)) %>')) || [];
  122. const whiteList = JSON.parse('<%- JSON.stringify(whiteList) %>');
  123. const preUrl = '<%- preUrl2 %>';
  124. const readOnly = <%- financialPay.readOnly %>;
  125. const financialPay = JSON.parse(unescape('<%- escape(JSON.stringify(financialPay)) %>'));
  126. const payTypeList = JSON.parse(unescape('<%- escape(JSON.stringify(payTypeList)) %>'));
  127. let contractList;
  128. </script>