ui-dropfilewechat.html 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. <div class="form-group">
  2. <label for="{{id}}" class="">
  3. {{to.label}}:
  4. </label>
  5. </div>
  6. <table class="table table-hover margin-bottom-10" id="sample-table-1">
  7. <thead>
  8. <tr>
  9. <th class="center">序号</th>
  10. <th>附件名称</th>
  11. <!--<th class="hidden-xs">上传者</th>-->
  12. <th>上传时间</th>
  13. <!-- <th>任务Id</th> -->
  14. <th class="hidden-xs">文件类型</th>
  15. <th class="center">附件下载</th>
  16. <!-- <th class="center">附件预览</th> -->
  17. </tr>
  18. </thead>
  19. <tbody>
  20. <tr ng-repeat="attachment in attachments">
  21. <td class="center">{{$index + 1}}</td>
  22. <td class="hidden-xs">{{attachment.name}}</td>
  23. <!--<td>{{attachment.userName}}</td>-->
  24. <td>{{attachment.addTime|date:'yyyy-MM-dd HH:mm:ss'}}</td>
  25. <!-- <td>{{attachment.taskId}}</td> -->
  26. <td>{{attachment.suffix}}</td>
  27. <td class="center">
  28. <!-- <div class="visible-md visible-lg hidden-sm hidden-xs">
  29. <a ng-href="{{attachment.link}}" ng-init="attachment.link=downloadUrl(attachment.id)" class="btn btn-transparent btn-xs" tooltip-placement="top" tooltip="下载"><i class="fa fa-download"></i></a>
  30. </div> -->
  31. <div class="visible-md visible-lg hidden-sm hidden-xs">
  32. <a ng-click="download(attachment.token,attachment.name)" class="btn btn-transparent btn-xs" tooltip-placement="top" tooltip="下载"><i class="fa fa-download"></i></a>
  33. </div>
  34. </td>
  35. <!-- <td class="center">
  36. <div class="visible-md visible-lg hidden-sm hidden-xs">
  37. <a ng-click="view(attachment.id,attachment.token,attachment.name,attachment.image,attachment.previewUrl)" class="btn btn-transparent btn-xs" tooltip-placement="top" tooltip="预览"><i class="fa fa-file-text-o"></i></a>
  38. </div>
  39. </td> -->
  40. <!-- <div ng-thumb="{ file: item._file, height: 100 }"></div> -->
  41. <!-- <img ng-src="{{imageurl}}" /> {{imageurl}} -->
  42. </tr>
  43. </tbody>
  44. </table>
  45. <!-- <div id="div2" ng-if="imageurl"><img ng-src="{{imageurl}}" style="width:100%;height:100%" /></div> -->
  46. <!-- <script type="text/javascript" language="javascript">
  47. var _move = false; //移动标记
  48. var _x, _y; //鼠标离控件左上角的相对位置
  49. $(document).ready(function() {
  50. $("#div2").click(function() {
  51. //alert("click");//点击(松开后触发)
  52. }).mousedown(function(e) {
  53. _move = true;
  54. _x = e.pageX - parseInt($("#div2").css("left"));
  55. _y = e.pageY - parseInt($("#div2").css("top"));
  56. $("#div2").fadeTo(20, 0.25); //点击后开始拖动并透明显示
  57. });
  58. $(document).mousemove(function(e) {
  59. if (_move) {
  60. var x = e.pageX - _x; //移动时根据鼠标位置计算控件左上角的绝对位置
  61. var y = e.pageY - _y;
  62. $("#div2").css({
  63. top: y,
  64. left: x
  65. }); //控件新位置
  66. }
  67. }).mouseup(function() {
  68. _move = false;
  69. $("#div2").fadeTo("fast", 1); //松开鼠标后停止移动并恢复成不透明
  70. });
  71. });
  72. </script>
  73. <style type="text/css">
  74. #div2 {
  75. position: absolute;
  76. width: 600px;
  77. height: 500px;
  78. z-index: 8888;
  79. border: 1px solid #333333;
  80. background-color: #777788;
  81. text-align: center;
  82. line-height: 400%;
  83. font-size: 13px;
  84. left: 80px;
  85. top: 20px;
  86. }
  87. </style> -->