file_modal.ejs 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202
  1. <% if (ctx.session.sessionUser.is_admin) { %>
  2. <div class="modal" id="filing-permission">
  3. <div class="modal-dialog modal-lg" role="document">
  4. <div class="modal-content">
  5. <div class="modal-header">
  6. <h5 class="modal-title">授权用户</h5>
  7. </div>
  8. <div class="modal-body">
  9. <div class="row">
  10. <div class="col-4">
  11. <div class="d-flex justify-content-center bg-graye">
  12. <div class="p-2 vertical-middle"><input class="mr-1" type="checkbox" id="filing-select-all">文档类别</div>
  13. </div>
  14. <div class="modal-height-400">
  15. <div class="category">
  16. <ul style="list-style: none">
  17. <% for (const ft of filingTypes) { %>
  18. <li>
  19. <div class="form-check">
  20. <input class="form-check-input" name="cbft" type="checkbox" value="<%- ft.value %>" id="ftCheck<%- ft.value %>">
  21. <label class="form-check-label" for="ftCheck<%- ft.value %>"></label>
  22. <span name="ftName" ftid="<%- ft.value %>"><%- ft.name %></span>
  23. </div>
  24. </li>
  25. <% } %>
  26. </ul>
  27. </div>
  28. </div>
  29. </div>
  30. <div class="col-8">
  31. <div class="d-flex flex-row bg-graye">
  32. <div class="p-2">
  33. <button class="btn btn-outline-primary btn-sm dropdown-toggle" type="button" id="dropdown-up" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  34. 添加用户
  35. </button>
  36. <div class="dropdown-menu" aria-labelledby="dropdown-up" style="width:220px">
  37. <dl class="list-unstyled book-list" id="puList">
  38. </dl>
  39. </div>
  40. </div>
  41. <div class="p-2"><a href="javascript: void(0);" id="batch-del-filing" class="text-danger">批量删除</a></div>
  42. <div class="p-2"><a href="javascript: void(0);" id="sync-filing">同步授权至其他类别</a></div>
  43. </div>
  44. <div class="modal-height-400 scroll-y">
  45. <table class="table table-bordered">
  46. <thead>
  47. <tr><th class="vertical-middle"><input class="mr-1" type="checkbox" id="user-select-all">选择</th><th>用户名</th><th>授权时间</th><th>权限</th><th>操作</th></tr>
  48. </thead>
  49. <tbody id="filing-valid">
  50. </tbody>
  51. </table>
  52. </div>
  53. </div>
  54. </div>
  55. </div>
  56. <div class="modal-footer">
  57. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
  58. <button type="button" class="btn btn-sm btn-primary" id="filing-permission-ok">确定</button>
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. <% } %>
  64. <% if (canUpload) { %>
  65. <!--上传附件-->
  66. <div class="modal fade" id="add-file" data-backdrop="static">
  67. <div class="modal-dialog" role="document">
  68. <div class="modal-content">
  69. <div class="modal-header">
  70. <h5 class="modal-title">上传附件</h5>
  71. </div>
  72. <div class="modal-body">
  73. <div class="form-group text-danger" style="display: none" id="upload-file-hint">
  74. </div>
  75. <div class="form-group">
  76. <label for="formGroupExampleInput">单个文件大小限制:50MB,支持<span data-toggle="tooltip" data-placement="bottom" title="" data-original-title="doc,docx,xls,xlsx,ppt,pptx,pdf">office等文档格式</span>、<span data-toggle="tooltip" data-placement="bottom" title="" data-original-title="jpg,png,bmp">图片格式</span>、<span data-toggle="tooltip" data-placement="bottom" title="" data-original-title="rar,zip">压缩包格式</span></label>
  77. <input type="file" class="" id="upload-file" multiple>
  78. </div>
  79. </div>
  80. <div class="modal-footer">
  81. <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
  82. <button type="button" class="btn btn-primary btn-sm" id="add-file-ok">确认</button>
  83. </div>
  84. </div>
  85. </div>
  86. </div>
  87. <div class="modal fade" id="add-big-file" data-backdrop="static">
  88. <div class="modal-dialog" role="document">
  89. <div class="modal-content">
  90. <div class="modal-header">
  91. <h5 class="modal-title">上传附件</h5>
  92. </div>
  93. <div class="modal-body">
  94. <div class="form-group text-danger" style="display: none" id="upload-big-file-hint">
  95. </div>
  96. <div class="form-group">
  97. <label for="formGroupExampleInput">文件大小限制:500MB,支持<span data-toggle="tooltip" data-placement="bottom" title="" data-original-title="doc,docx,xls,xlsx,ppt,pptx,pdf">office等文档格式</span>、<span data-toggle="tooltip" data-placement="bottom" title="" data-original-title="jpg,png,bmp">图片格式</span>、<span data-toggle="tooltip" data-placement="bottom" title="" data-original-title="rar,zip">压缩包格式</span></label>
  98. <input type="file" class="" id="upload-big-file">
  99. </div>
  100. <div class="form-group progress">
  101. <div id="upload-big-file-progress" class="progress-bar" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"></div>
  102. </div>
  103. </div>
  104. <div class="modal-footer">
  105. <button type="button" class="btn btn-primary btn-sm" id="add-big-file-stop" style="display: none">暂停</button>
  106. <button type="button" class="btn btn-primary btn-sm" id="add-big-file-resume" style="display: none">重新上传</button>
  107. <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
  108. <button type="button" class="btn btn-primary btn-sm" id="add-big-file-ok">确认</button>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. <div class="modal fade" id="batch-del-file" data-backdrop="static" style="display: none;" aria-hidden="true">
  114. <div class="modal-dialog" role="document">
  115. <div class="modal-content">
  116. <div class="modal-header">
  117. <h5 class="modal-title">批量删除确认</h5>
  118. </div>
  119. <div class="modal-body">
  120. <p>确认删除当前文件类别?</p>
  121. <p>删除后,数据无法恢复,请谨慎操作。</p>
  122. </div>
  123. <div class="modal-footer">
  124. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
  125. <button type="button" class="btn btn-sm btn-danger" id="batch-del-file-ok">确定删除</button>
  126. </div>
  127. </div>
  128. </div>
  129. </div>
  130. <div class="modal fade" id="rela-file" data-backdrop="static" style="display: none;" aria-hidden="true">
  131. <div class="modal-dialog modal-lgx" role="document">
  132. <div class="modal-content">
  133. <div class="modal-header d-flex justify-content-between align-items-center">
  134. <h5 class="modal-title">引用文件</h5>
  135. <div id="rela-filing-hint">当前目录:项目管理文件/第一合同段/计量台账(自己新增的节点)</div>
  136. </div>
  137. <div class="modal-body">
  138. <div class="row">
  139. <div class="col-4">
  140. <div class="d-flex justify-content-center bg-graye">
  141. <div class="p-2">标段列表</div>
  142. </div>
  143. <div class="modal-height-400 scroll-y">
  144. <ul id="rela-tender" class="ztree"></ul>
  145. </div>
  146. </div>
  147. <div class="col-8">
  148. <div class="d-flex justify-content-between align-items-center">
  149. <div>
  150. <div class="d-flex flex-row">
  151. <select class="form-control form-control-sm mr-2" id="tf-type" style="width: 100px">
  152. </select>
  153. <select class="form-control form-control-sm mr-2" id="tf-sub-type" style="width: 120px">
  154. </select>
  155. <select class="form-control form-control-sm" id="tf-stage" style="width: 80px">
  156. </select>
  157. </div>
  158. </div>
  159. <div id="cur-tender-hint">当前标段,已选14个文件</div>
  160. </div>
  161. <div class="modal-height-400 mt-3 scroll-y">
  162. <table class="table table-bordered">
  163. <thead>
  164. <tr><th>选择</th><th>文件名称</th><th>文件分类</th></tr>
  165. </thead>
  166. <tbody id="rf-files">
  167. </tbody>
  168. </table>
  169. </div>
  170. </div>
  171. </div>
  172. </div>
  173. <div class="modal-footer d-flex justify-content-between align-items-center">
  174. <div id="rela-file-hint">已选1个标段,共14个文件</div>
  175. <div>
  176. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
  177. <button type="button" class="btn btn-sm btn-primary" id="rela-file-ok">确定</button>
  178. </div>
  179. </div>
  180. </div>
  181. </div>
  182. </div>
  183. <% } %>
  184. <% if (canFiling) { %>
  185. <div class="modal fade" id="del-filing" data-backdrop="static" style="display: none;" aria-hidden="true">
  186. <div class="modal-dialog" role="document">
  187. <div class="modal-content">
  188. <div class="modal-header">
  189. <h5 class="modal-title">删除确认</h5>
  190. </div>
  191. <div class="modal-body">
  192. <p>如存在子类别,数据文件会一并删除,删除后,数据无法恢复,请谨慎操作。</p>
  193. <h6>确认删除当前文件类别?</h6>
  194. </div>
  195. <div class="modal-footer">
  196. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
  197. <button type="button" class="btn btn-sm btn-danger" id="del-filing-ok">确定删除</button>
  198. </div>
  199. </div>
  200. </div>
  201. </div>
  202. <% } %>