ui-uploadFiles.html 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <div class="row worknumber fontcolor-two margin-top-10" style="margin-right: 0;">
  2. <div class="col-md-12 formheard_pad">
  3. <div class="pull-left fontsizes-16 font-weight-500">
  4. 附件上传
  5. </div>
  6. </div>
  7. <div class="col-md-12" style="padding:0;">
  8. <div class="panel panel-white">
  9. <div class="panel-heading">
  10. <span class="btn btn-blue btn-o btn-file col-md-12 pull-left"><i class="fa fa-plus"></i>
  11. <input name="uploadedFile" type="file" nv-file-select=""
  12. uploader="uploader" />
  13. </span>
  14. </div>
  15. <div class="panel-body">
  16. <table class="table table-striped table-hover" style="table-layout: fixed;">
  17. <thead>
  18. <tr>
  19. <th class="center" style="width:47%;">名称</th>
  20. <th class="hidden-xs" ng-show="uploader.isHTML5" style="width:20%;">大小</th>
  21. <th class="hidden-xs" style="width:20%;">操作</th>
  22. </tr>
  23. </thead>
  24. <tbody>
  25. <tr ng-repeat="item in uploader.queue">
  26. <td title="{{item.file.name}}"><strong>{{ item.file.name }}</strong></td>
  27. <td ng-show="uploader.isHTML5" nowrap>{{ item.file.size/1024/1024|number:2 }} MB</td>
  28. <td nowrap>
  29. <button type="button" class="btn btn-danger btn-xs" ng-click="item.remove()">
  30. <span class="glyphicon glyphicon-trash"></span>
  31. </button>
  32. </td>
  33. </tr>
  34. </tbody>
  35. </table>
  36. <button type="button" ng-if="to.isupdata" class="btn btn-success btn-s" ng-click="dropfile(to.ApiService,to.processInstanceId, to.taskId, to.userId)"
  37. ng-disabled="!uploader.getNotUploadedItems().length">
  38. <span class="glyphicon glyphicon-upload"></span> 上传
  39. </button>
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  44. <style>
  45. .btn-danger{
  46. background: #fff;
  47. color: #d43f3a;
  48. padding: 0 5px !important;
  49. }
  50. </style>