lyear_pages_doc.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306
  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
  6. <title>文档列表 - 光年(Light Year Admin)后台管理系统模板</title>
  7. <link rel="icon" href="favicon.ico" type="image/ico">
  8. <meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
  9. <meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
  10. <meta name="author" content="yinqi">
  11. <link href="css/bootstrap.min.css" rel="stylesheet">
  12. <link href="css/materialdesignicons.min.css" rel="stylesheet">
  13. <link href="css/style.min.css" rel="stylesheet">
  14. </head>
  15. <body>
  16. <div class="container-fluid p-t-15">
  17. <div class="row">
  18. <div class="col-lg-12">
  19. <div class="card">
  20. <div class="card-toolbar clearfix">
  21. <form class="pull-right search-bar" method="get" action="#!" role="form">
  22. <div class="input-group">
  23. <div class="input-group-btn">
  24. <input type="hidden" name="search_field" id="search-field" value="title">
  25. <button class="btn btn-default dropdown-toggle" id="search-btn" data-toggle="dropdown" type="button" aria-haspopup="true" aria-expanded="false">
  26. 标题 <span class="caret"></span>
  27. </button>
  28. <ul class="dropdown-menu">
  29. <li> <a tabindex="-1" href="javascript:void(0)" data-field="title">标题</a> </li>
  30. <li> <a tabindex="-1" href="javascript:void(0)" data-field="cat_name">栏目</a> </li>
  31. </ul>
  32. </div>
  33. <input type="text" class="form-control" value="" name="keyword" placeholder="请输入名称">
  34. </div>
  35. </form>
  36. <div class="toolbar-btn-action">
  37. <a class="btn btn-primary m-r-5" href="#!"><i class="mdi mdi-plus"></i> 新增</a>
  38. <a class="btn btn-success m-r-5" href="#!"><i class="mdi mdi-check"></i> 启用</a>
  39. <a class="btn btn-warning m-r-5" href="#!"><i class="mdi mdi-block-helper"></i> 禁用</a>
  40. <a class="btn btn-danger" href="#!"><i class="mdi mdi-window-close"></i> 删除</a>
  41. </div>
  42. </div>
  43. <div class="card-body">
  44. <div class="table-responsive">
  45. <table class="table table-bordered">
  46. <thead>
  47. <tr>
  48. <th>
  49. <label class="lyear-checkbox checkbox-primary">
  50. <input type="checkbox" id="check-all"><span></span>
  51. </label>
  52. </th>
  53. <th>编号</th>
  54. <th>标题</th>
  55. <th>书籍</th>
  56. <th>作者</th>
  57. <th>阅读量</th>
  58. <th>状态</th>
  59. <th>操作</th>
  60. </tr>
  61. </thead>
  62. <tbody>
  63. <tr>
  64. <td>
  65. <label class="lyear-checkbox checkbox-primary">
  66. <input type="checkbox" name="ids[]" value="1"><span></span>
  67. </label>
  68. </td>
  69. <td>1</td>
  70. <td>第01章 天涯思君不可忘</td>
  71. <td>《倚天屠龙记》</td>
  72. <td>金庸</td>
  73. <td>36</td>
  74. <td><font class="text-success">正常</font></td>
  75. <td>
  76. <div class="btn-group">
  77. <a class="btn btn-xs btn-default" href="#!" title="编辑" data-toggle="tooltip"><i class="mdi mdi-pencil"></i></a>
  78. <a class="btn btn-xs btn-default" href="#!" title="查看" data-toggle="tooltip"><i class="mdi mdi-eye"></i></a>
  79. <a class="btn btn-xs btn-default" href="#!" title="删除" data-toggle="tooltip"><i class="mdi mdi-window-close"></i></a>
  80. </div>
  81. </td>
  82. </tr>
  83. <tr>
  84. <td>
  85. <label class="lyear-checkbox checkbox-primary">
  86. <input type="checkbox" name="ids[]" value="2"><span></span>
  87. </label>
  88. </td>
  89. <td>2</td>
  90. <td>第01章 古道腾驹惊白发,危峦快剑识青翎</td>
  91. <td>《书剑恩仇录》</td>
  92. <td>金庸</td>
  93. <td>44</td>
  94. <td><font class="text-success">正常</font></td>
  95. <td>
  96. <div class="btn-group">
  97. <a class="btn btn-xs btn-default" href="#!" title="编辑" data-toggle="tooltip"><i class="mdi mdi-pencil"></i></a>
  98. <a class="btn btn-xs btn-default" href="#!" title="查看" data-toggle="tooltip"><i class="mdi mdi-eye"></i></a>
  99. <a class="btn btn-xs btn-default" href="#!" title="删除" data-toggle="tooltip"><i class="mdi mdi-window-close"></i></a>
  100. </div>
  101. </td>
  102. </tr>
  103. <tr>
  104. <td>
  105. <label class="lyear-checkbox checkbox-primary">
  106. <input type="checkbox" name="ids[]" value="3"><span></span>
  107. </label>
  108. </td>
  109. <td>3</td>
  110. <td>一个戴水獭皮帽子的朋友</td>
  111. <td>《湘行散记》</td>
  112. <td>沈从文</td>
  113. <td>39</td>
  114. <td><font class="text-success">正常</font></td>
  115. <td>
  116. <div class="btn-group">
  117. <a class="btn btn-xs btn-default" href="#!" title="编辑" data-toggle="tooltip"><i class="mdi mdi-pencil"></i></a>
  118. <a class="btn btn-xs btn-default" href="#!" title="查看" data-toggle="tooltip"><i class="mdi mdi-eye"></i></a>
  119. <a class="btn btn-xs btn-default" href="#!" title="删除" data-toggle="tooltip"><i class="mdi mdi-window-close"></i></a>
  120. </div>
  121. </td>
  122. </tr>
  123. <tr>
  124. <td>
  125. <label class="lyear-checkbox checkbox-primary">
  126. <input type="checkbox" name="ids[]" value="4"><span></span>
  127. </label>
  128. </td>
  129. <td>4</td>
  130. <td>你是要灼灼容颜,还是要宜其室家</td>
  131. <td>《诗三百:思无邪》</td>
  132. <td>安意如</td>
  133. <td>36</td>
  134. <td><font class="text-success">正常</font></td>
  135. <td>
  136. <div class="btn-group">
  137. <a class="btn btn-xs btn-default" href="#!" title="编辑" data-toggle="tooltip"><i class="mdi mdi-pencil"></i></a>
  138. <a class="btn btn-xs btn-default" href="#!" title="查看" data-toggle="tooltip"><i class="mdi mdi-eye"></i></a>
  139. <a class="btn btn-xs btn-default" href="#!" title="删除" data-toggle="tooltip"><i class="mdi mdi-window-close"></i></a>
  140. </div>
  141. </td>
  142. </tr>
  143. <tr>
  144. <td>
  145. <label class="lyear-checkbox checkbox-primary">
  146. <input type="checkbox" name="ids[]" value="5"><span></span>
  147. </label>
  148. </td>
  149. <td>5</td>
  150. <td>海上的消息</td>
  151. <td>《打开心内的窗》</td>
  152. <td>林清玄</td>
  153. <td>32</td>
  154. <td><font class="text-success">正常</font></td>
  155. <td>
  156. <div class="btn-group">
  157. <a class="btn btn-xs btn-default" href="#!" title="编辑" data-toggle="tooltip"><i class="mdi mdi-pencil"></i></a>
  158. <a class="btn btn-xs btn-default" href="#!" title="查看" data-toggle="tooltip"><i class="mdi mdi-eye"></i></a>
  159. <a class="btn btn-xs btn-default" href="#!" title="删除" data-toggle="tooltip"><i class="mdi mdi-window-close"></i></a>
  160. </div>
  161. </td>
  162. </tr>
  163. <tr>
  164. <td>
  165. <label class="lyear-checkbox checkbox-primary">
  166. <input type="checkbox" name="ids[]" value="6"><span></span>
  167. </label>
  168. </td>
  169. <td>6</td>
  170. <td>楔子 一阕词来 南国清秋魂梦绕 十年人散 绣房红烛剑光寒</td>
  171. <td>《七剑下天山》</td>
  172. <td>梁羽生</td>
  173. <td>42</td>
  174. <td><font class="text-success">正常</font></td>
  175. <td>
  176. <div class="btn-group">
  177. <a class="btn btn-xs btn-default" href="#!" title="编辑" data-toggle="tooltip"><i class="mdi mdi-pencil"></i></a>
  178. <a class="btn btn-xs btn-default" href="#!" title="查看" data-toggle="tooltip"><i class="mdi mdi-eye"></i></a>
  179. <a class="btn btn-xs btn-default" href="#!" title="删除" data-toggle="tooltip"><i class="mdi mdi-window-close"></i></a>
  180. </div>
  181. </td>
  182. </tr>
  183. <tr>
  184. <td>
  185. <label class="lyear-checkbox checkbox-primary">
  186. <input type="checkbox" name="ids[]" value="7"><span></span>
  187. </label>
  188. </td>
  189. <td>7</td>
  190. <td>祝福</td>
  191. <td>《彷徨》</td>
  192. <td>鲁迅</td>
  193. <td>40</td>
  194. <td><font class="text-success">正常</font></td>
  195. <td>
  196. <div class="btn-group">
  197. <a class="btn btn-xs btn-default" href="#!" title="编辑" data-toggle="tooltip"><i class="mdi mdi-pencil"></i></a>
  198. <a class="btn btn-xs btn-default" href="#!" title="查看" data-toggle="tooltip"><i class="mdi mdi-eye"></i></a>
  199. <a class="btn btn-xs btn-default" href="#!" title="删除" data-toggle="tooltip"><i class="mdi mdi-window-close"></i></a>
  200. </div>
  201. </td>
  202. </tr>
  203. <tr>
  204. <td>
  205. <label class="lyear-checkbox checkbox-primary">
  206. <input type="checkbox" name="ids[]" value="8"><span></span>
  207. </label>
  208. </td>
  209. <td>8</td>
  210. <td>一个女长年的故事</td>
  211. <td>《莫泊桑短篇小说集》</td>
  212. <td>莫泊桑</td>
  213. <td>36</td>
  214. <td><font class="text-success">正常</font></td>
  215. <td>
  216. <div class="btn-group">
  217. <a class="btn btn-xs btn-default" href="#!" title="编辑" data-toggle="tooltip"><i class="mdi mdi-pencil"></i></a>
  218. <a class="btn btn-xs btn-default" href="#!" title="查看" data-toggle="tooltip"><i class="mdi mdi-eye"></i></a>
  219. <a class="btn btn-xs btn-default" href="#!" title="删除" data-toggle="tooltip"><i class="mdi mdi-window-close"></i></a>
  220. </div>
  221. </td>
  222. </tr>
  223. <tr>
  224. <td>
  225. <label class="lyear-checkbox checkbox-primary">
  226. <input type="checkbox" name="ids[]" value="9"><span></span>
  227. </label>
  228. </td>
  229. <td>9</td>
  230. <td>第一回 赈民饥包公奉旨 图谋害庞相施计</td>
  231. <td>《五虎征西》</td>
  232. <td>李雨堂</td>
  233. <td>35</td>
  234. <td><font class="text-success">正常</font></td>
  235. <td>
  236. <div class="btn-group">
  237. <a class="btn btn-xs btn-default" href="#!" title="编辑" data-toggle="tooltip"><i class="mdi mdi-pencil"></i></a>
  238. <a class="btn btn-xs btn-default" href="#!" title="查看" data-toggle="tooltip"><i class="mdi mdi-eye"></i></a>
  239. <a class="btn btn-xs btn-default" href="#!" title="删除" data-toggle="tooltip"><i class="mdi mdi-window-close"></i></a>
  240. </div>
  241. </td>
  242. </tr>
  243. <tr>
  244. <td>
  245. <label class="lyear-checkbox checkbox-primary">
  246. <input type="checkbox" name="ids[]" value="10"><span></span>
  247. </label>
  248. </td>
  249. <td>10</td>
  250. <td>第一回 于按察山东赴任 邹其仁赴路登程</td>
  251. <td>《于公案》</td>
  252. <td>佚名</td>
  253. <td>37</td>
  254. <td><font class="text-success">正常</font></td>
  255. <td>
  256. <div class="btn-group">
  257. <a class="btn btn-xs btn-default" href="#!" title="编辑" data-toggle="tooltip"><i class="mdi mdi-pencil"></i></a>
  258. <a class="btn btn-xs btn-default" href="#!" title="查看" data-toggle="tooltip"><i class="mdi mdi-eye"></i></a>
  259. <a class="btn btn-xs btn-default" href="#!" title="删除" data-toggle="tooltip"><i class="mdi mdi-window-close"></i></a>
  260. </div>
  261. </td>
  262. </tr>
  263. </tbody>
  264. </table>
  265. </div>
  266. <ul class="pagination">
  267. <li class="disabled"><span>«</span></li>
  268. <li class="active"><span>1</span></li>
  269. <li><a href="#1">2</a></li>
  270. <li><a href="#1">3</a></li>
  271. <li><a href="#1">4</a></li>
  272. <li><a href="#1">5</a></li>
  273. <li><a href="#1">6</a></li>
  274. <li><a href="#1">7</a></li>
  275. <li><a href="#1">8</a></li>
  276. <li class="disabled"><span>...</span></li>
  277. <li><a href="#!">14452</a></li>
  278. <li><a href="#!">14453</a></li>
  279. <li><a href="#!">»</a></li>
  280. </ul>
  281. </div>
  282. </div>
  283. </div>
  284. </div>
  285. </div>
  286. <script type="text/javascript" src="js/jquery.min.js"></script>
  287. <script type="text/javascript" src="js/bootstrap.min.js"></script>
  288. <script type="text/javascript" src="js/main.min.js"></script>
  289. <script type="text/javascript">
  290. $(function(){
  291. $('.search-bar .dropdown-menu a').click(function() {
  292. var field = $(this).data('field') || '';
  293. $('#search-field').val(field);
  294. $('#search-btn').html($(this).text() + ' <span class="caret"></span>');
  295. });
  296. });
  297. </script>
  298. </body>
  299. </html>