detail_modal.ejs 9.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
  1. <% if (rptAudit &&
  2. ((ctx.detail.status !== auditConst.status.checkNo && ctx.detail.status !== auditConst.status.checked) ||
  3. (ctx.detail.status === auditConst.status.checked && !nextDetail) ||
  4. (ctx.detail.status === auditConst.status.checkNo && ctx.detail.uid === ctx.session.sessionUser.accountId))
  5. ) { %>
  6. <!--签字意见-->
  7. <div class="modal fade" id="sub-sp5" data-backdrop="static">
  8. <div class="modal-dialog" role="document">
  9. <div class="modal-content">
  10. <div class="modal-header">
  11. <h5 class="modal-title">签字意见</h5>
  12. </div>
  13. <div class="modal-body">
  14. <div class="form-group mb-3">
  15. <label class="mb-2">当前表单角色:<%- rptAudit.signature_name %></label>
  16. </div>
  17. <div class="form-group">
  18. <label class="mb-2">签字/签章</label>
  19. <div>
  20. <div class="custom-control custom-checkbox d-inline pt-2 pl-2">
  21. <div class="form-check form-check-inline px-2">
  22. <input class="form-check-input" type="checkbox" id="sign_path" value="<%- signPath %>" <% if (rptAudit.signature_msg.sign_path !== null) { %>checked<% } %>>
  23. <label class="form-check-label" for="sign_path">签字</label>
  24. </div>
  25. <div class="form-check form-check-inline mx-1">
  26. <div class="form-group">
  27. <div class="form-check form-check-inline px-1">
  28. <input class="form-check-input" type="checkbox" id="company_stamp" value="<%- companyStamp %>" <% if (rptAudit.signature_msg.company_stamp !== null) { %>checked<% } %>>
  29. <label class="form-check-label" for="company_stamp">单位章</label>
  30. </div>
  31. <% if (stampPathList.length > 0) { %>
  32. <div class="form-check form-check-inline">
  33. <input class="form-check-input" type="checkbox" id="stamp_path" value="<%- currentStamp %>" <% if (rptAudit.signature_msg.stamp_path !== null) { %>checked<% } %>>
  34. <label class="form-check-label" for="stamp_path">个人章</label>
  35. <% if (stampPathList.length > 1) { %>
  36. <a class="pl-2" href="#chose-private-stamp-path" data-toggle="modal" data-target="#chose-private-stamp-path">选择个人章</a>
  37. <% } %>
  38. </div>
  39. <% } %>
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  44. </div>
  45. <% if (ctx.helper._.findIndex(report_json.items[0].signature_date_cells, { signature_name: rptAudit.signature_name + '_签字日期' }) !== -1) { %>
  46. <div class="form-group mb-3">
  47. <label class="mb-2">审批时间 <!-- <b class="text-danger">*</b>--></label>
  48. <div class="input-group input-group-sm margin-inputbox">
  49. <div class="input-group-prepend">
  50. <span class="input-group-text height-inputbox" id="inputGroup-sizing-sm"><i class="fa fa-calendar" title="添加签名日期" ></i></span>
  51. </div>
  52. <input id="signature_date" type="text" class="form-control datepicker-here height-inputbox" aria-label="Small" aria-describedby="inputGroup-sizing-sm" data-language="zh">
  53. </div>
  54. </div>
  55. <% } %>
  56. <% if (ctx.helper._.findIndex(report_json.items[0].signature_audit_cells, { signature_name: rptAudit.signature_name + '_审核意见' }) !== -1) { %>
  57. <div class="form-group mb-3">
  58. <label class="mb-2">审批意见</label>
  59. <textarea id="signature_content" class="form-control form-control-sm" rows="6" placeholder="上报、审批通过可以在这里输入意见"></textarea>
  60. </div>
  61. <% } %>
  62. </div>
  63. <div class="modal-footer">
  64. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
  65. <button type="button" class="btn btn-sm btn-primary" id="commit_sign">确定</button>
  66. </div>
  67. </div>
  68. </div>
  69. </div>
  70. <!--选择个人章-->
  71. <div class="modal fade" id="chose-private-stamp-path" data-backdrop="static">
  72. <div class="modal-dialog modal-lg" role="document">
  73. <div class="modal-content">
  74. <div class="modal-header">
  75. <h5 class="modal-title" id="select-personal-signature-title">选择个人章</h5>
  76. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  77. <span aria-hidden="true">&times;</span>
  78. </button>
  79. </div>
  80. <div class="modal-body">
  81. <div class='row justify-content-md-center'>
  82. <% if (stampPathList.length > 0) { %>
  83. <% for (const item of stampPathList) { %>
  84. <div class="card col-3 p-2 m-3 d-flex <% if (currentStamp === item) { %>card-gk-active<% } %> stamp-img">
  85. <div class="p-0 private-stamp-img">
  86. <div class="sel-width check-state <% if (currentStamp === item) { %>sel-blue<% } %>"></div>
  87. <img src="<%- ctx.app.config.fujianOssPath + item %>" data-src='<%- item %>' class="img-fluid" alt="...">
  88. </div>
  89. </div>
  90. <% } %>
  91. <% for(let i=0;i<stampPathList.length%3;i++){ %>
  92. <div class="col-3 p-2 m-3"></div>
  93. <% } %>
  94. <% } %>
  95. </div>
  96. </div>
  97. <div class="modal-footer">
  98. <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
  99. <button class="btn btn-primary btn-sm" id="select_stamp_path_btn">确定</button>
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. <% } %>
  105. <!--签署进度-->
  106. <div class="modal fade" id="sign-flow" data-backdrop="static">
  107. <div class="modal-dialog" role="document">
  108. <div class="modal-content">
  109. <div class="modal-header">
  110. <h5 class="modal-title">签署进度</h5>
  111. </div>
  112. <div class="modal-body">
  113. <table class="table table-bordered">
  114. <thead class="text-center">
  115. <tr>
  116. <th>序号</th>
  117. <th>表单角色</th>
  118. <th>签署人</th>
  119. <th>签字</th>
  120. <th>签章</th>
  121. </tr>
  122. </thead>
  123. <tbody>
  124. <% for (const [index, ra] of ctx.detail.rptAudits.entries()) { %>
  125. <tr class="text-center" <% if (rptAudit && rptAudit.id === ra.id) { %>id="rpt_audit_sign"<% } %>>
  126. <td><%- index+1 %></td>
  127. <td><%- ra.signature_name %></td>
  128. <td><%- ra.user_name %></td>
  129. <td><% if (ra.signature_msg && ra.signature_msg.sign_path !== null && (ra.sign_time || ra.uid === ctx.session.sessionUser.accountId)) { %><i class="fa fa-check text-success"></i><% } %></td>
  130. <td><% if (ra.signature_msg && (ra.signature_msg.stamp_path !== null || ra.signature_msg.company_stamp !== null) && (ra.sign_time || ra.uid === ctx.session.sessionUser.accountId)) { %><i class="fa fa-check text-success"></i><% } %></td>
  131. </tr>
  132. <% } %>
  133. </tbody>
  134. </table>
  135. </div>
  136. <div class="modal-footer">
  137. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
  138. </div>
  139. </div>
  140. </div>
  141. </div>
  142. <!--添加附件-->
  143. <div class="modal fade" tabindex="-1" role="dialog" aria-hidden="true" id="addfujian">
  144. <div class="modal-dialog" role="document">
  145. <div class="modal-content">
  146. <div class="modal-header">
  147. <h5 class="modal-title" id="myModalLabel">上传附件</h5>
  148. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  149. <span aria-hidden="true">&times;</span>
  150. </button>
  151. </div>
  152. <div class="modal-body">
  153. <p>单个文件大小限制:50MB,支持office等文档格式、图片格式、压缩包格式</p>
  154. <p><input value="选择文件" type="file" id="upload-file" multiple /></p>
  155. </div>
  156. <div class="modal-footer">
  157. <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">取消</button>
  158. <button type="button" class="btn btn-primary btn-sm" id="upload-file-btn">添加</button>
  159. </div>
  160. </div>
  161. </div>
  162. </div>
  163. <% include ./audit_modal.ejs %>