detail2.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
  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 href="{{ctl.return}}" class="sp-btn-gray sp-radius">
  37. <img src="../flowchart_app_imgcss/img/fh.png" height="14" />
  38. 返 回
  39. </a>
  40. <a class="sp-radius sp-btn-gray" ng-if="ctl.returnList.length!=0" ng-click="ctl.returnListShow=!ctl.returnListShow;">
  41. <span ng-if="ctl.returnListShow==true"><i class="fa fa-angle-double-up sp-fs-20 sp-mr-5" style="position:relative;top:3px"></i></span>
  42. <span ng-if="ctl.returnListShow==false"><i class="fa fa-angle-double-down sp-fs-20 sp-mr-5" style="position:relative;top:3px"></i></span>
  43. </a>
  44. </div>
  45. <div class="sp-page" style=" width: 422px; padding: 10px; border: 1px solid #c6c6c6; position: absolute; top: 35px; right: 0px; background: white; z-index: 7;" ng-if="ctl.returnListShow==true">
  46. <center class="sp-box">退回意见:{{ctl.selectReturn.BACKOPINION}}</center>
  47. <table class="sp-grid" style="width: 402px; border: 1px solid #c6c6c6">
  48. <thead>
  49. <tr>
  50. <th width="50">序号</th>
  51. <th width="150">内容</th>
  52. <th width="200">日期</th>
  53. </tr>
  54. </thead>
  55. <tbody>
  56. <tr class="pointer" ng-repeat="item in ctl.returnList" ng-click="ctl.selectReturn=item">
  57. <td ng-bind="$index+1"></td>
  58. <td ng-bind="item.BACKOPINION1"></td>
  59. <td ng-bind="item.BACKDATE"></td>
  60. </tr>
  61. </tbody>
  62. </table>
  63. </div>
  64. </div>
  65. <div class="sp-page">
  66. <div class="row">
  67. <!--<h2 style="color:red;text-align:center" ng-if="ctl.routeinfoid==0">请先保存表单!</h2>
  68. <h2 style="color:red;text-align:center" ng-if="ctl.routeinfoid!=0&&ctl.arrayFile.length==0">暂无附件!</h2>-->
  69. <div class="col-md-2">
  70. <div class="sp-page" style="padding:15px;background-color: #E9F5FC">
  71. <div class="sp-page">
  72. <span style="line-height:30px">
  73. <img src="../flowchart_app_imgcss/img/attachlist/fj.png" style="margin-top:-3px" />&nbsp;附件列表
  74. </span>
  75. <span class="upload">
  76. <span class="upload-tip"></span>
  77. <input id="fileupload" class="upload-file-single" ng-click="ctl.upload()" type="file" name="files[]" multiple>
  78. <img src="../flowchart_app_imgcss/img/attachlist/upload.png" />
  79. <span class="upload-loading" ng-if="ctl.uploading"><i class="fa fa-spinner fa-pulse sp-fs-20"></i></span>
  80. </span>
  81. </div>
  82. <div class="sp-line-gray"></div>
  83. <div class="sp-page">
  84. <div ng-repeat="item in ctl.arrayFile" class="watchItem" ng-class="{'active':ctl.watchNum == $index+1}"
  85. style="background-color: #FAFDFF; cursor: pointer" ng-click="ctl.browse(item)">
  86. <div class="sp-text-left sp-mb-5">
  87. 附件{{$index+1}}.
  88. <span class="sp-pull-right" ng-click="ctl.deleteFile(item);$event.stopPropagation();">
  89. <img src="../flowchart_app_imgcss/img/attachlist/delete.png" title="删除" />
  90. </span>
  91. <span class="sp-pull-right sp-mr-10" ng-click="ctl.downLoad(item)">
  92. <img src="../flowchart_app_imgcss/img/attachlist/download.png" title="下载" />
  93. </span>
  94. </div>
  95. <div style="overflow:hidden;white-space:nowrap;text-overflow:ellipsis" ng-bind="item.FILENAMES" title="{{item.FILENAMES}}"></div>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. <div class="col-md-10" style="overflow-x: auto; text-align: center; background-color: #F9FDFF">
  101. <div class="sp-page mousemove" style="position:fixed;z-index:6;background:#c6c6c6;opacity:0.5;display:none"></div>
  102. <img width="500" src="../flowchart_app_imgcss/img/attachlist/default.png" ng-if="ctl.iframeList.length==0" />
  103. <div class="sp-page" id="iframeList" style="height:600px;" ng-if="ctl.iframeList.length!=0">
  104. <div class="iframe-item" ng-style="item.boxWidth" ng-repeat="item in ctl.iframeList" repeat-finish>
  105. <div class="iframe-title" ng-style="item.boxWidth" ng-bind="item.title"></div>
  106. <div class="iframe-item-btn">
  107. <button class="sp-btn-gray sp-btn-sm sp-radius" ng-click="ctl.openItem(item)">新窗口</button>
  108. <!--<button class="sp-btn-gray sp-btn-sm sp-radius" ng-click="ctl.joinItem(item)">收藏</button>-->
  109. <button class="sp-btn-blue sp-btn-sm sp-radius" ng-click="ctl.closeItem($index)">关闭</button>
  110. </div>
  111. <div class="iframe-border-right" ng-init="ctl.reSize($index)" ng-if="$index>0"></div>
  112. <iframe ng-src="{{item.url}}" ng-style="item.iframeWidth" style="padding-top:30px" frameborder="0" class="iframe" scrolling="no"></iframe>
  113. </div>
  114. </div>
  115. </div>
  116. </div>
  117. </div>
  118. </div>
  119. </div>
  120. </div>
  121. </div>
  122. </div>
  123. </div>
  124. </div>
  125. </div>
  126. <script src="../../AFrontEnd/plugins/cropper/cropper.js"></script>
  127. <script src="../../AFrontEnd/js/jquery/jquery-1.8.3.min.js"></script>
  128. <script src="../../AFrontEnd/js/laydate/laydate.js"></script>
  129. <script src="../../AFrontEnd/js/angularjs/angular.js"></script>
  130. <script src="../../AFrontEnd/js/angularjs/dirPagination.js"></script>
  131. <script src="../../apiurljs.js"></script>
  132. <script src="../../js/sm4.js"></script>
  133. <script>document.write('<scri' + 'pt src="../../AFrontEnd/js/special/special.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')</script>
  134. <script>document.write('<scri' + 'pt src="js/detail2.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')</script>
  135. <script src="../../AFrontEnd/js/special/spng.js"></script>
  136. <script src="../../AFrontEnd/js/special/spngvld.js"></script>
  137. <!--附件-->
  138. <script src="../../AFrontEnd/plugins/js.fileupload/vendor/jquery.ui.widget.js"></script>
  139. <script src="../../AFrontEnd/plugins/js.fileupload/jquery.iframe-transport.js"></script>
  140. <script src="../../AFrontEnd/plugins/js.fileupload/jquery.fileupload.js"></script>
  141. </body>
  142. </html>