admin_index_classFirst.html 9.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266
  1. <!DOCTYPE html>
  2. <html lang=zh-cn>
  3. <head>
  4. <meta charset=utf-8>
  5. <title>help</title>
  6. <meta name=description content=帮助中心后台>
  7. <meta name=copyright content=smartcost.com.cn>
  8. <link rel=stylesheet href=css/bootstrap.css>
  9. <link rel=stylesheet href=css/admin-global.css>
  10. <script src=js/jquery-1.9.1.min.js></script>
  11. <script src=js/bootstrap.js></script>
  12. <script src=js/global.js></script>
  13. <script src=js/global.js></script>
  14. </head>
  15. <body>
  16. <div class="topContent nav navbar-fixed-top">
  17. 欢迎进入帮助中心后台!
  18. </div>
  19. <div class="wrapContent">
  20. <div class="mainSidebar">
  21. <div class="mianAdmini">
  22. <h2 data-toggle="tooltip" data-placement="right" title="退出">
  23. <a href="#"><span class="glyphicon glyphicon-log-out" aria-hidden="true"></span></a>
  24. </h2>
  25. </div>
  26. <div class="mainNav">
  27. <ul>
  28. <li data-toggle="tooltip" data-placement="right" title="文章">
  29. <a href="admin_index.html"><span class="glyphicon glyphicon-file" aria-hidden="true"></span>文章</a>
  30. </li>
  31. <li class="active" data-toggle="tooltip" data-placement="right" title="类别">
  32. <a href="admin_index_class.html"><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span>类别</a>
  33. </li>
  34. <li data-toggle="tooltip" data-placement="right" title="推荐">
  35. <a href="admin_index_recom.html"><span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span>推荐</a>
  36. </li>
  37. </ul>
  38. </div>
  39. </div>
  40. <div class="mainContainer container">
  41. <div class="mainContent">
  42. <div class="page-header page-Header clearfix">
  43. <div class="fR">
  44. <a class="btn btn-primary" href="#" data-toggle="modal" data-target="#addModal" title="添加类别">添加类别</a>
  45. </div>
  46. <h3><a href="admin_index_class.html"><span class="glyphicon glyphicon-chevron-left"></span></a>公路(养护、广东)造价软件</h3>
  47. </div>
  48. <div class="classContainer">
  49. <dl>
  50. <dt class="classListTitle">
  51. <div class="classListWork">操作</div>
  52. <div class="classListNum">排序</div>
  53. <div class="classListName">名称</div>
  54. </dt>
  55. <dd class="classList">
  56. <div class="classListFirst clearfix">
  57. <div class="classListWork">
  58. <a data-toggle="modal" data-target="#addModal">添加子类</a>
  59. <a data-toggle="modal" data-target="#editModal">修改</a>
  60. <a data-toggle="modal" data-target="#delModal">删除</a>
  61. </div>
  62. <div class="classListNum"><span class="badge classNum">1</span></div>
  63. <div class="classListName">
  64. 文件管理类
  65. </div>
  66. <div class="classListTwo clearfix">
  67. <ul>
  68. <li>
  69. <div class="classListWork">
  70. <a data-toggle="modal" data-target="#addModal">添加子类</a>
  71. <a data-toggle="modal" data-target="#editModal">修改</a>
  72. <a data-toggle="modal" data-target="#delModal">删除</a>
  73. </div>
  74. <div class="classListNum"><span class="badge classNum">1</span></div>
  75. <div class="classListName">
  76. 文件管理类
  77. </div>
  78. </li>
  79. <li>
  80. <div class="classListWork">
  81. <a data-toggle="modal" data-target="#addModal">添加子类</a>
  82. <a data-toggle="modal" data-target="#editModal">修改</a>
  83. <a data-toggle="modal" data-target="#delModal">删除</a>
  84. </div>
  85. <div class="classListNum"><span class="badge classNum">2</span></div>
  86. <div class="classListName">
  87. 文件管理类
  88. </div>
  89. <div class="classListThree clearfix">
  90. <ul>
  91. <li>
  92. <div class="classListWork">
  93. <a data-toggle="modal" data-target="#addModal">添加子类</a>
  94. <a data-toggle="modal" data-target="#editModal">修改</a>
  95. <a data-toggle="modal" data-target="#delModal">删除</a>
  96. </div>
  97. <div class="classListNum"><span class="badge classNum">1</span></div>
  98. <div class="classListName">
  99. 文件管理类
  100. </div>
  101. </li>
  102. </ul>
  103. </div>
  104. </li>
  105. </ul>
  106. </div>
  107. </div>
  108. </dd>
  109. <dd class="classList">
  110. <div class="classListFirst clearfix">
  111. <div class="classListWork">
  112. <a data-toggle="modal" data-target="#addModal">添加子类</a>
  113. <a data-toggle="modal" data-target="#editModal">修改</a>
  114. <a data-toggle="modal" data-target="#delModal">删除</a>
  115. </div>
  116. <div class="classListNum"><span class="badge classNum">2</span></div>
  117. <div class="classListName">
  118. 造价书类
  119. </div>
  120. </div>
  121. </dd>
  122. <dd class="classList">
  123. <div class="classListFirst clearfix">
  124. <div class="classListWork">
  125. <a data-toggle="modal" data-target="#addModal">添加子类</a>
  126. <a data-toggle="modal" data-target="#editModal">修改</a>
  127. <a data-toggle="modal" data-target="#delModal">删除</a>
  128. </div>
  129. <div class="classListNum"><span class="badge classNum">3</span></div>
  130. <div class="classListName">
  131. 定额类
  132. </div>
  133. <div class="classListTwo clearfix">
  134. <ul>
  135. <li>
  136. <div class="classListWork">
  137. <a data-toggle="modal" data-target="#addModal">添加子类</a>
  138. <a data-toggle="modal" data-target="#editModal">修改</a>
  139. <a data-toggle="modal" data-target="#delModal">删除</a>
  140. </div>
  141. <div class="classListNum"><span class="badge classNum">1</span></div>
  142. <div class="classListName">
  143. 文件管理类
  144. </div>
  145. </li>
  146. </ul>
  147. </div>
  148. </div>
  149. </dd>
  150. </dl>
  151. <div class="page">
  152. <nav>
  153. <ul class="pagination">
  154. <li><a href="#" aria-label="Previous"><span aria-hidden="ture">&laquo;</span></a></li>
  155. <li class="active"><a href="#">1<span class="sr-only">(current)</span></a></li>
  156. <li><a href="#">2</a></li>
  157. <li><a href="#">3</a></li>
  158. <li><a href="#">4</a></li>
  159. <li><a href="#">5</a></li>
  160. <li><a href="#" aria-label="Next"><span aria-hidden="ture">&raquo;</span></a></li>
  161. </ul>
  162. </nav>
  163. </div>
  164. </div>
  165. </div>
  166. </div>
  167. </div>
  168. <!-- 添加类别 -->
  169. <div class="modal fade" id="addModal">
  170. <div class="modal-dialog">
  171. <div class="modal-content">
  172. <div class="modal-header">
  173. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  174. <h4 class="modal-title">添加类别</h4>
  175. </div>
  176. <div class="modal-body">
  177. <div class="addModal_body">
  178. <form class="form-horizontal">
  179. <div class="form-group">
  180. <label class="col-sm-1 control-label control-labelone" for="className">名称:</label>
  181. <input type="text" class="form-control" id="className" placeholder="请填写类别名称">
  182. </div>
  183. <div class="form-group">
  184. <label class="col-sm-1 control-label control-labelone" for="exampleInputFile">图片:</label>
  185. <input type="file" id="exampleInputFile">
  186. </div>
  187. </form>
  188. </div>
  189. </div>
  190. <div class="modal-footer">
  191. <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
  192. <button type="button" class="btn btn-primary">确定</button>
  193. </div>
  194. </div>
  195. </div>
  196. </div>
  197. <!-- 修改类别 -->
  198. <div class="modal fade" id="editModal">
  199. <div class="modal-dialog">
  200. <div class="modal-content">
  201. <div class="modal-header">
  202. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  203. <h4 class="modal-title">修改类别</h4>
  204. </div>
  205. <div class="modal-body">
  206. <div class="addModal_body">
  207. <form class="form-horizontal">
  208. <div class="form-groupCon">
  209. <div class="form-group">
  210. <label class="col-sm-1 control-label control-labelone" for="classID">ID:</label>
  211. <span class="classID">12</span>
  212. </div>
  213. <div class="form-group">
  214. <label class="col-sm-1 control-label control-labelone" for="className">名称:</label>
  215. <input type="text" class="form-control" id="className" value="文件管理类">
  216. </div>
  217. </div>
  218. <div class="form-groupCon">
  219. <div class="form-group">
  220. <label class="col-sm-1 control-label control-labelone" for="classNumber">序号:</label>
  221. <input type="text" class="form-control" id="classNumber" value="1">
  222. </div>
  223. </div>
  224. <div class="form-groupCon">
  225. <div class="form-group">
  226. <label class="col-sm-1 control-label control-labelone" for="exampleInputFile">图片:</label>
  227. <input type="file" id="exampleInputFile">
  228. </div>
  229. </div>
  230. </form>
  231. </div>
  232. </div>
  233. <div class="modal-footer">
  234. <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
  235. <button type="button" class="btn btn-primary">确定</button>
  236. </div>
  237. </div>
  238. </div>
  239. </div>
  240. <!-- 删除类别 -->
  241. <div class="modal fade" id="delModal">
  242. <div class="modal-dialog">
  243. <div class="modal-content">
  244. <div class="modal-header">
  245. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  246. <h4 class="modal-title">删除类别</h4>
  247. </div>
  248. <div class="modal-body">
  249. <p>确认要删除该类别吗?</p>
  250. </div>
  251. <div class="modal-footer">
  252. <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
  253. <button type="button" class="btn btn-danger">确定</button>
  254. </div>
  255. </div>
  256. </div>
  257. </div>
  258. </body>
  259. </html>