explorer.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html style="background-attachment: fixed;" xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  5. <title>资源管理器 - 电力能源服务网 - Powered by ZKSF</title>
  6. <link href="http://static.vbdsm.com/js/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
  7. <link href="http://static.vbdsm.com/css/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
  8. <link href="/css/explorer.layout.css" rel="stylesheet" type="text/css"/>
  9. <!-- <link rel="stylesheet" type="text/css" href="/css/explorer.css"/> -->
  10. </head>
  11. <body style="overflow: hidden; cursor: auto;">
  12. <div class="frame-header">
  13. <div class="header-content">
  14. <div class="header-left">
  15. <div class="btn-group btn-group-sm">
  16. <button class="btn btn-default" id="history_back" style="height: 19px;" title="后退" type="button"><i
  17. class="fa fa-arrow-left"></i></button>
  18. <button class="btn btn-default" id="history_next" style="height: 19px;" title="前进" type="button"><i
  19. class="fa fa-arrow-right"></i></button>
  20. <button class="btn btn-default" id="refresh" style="height: 19px;" title="强制刷新" type="button"><i
  21. class="fa fa-refresh"></i></button>
  22. </div>
  23. </div><!-- /header left -->
  24. <div class="header-middle">
  25. <button class="btn btn-default" id="home" title="我的文件"><i class="fa fa-home"
  26. style="font-size:18px;"></i></button>
  27. <div id="yarnball" style="display: block;" title="点击进入编辑状态">
  28. </div>
  29. <div id="yarnball_input" style="display: none;"><input class="path" id="path" name="path" type="text"
  30. value=""></div>
  31. <button class="btn btn-default" id="up" title="上层" type="button"><i class="fa fa-arrow-circle-up"
  32. style="font-size:16px;"></i></button>
  33. <div class="path_tips" data-original-title="该目录没有写权限&lt;br/&gt;可以在操作系统中设置此目录的权限"
  34. style="display: none;"
  35. title=""><i class="icon-warning-sign"></i>只读
  36. </div>
  37. </div><!-- /header-middle end-->
  38. <div class="header-right">
  39. <input name="seach" type="text">
  40. <button class="btn btn-default" id="search" title="搜索" type="button"><i class="fa fa-search"></i></button>
  41. </div>
  42. </div>
  43. </div>
  44. <!-- / header end -->
  45. <div class="frame-main">
  46. <div class="frame-left">
  47. <ul class="ztree" id="folderList">
  48. </ul>
  49. <div class="bottom_box">
  50. <div class="box_content">
  51. <a class="cell recycleBtn" href="javascript:void(0);"><i class="fa fa-trash"></i><span>回收站</span></a>
  52. <a class="cell logoutBtn" href="javascript:void(0);" id="logoutBtn"><i
  53. class="fa fa-power-off"></i><span>退出登录</span></a>
  54. <div style="clear:both"></div>
  55. </div>
  56. </div>
  57. </div>
  58. <div class="frame-resize"></div>
  59. <div class="frame-right">
  60. <div class="frame-right-main">
  61. <div class="tools">
  62. <div class="tools-left">
  63. <!-- 回收站tool -->
  64. <div class="btn-group btn-group-sm recycle_tool hidden">
  65. <button class="btn btn-default" id="recycle_clear" type="button"><i
  66. class="fa fa-folder-close-alt"></i>清空回收站
  67. </button>
  68. </div>
  69. <!-- 分享 tool -->
  70. <div class="btn-group btn-group-sm share_tool hidden">
  71. <button class="btn btn-default" id="refresh" type="button"><i
  72. class="fa fa-folder-close-alt"></i>刷新
  73. </button>
  74. </div>
  75. <!-- 文件功能 -->
  76. <div class="btn-group btn-group-sm path_tool">
  77. <button class="btn btn-default" id="showCreateFolderBtn" type="button"><i
  78. class="fa fa-folder-o"></i>新建文件夹
  79. </button>
  80. <button class="btn btn-default" id="showUploadBtn" type="button"><i
  81. class="fa fa-cloud-upload"></i>上传
  82. </button>
  83. <button class="btn btn-default" id="downloadBtn" type="button"><i class="fa fa-download"></i>下载
  84. </button>
  85. <button class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" type="button">
  86. <i class="fa fa-tasks"></i>更多&nbsp;<span class="caret"></span>
  87. </button>
  88. <ul class="dropdown-menu pull-right drop-menu-action fadein">
  89. <li class="disabled" id="open"><a href="javascript:"><i
  90. class="fa fa-folder-open"></i>打开</a>
  91. </li>
  92. <li class="divider disabled"></li>
  93. <li class="disabled" id="copy"><a href="javascript:"><i class="fa fa-copy"></i>复制</a>
  94. </li>
  95. <li class="disabled" id="rname"><a href="javascript:"><i
  96. class="fa fa-pencil"></i>重命名</a></li>
  97. <li class="disabled" id="cute"><a href="javascript:"><i class="fa fa-cut"></i>剪切</a></li>
  98. <li class="" id="past"><a href="javascript:"><i class="fa fa-paste"></i>粘贴</a></li>
  99. <li class="disabled" id="remove"><a href="javascript:"><i class="fa fa-trash"></i>删除</a>
  100. </li>
  101. <li class="divider disabled"></li>
  102. <li class="" id="info"><a href="javascript:"><i class="fa fa-info"></i>属性</a></li>
  103. </ul>
  104. </div>
  105. <span class="msg" style="display: none;">载入中...</span>
  106. </div>
  107. <div class="tools-right">
  108. <div class="btn-group btn-group-sm">
  109. <button class="btn btn-default active" id="set_icon" title="图标排列" type="button"><i
  110. class="fa fa-th"></i></button>
  111. <button class="btn btn-default" id="set_list" title="列表排列" type="button"><i
  112. class="fa fa-list"></i></button>
  113. </div>
  114. </div>
  115. <div style="clear:both"></div>
  116. </div><!-- end tools -->
  117. <div id="list_type_list"></div><!-- list type 列表排序方式 -->
  118. <div class="bodymain html5_drag_upload_box menuBodyMain">
  119. <div class="fileContiner fileList_icon" style="display: block;"></div>
  120. </div><!-- html5拖拽上传list -->
  121. </div>
  122. </div>
  123. </div>
  124. <!-- Modal -->
  125. <div aria-hidden="true" class="modal fade hidden" id="createFolderModal" role="dialog" style="top:10%" tabindex="-1">
  126. <div class="modal-dialog" style="z-index: 1051">
  127. <div class="modal-content">
  128. <div class="modal-header">
  129. <button class="close" data-dismiss="modal" type="button"><span aria-hidden="true">&times;</span><span
  130. class="sr-only">Close</span></button>
  131. <h4 class="modal-title">新建文件夹</h4>
  132. </div>
  133. <div class="modal-body">
  134. <div class="input-group">
  135. <input class="form-control" id="nfname" placeholder="新建文件夹" size="80" type="text">
  136. </div>
  137. </div>
  138. <div class="modal-footer">
  139. <button class="btn btn-default" data-dismiss="modal" onclick="explorer.createFolder($('#nfname').val())"
  140. type="button">确定
  141. </button>
  142. <button class="btn btn-default" data-dismiss="modal" type="button">取消</button>
  143. </div>
  144. </div>
  145. </div>
  146. </div>
  147. <div aria-hidden="true" class="modal fade hidden" id="uploadModal" role="dialog" style="top:10%" tabindex="-1">
  148. <div class="modal-header">
  149. <button class="close" data-dismiss="modal" type="button"><span aria-hidden="true">&times;</span><span
  150. class="sr-only">Close</span></button>
  151. <h4 class="modal-title">上传文件</h4>
  152. </div>
  153. <div class="modal-body" style="position: relative; height: auto;overflow: hidden; ">
  154. <iframe allowtransparency="true" style="border: none;width: 100%;height: 100%;"></iframe>
  155. </div>
  156. </div>
  157. <div aria-hidden="true" class="modal fade hidden" id="delConfirm" role="dialog" style="top:10%" tabindex="-1">
  158. <div class="modal-dialog" style="z-index: 1051">
  159. <div class="modal-content">
  160. <div class="modal-header">
  161. <button class="close" data-dismiss="modal" type="button"><span aria-hidden="true">&times;</span><span
  162. class="sr-only">Close</span></button>
  163. <h4 class="modal-title">确认删除</h4>
  164. </div>
  165. <div class="modal-body">
  166. <p class="error-text"><i class="icon-warning-sign modal-icon"
  167. style="margin-right: 20px; font-size: 30px; color: #ccc"></i> 删除后将无法还原,是否确认?
  168. </p>
  169. </div>
  170. <div class="modal-footer">
  171. <button aria-hidden="true" class="btn" data-dismiss="modal">取消</button>
  172. <a class="btn btn-danger" href="#" id="okbutton" style="color: #fff">删除</a>
  173. </div>
  174. </div>
  175. </div>
  176. </div>
  177. <div class="btn-group btn-group-sm" id="context-menu">
  178. <ul class="dropdown-menu" role="menu">
  179. <li fd="rname"><a tabindex="-1"><i class="icon-pencil"></i>重命名</a></li>
  180. <li fd="remove"><a tabindex="-1"><i class="icon-trash"></i>删除</a></li>
  181. <li fd="download"><a tabindex="-1"><i class="icon-download"></i>下载</a></li>
  182. </ul>
  183. </div>
  184. <iframe id="hiddenFrame" name="hiddenFrame" style="display: none"></iframe>
  185. <form id="downForm" method="post" style="display: none" target="hiddenFrame"></form>
  186. <script src="http://static.vbdsm.com/js/lib/jquery-1.8.0.min.js" type="text/javascript"></script>
  187. <script src="http://static.vbdsm.com/js/lib/jquery.history.js" type="text/javascript"></script>
  188. <script src="http://static.vbdsm.com/js/lib/jquery.query-2.1.7.js" type="text/javascript"></script>
  189. <script src="http://static.vbdsm.com/js/lib/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
  190. <script src="http://static.vbdsm.com/js/lib/ztree/js/ztree.js" type="text/javascript"></script>
  191. <script src="http://static.vbdsm.com/js/util.js" type="text/javascript"></script>
  192. <script src="/js/explorer.util.js" type="text/javascript"></script>
  193. </body>
  194. </html>