manage.html 9.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Document</title>
  6. <!-- Bootstrap core CSS -->
  7. <link rel="stylesheet" href="public/bootstrap/bootstrap.min.css">
  8. <!-- Custom styles for this template -->
  9. <link rel="stylesheet" href="public/css/dashboard.css">
  10. <!--bootstrap-treeview start-->
  11. <link rel="stylesheet" type="text/css" href="public/plugins/bootstrap-treeview/bootstrap-treeview.min.css">
  12. <!--bootstrap-treeview end-->
  13. <!--bootstrap-dialog start-->
  14. <link rel="stylesheet" type="text/css" href="public/plugins/bootstrap-dialog/bootstrap-dialog.min.css">
  15. <!--bootstrap-dialog end-->
  16. <style type="text/css">
  17. .nav-sidebar > .active > a, .nav-sidebar > .active > a:hover, .nav-sidebar > .active > a:focus {
  18. background-color: #222222;
  19. cursor:default;
  20. }
  21. #setting{
  22. cursor:pointer;
  23. }
  24. </style>
  25. <!--bootstrap基础引用 start-->
  26. <script type="text/javascript" src="public/bootstrap/jquery-3.1.1.min.js"></script>
  27. <script>
  28. var sickname;
  29. $.ajax({
  30. url:'manager/isLogin',
  31. type:'get',
  32. async:false,
  33. success:function(data){
  34. sickname=data.user;
  35. },
  36. error:function(){
  37. window.location.href='entrance.html'
  38. }
  39. })
  40. </script>
  41. </head>
  42. <body>
  43. <nav class="navbar navbar-inverse navbar-fixed-top">
  44. <div class="container-fluid">
  45. <div class="navbar-header">
  46. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  47. <span class="sr-only">Toggle navigation</span>
  48. <span class="icon-bar"></span>
  49. <span class="icon-bar"></span>
  50. <span class="icon-bar"></span>
  51. </button>
  52. <a class="navbar-brand" href="#">课程学科管理系统</a>
  53. </div>
  54. <div id="navbar" class="navbar-collapse collapse">
  55. <ul class="nav navbar-nav navbar-right">
  56. <!-- <li><a href="#">Dashboard</a></li>
  57. <li><a href="#">Settings</a></li> -->
  58. <li><a id="sickname" href="#">about me</a></li>
  59. <li id="logout"><a href="javascript:void(0)">退出</a></li>
  60. </ul>
  61. </div>
  62. </div>
  63. </nav>
  64. <div class="container-fluid">
  65. <div class="row">
  66. <div class="col-sm-3 col-md-2 sidebar" >
  67. <ul class="nav nav-sidebar">
  68. <li class="first active" style="background: #222222; ">
  69. <a href="#">
  70. <h4 style="color: #f5f5f5;">学科概览
  71. <span id="setting" class="glyphicon glyphicon-cog pull-right "></span>
  72. </h4>
  73. </a>
  74. </li>
  75. <li>
  76. <div id="left-tree" ></div>
  77. </li>
  78. </ul>
  79. </div>
  80. <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
  81. <h1 class="page-header">学科:<span id="headTitle"></span></h1>
  82. <div class="row" id="editShow">
  83. <div class="col-sm-5 col-md-5">
  84. <div class="input-group margin-t-5">
  85. <span class="input-group-addon" >名称:</span>
  86. <input id="editName" type="text" class="form-control" />
  87. </div>
  88. </div>
  89. <div class="col-sm-7 col-md-7">
  90. <button id="Edit" type='button' class='edit btn btn-info btn-md'>
  91. <span class='glyphicon glyphicon-pencil' ></span> 修改学科
  92. </button>
  93. <button id="btnMove" type='button' class='del btn btn-success btn-md'>
  94. <span class='glyphicon glyphicon-retweet'></span> 移动学科
  95. </button>
  96. <button id="btnDel" type='button' class='del btn btn-danger btn-md'>
  97. <span class='glyphicon glyphicon-trash'></span> 删除学科
  98. </button>
  99. </div>
  100. </div>
  101. <hr>
  102. <button id="btnAdd" type="button" class="btn btn-primary btn-md " >
  103. <span class="glyphicon glyphicon-plus"></span> 新增子学科
  104. </button>
  105. <h2 class="sub-header"></h2>
  106. <div class="table-responsive">
  107. <table class="table table-hover">
  108. <caption style="text-align: center;">子课程学科详情</caption>
  109. <thead>
  110. <tr>
  111. <th>学科范畴</th>
  112. <th>课程学科名</th>
  113. <th>创建时间</th>
  114. <th>上次修改时间</th>
  115. </tr>
  116. </thead>
  117. <!-- 主要显示数据的地方 -->
  118. <tbody id="content">
  119. </tbody>
  120. </table>
  121. <ul class="pager">
  122. <li id="pre"><a href="#">上一页</a></li>
  123. <li>当前页:<span id="viewpage">1</span></li>
  124. <li id="next"><a href="#">下一页</a></li>
  125. </ul>
  126. </div>
  127. </div>
  128. </div>
  129. </div>
  130. <!--弹出框 新增权限 start-->
  131. <div class="modal fade" id="addOperation-dialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  132. <div class="modal-dialog" role="document">
  133. <div class="modal-content radius_5">
  134. <div class="modal-header">
  135. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  136. <h4 class="modal-title" id="myModalLabel">新增</h4>
  137. </div>
  138. <div class="modal-body">
  139. <div group="" item="add">
  140. <div>
  141. <div class="input-group margin-t-5">
  142. <span class="input-group-addon">名称:</span>
  143. <input id="addName" type="text" class="form-control" />
  144. </div>
  145. </div>
  146. </div>
  147. </div>
  148. <div class="modal-footer">
  149. <button id="Save" type="button" class="btn btn-primary">保存</button>
  150. <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
  151. </div>
  152. </div>
  153. </div>
  154. </div>
  155. <!--弹出框 新增权限 end-->
  156. <!--弹出框 新增根节点权限 start-->
  157. <div class="modal fade" id="addOperation-dialog-root" tabindex="-1" role="dialog" aria-labelledby="rootModalLabel">
  158. <div class="modal-dialog" role="document">
  159. <div class="modal-content radius_5">
  160. <div class="modal-header">
  161. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  162. <h4 class="modal-title" id="myModalLabel">新增根目录</h4>
  163. </div>
  164. <div class="modal-body">
  165. <div group="" item="add">
  166. <div>
  167. <div class="input-group margin-t-5">
  168. <span class="input-group-addon">名称:</span>
  169. <input id="addRootName" type="text" class="form-control" />
  170. </div>
  171. </div>
  172. </div>
  173. </div>
  174. <div class="modal-footer">
  175. <button id="rootSave" type="button" class="btn btn-primary">保存</button>
  176. <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
  177. </div>
  178. </div>
  179. </div>
  180. </div>
  181. <!--弹出框 新增根节点权限 end-->
  182. <!--弹出框 移动根节点权限 start-->
  183. <div class="modal fade" id="addOperation-dialog-move" tabindex="-1" role="dialog" aria-labelledby="moveModalLabel">
  184. <div class="modal-dialog" role="document">
  185. <div class="modal-content radius_5">
  186. <div class="modal-header">
  187. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  188. <h4 class="modal-title" id="myModalLabel">改变学科类别</h4>
  189. </div>
  190. <div class="modal-body">
  191. <div group="" item="move">
  192. <div>
  193. <div class="input-group margin-t-5">
  194. <span class="input-group-addon">移动至:</span>
  195. <div id="move-tree" style="height: 300px; overflow: auto;"></div>
  196. </div>
  197. </div>
  198. </div>
  199. </div>
  200. <div class="modal-footer">
  201. <button id="moveSave" type="button" class="btn btn-primary">确定</button>
  202. <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
  203. </div>
  204. </div>
  205. </div>
  206. </div>
  207. <!--弹出框 移动根节点权限 end-->
  208. <!-- js文件-->
  209. <!--bootstrap基础引用 start-->
  210. <script type="text/javascript" src="public/bootstrap/bootstrap.min.js"></script>
  211. <!--bootstrap基础引用 end-->
  212. <!--bootstrap-treeview start-->
  213. <script type="text/javascript" src="public/plugins/bootstrap-treeview/bootstrap-treeview.js"></script>
  214. <!--bootstrap-treeview end-->
  215. <!--bootstrap-dialog start-->
  216. <script type="text/javascript" src="public/plugins/bootstrap-dialog/bootstrap-dialog.min.js"></script>
  217. <!--bootstrap-dialog end-->
  218. <!-- customPlugin.js start-->
  219. <script type="text/javascript" src="public/js/customPlugin.js"></script>
  220. <!-- customPlugin.js end-->
  221. <!-- mainFunction.js start-->
  222. <script type="text/javascript" src="public/js/mainFunction.js"></script>
  223. <!-- mainFunction.js end-->
  224. <script>
  225. $("#sickname").click(function(){
  226. $("#sickname").text(sickname);
  227. })
  228. </script>
  229. </body>
  230. </html>