attachlist.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" ng-app="app">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  6. <title>附件查看</title>
  7. <link href="../../../AFrontEnd/css/animate.css" rel="stylesheet" />
  8. <link href="../../../AFrontEnd/css/fontawesome/css/font-awesome.css" rel="stylesheet" />
  9. <link href="../../../AFrontEnd/css/bootstrap.css" rel="stylesheet" />
  10. <link href="../../../AFrontEnd/css/style.css" rel="stylesheet" />
  11. <link href="../../../AFrontEnd/plugins/cropper/cropper.css" rel="stylesheet" />
  12. <script>document.write("<link href='../../../AFrontEnd/css/special.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
  13. <script>document.write("<link href='../../flowchart_app_imgcss/css/attachlist.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
  14. <script>document.write("<link href='../../flowchart_app_imgcss/css/imgCut.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
  15. </head>
  16. <body>
  17. <div ng-controller="formeditCtrl as ctl" id="app" ng-cloak>
  18. <div class="wrapper wrapper-content">
  19. <div class="row">
  20. <div class="col-md-12">
  21. <div class="ibox float-e-margins">
  22. <div class="ibox-content">
  23. <div class="row">
  24. <div class="col-md-12">
  25. <div class="sp-box sp-bg-white">
  26. <div class="sp-page-col">
  27. <div class="sp-page-title" style="margin:7px 0;">附件查看</div>
  28. </div>
  29. <div class="sp-page-col sp-ml-15 topPart">
  30. <a ng-repeat="item in ctl.SwenList" ng-class="{'activeSwen':ctl.Title==item.VNAME}" class="SwenBtn" href="{{item.TEMPFORM}}" title="{{item.VNAME}}">
  31. {{item.VNAME}}&nbsp;
  32. <!--<i ng-if="ctl.Title==item.VNAME" class="fa fa-check sp-color-blue"></i>-->
  33. </a>
  34. </div>
  35. <div class="sp-page-col sp-pull-right btn-box">
  36. <a class="sp-md sp-radius" ng-class="{'sp-btn-gray':item.CODE.indexOf('SENDITEM')==-1,'sp-btn-blue':item.CODE.indexOf('SENDITEM')!=-1}"ng-repeat="item in ctl.buttonList" ng-click="ctl.btnEvent(item)" ng-if="ctl.dotype==1||(ctl.dotype!=1&&item.EXPLAIN=='1')">
  37. <img ng-if="item.CODE.indexOf('SAVEITEM')!=-1" src="../../flowchart_app_imgcss/img/bc.png" height="14" />
  38. <img ng-if="item.CODE.indexOf('PRINTITEM')!=-1" src="../../flowchart_app_imgcss/img/dy.png" height="14" />
  39. <img ng-if="item.CODE.indexOf('SENDITEM')!=-1" src="../../flowchart_app_imgcss/img/zfw.png" height="14" />
  40. <img ng-if="item.CODE.indexOf('SENDLOG')!=-1" src="../../flowchart_app_imgcss/img/lz.png" height="14" />
  41. {{item.CNAME}}
  42. </a>
  43. <a href="{{ctl.return}}" class="sp-btn-gray sp-radius">
  44. <img src="../../flowchart_app_imgcss/img/fh.png" height="14" />
  45. 返 回
  46. </a>
  47. </div>
  48. </div>
  49. <div class="sp-page">
  50. <div class="row">
  51. <div class="col-md-2">
  52. <div class="sp-page" style="padding:15px;background-color: #E9F5FC">
  53. <div class="sp-page">
  54. <span style="line-height:30px">
  55. <img src="../../flowchart_app_imgcss/img/attachlist/fj.png" style="margin-top:-3px" />&nbsp;附件列表
  56. </span>
  57. <span class="upload" ng-if="ctl.routeinfoid!=0&&ctl.dotype!=0">
  58. <span class="upload-tip"></span>
  59. <input id="fileupload" class="upload-file-single" ng-click="ctl.upload()" type="file" name="files[]" multiple>
  60. <img src="../../flowchart_app_imgcss/img/attachlist/upload.png" />
  61. <span class="upload-loading" ng-if="ctl.uploading"><i class="fa fa-spinner fa-pulse sp-fs-20"></i></span>
  62. </span>
  63. </div>
  64. <div class="sp-line-gray"></div>
  65. <div class="sp-page" style="overflow-y: auto">
  66. <div ng-repeat="item in ctl.arrayFile" class="watchItem" ng-class="{'active':ctl.watchNum == $index+1}"
  67. style="background-color: #FAFDFF; cursor: pointer" ng-click="ctl.browse(item)">
  68. <div class="sp-text-left sp-mb-5">
  69. 附件{{$index+1}}.
  70. <span class="sp-pull-right" ng-click="ctl.deleteFile(item);$event.stopPropagation();" ng-if="ctl.dotype!=0">
  71. <img src="../../flowchart_app_imgcss/img/attachlist/delete.png" title="删除" />
  72. </span>
  73. <span class="sp-pull-right sp-mr-10" ng-click="ctl.downLoad(item)">
  74. <img src="../../flowchart_app_imgcss/img/attachlist/download.png" title="下载" />
  75. </span>
  76. </div>
  77. <div style="overflow:hidden;white-space:nowrap;text-overflow:ellipsis" ng-bind="item.FILENAMES" title="{{item.FILENAMES}}"></div>
  78. </div>
  79. </div>
  80. </div>
  81. </div>
  82. <div class="col-md-10" style="overflow-x: auto; text-align: center; background-color: #F9FDFF">
  83. <div class="sp-page mousemove" style="position:fixed;z-index:6;background:#c6c6c6;opacity:0.5;display:none"></div>
  84. <img width="500" src="../../flowchart_app_imgcss/img/attachlist/default.png" ng-if="ctl.iframeList.length==0" />
  85. <div class="sp-page" id="iframeList" style="height:600px;" ng-if="ctl.iframeList.length!=0">
  86. <div class="iframe-item" ng-style="item.boxWidth" ng-repeat="item in ctl.iframeList" repeat-finish>
  87. <div class="iframe-title" ng-style="item.boxWidth" ng-bind="item.title"></div>
  88. <div class="iframe-item-btn">
  89. <button class="sp-btn-gray sp-btn-sm sp-radius" ng-click="ctl.openItem(item)">新窗口</button>
  90. <!--<button class="sp-btn-gray sp-btn-sm sp-radius" ng-click="ctl.joinItem(item)">收藏</button>-->
  91. <button class="sp-btn-blue sp-btn-sm sp-radius" ng-click="ctl.closeItem($index)">关闭</button>
  92. </div>
  93. <div class="iframe-border-right" ng-init="ctl.reSize($index)" ng-if="$index>0"></div>
  94. <iframe ng-src="{{item.url}}" ng-style="item.iframeWidth" style="padding-top:30px" frameborder="0" class="iframe" scrolling="no"></iframe>
  95. </div>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. </div>
  107. </div>
  108. <script src="../../../AFrontEnd/plugins/cropper/cropper.js"></script>
  109. <script src="../../../AFrontEnd/js/jquery/jquery-1.8.3.min.js"></script>
  110. <script src="../../../AFrontEnd/js/laydate/laydate.js"></script>
  111. <script src="../../../AFrontEnd/js/angularjs/angular.js"></script>
  112. <script src="../../../AFrontEnd/js/angularjs/dirPagination.js"></script>
  113. <script src="../../../apiurljs.js"></script>
  114. <script src="../../../js/sm4.js"></script>
  115. <script>document.write('<scri' + 'pt src="../../../AFrontEnd/js/special/special.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')</script>
  116. <script>document.write('<scri' + 'pt src="js/attachlist.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')</script>
  117. <script src="../../../AFrontEnd/js/special/spng.js"></script>
  118. <script src="../../../AFrontEnd/js/special/spngvld.js"></script>
  119. <!--附件-->
  120. <script src="../../../AFrontEnd/plugins/js.fileupload/vendor/jquery.ui.widget.js"></script>
  121. <script src="../../../AFrontEnd/plugins/js.fileupload/jquery.iframe-transport.js"></script>
  122. <script src="../../../AFrontEnd/plugins/js.fileupload/jquery.fileupload.js"></script>
  123. </body>
  124. </html>