b595b808c2ebeeeb0478ffc30bb4e87a.php 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426
  1. <?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <title>后台</title>
  7. <!-- Bootstrap Styles-->
  8. <link href="/Public/Admin/assets/css/bootstrap.css" rel="stylesheet" />
  9. <!-- FontAwesome Styles-->
  10. <link href="/Public/Admin/assets/css/font-awesome.css" rel="stylesheet" />
  11. <!-- Morris Chart Styles-->
  12. <link href="/Public/Admin/assets/js/morris/morris-0.4.3.min.css" rel="stylesheet" />
  13. <!-- Custom Styles-->
  14. <link href="/Public/Admin/assets/css/custom-styles.css" rel="stylesheet" />
  15. <!-- Google Fonts-->
  16. <link href='/Public/css/m.css' rel='stylesheet' type='text/css' />
  17. </head>
  18. <body>
  19. <div id="wrapper">
  20. <nav class="navbar navbar-default top-navbar" role="navigation">
  21. <div class="navbar-header">
  22. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
  23. <span class="sr-only">Toggle navigation</span>
  24. <span class="icon-bar"></span>
  25. <span class="icon-bar"></span>
  26. <span class="icon-bar"></span>
  27. </button>
  28. <a class="navbar-brand" href="index.html"><i class="fa fa-comments"></i> <strong>MASTER </strong></a>
  29. </div>
  30. <ul class="nav navbar-top-links navbar-right">
  31. <li class="dropdown">
  32. <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
  33. <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
  34. </a>
  35. <ul class="dropdown-menu dropdown-user">
  36. <li><a href="#"><i class="fa fa-user fa-fw"></i> User Profile</a>
  37. </li>
  38. <li><a href="#"><i class="fa fa-gear fa-fw"></i> Settings</a>
  39. </li>
  40. <li class="divider"></li>
  41. <li><a href="#"><i class="fa fa-sign-out fa-fw"></i> Logout</a>
  42. </li>
  43. </ul>
  44. <!-- /.dropdown-user -->
  45. </li>
  46. <!-- /.dropdown -->
  47. </ul>
  48. </nav>
  49. <!--/. NAV TOP -->
  50. <nav class="navbar-default navbar-side" role="navigation">
  51. <div id="sideNav" href=""><i class="fa fa-caret-right"></i></div>
  52. <div class="sidebar-collapse">
  53. <ul class="nav" id="main-menu">
  54. <li>
  55. <a class="active-menu" href="<?php echo U('Index/index');?>"><i class="fa fa-dashboard"></i> 首页</a>
  56. </li>
  57. <!-- <li>
  58. <a href="ui-elements.html"><i class="fa fa-desktop"></i> UI Elements</a>
  59. </li>
  60. <li>
  61. <a href="chart.html"><i class="fa fa-bar-chart-o"></i> Charts</a>
  62. </li>
  63. <li>
  64. <a href="tab-panel.html"><i class="fa fa-qrcode"></i> Tabs & Panels</a>
  65. </li>
  66. <li>
  67. <a href="table.html"><i class="fa fa-table"></i> Responsive Tables</a>
  68. </li> -->
  69. <li>
  70. <a href="<?php echo U('Index/form');?>"><i class="fa fa-edit"></i> 文章上传 </a>
  71. </li>
  72. <li>
  73. <a href="<?php echo U('Index/guanli');?>"><i class="fa fa-edit"></i> 文章管理 </a>
  74. </li>
  75. <!-- <li>
  76. <a href="#"><i class="fa fa-sitemap"></i> Multi-Level Dropdown<span class="fa arrow"></span></a>
  77. <ul class="nav nav-second-level">
  78. <li>
  79. <a href="#">Second Level Link</a>
  80. </li>
  81. <li>
  82. <a href="#">Second Level Link</a>
  83. </li>
  84. <li>
  85. <a href="#">Second Level Link<span class="fa arrow"></span></a>
  86. <ul class="nav nav-third-level">
  87. <li>
  88. <a href="#">Third Level Link</a>
  89. </li>
  90. <li>
  91. <a href="#">Third Level Link</a>
  92. </li>
  93. <li>
  94. <a href="#">Third Level Link</a>
  95. </li>
  96. </ul>
  97. </li>
  98. </ul>
  99. </li> -->
  100. <!-- <li>
  101. <a href="empty.html"><i class="fa fa-fw fa-file"></i> Empty Page</a>
  102. </li> -->
  103. </ul>
  104. </div>
  105. </nav>
  106. <div id="page-wrapper">
  107. <div id="page-inner">
  108. <div class="row">
  109. <div class="col-md-12">
  110. <h1 class="page-header">
  111. Dashboard <small>Summary of your App</small>
  112. </h1>
  113. <ol class="breadcrumb">
  114. <li><a href="#">Home</a></li>
  115. <li><a href="#">Library</a></li>
  116. <li class="active">Data</li>
  117. </ol>
  118. </div>
  119. </div>
  120. <!-- /. ROW -->
  121. <div class="row">
  122. <div class="col-md-3 col-sm-12 col-xs-12">
  123. <div class="panel panel-primary text-center no-boder bg-color-green green">
  124. <div class="panel-left pull-left green">
  125. <i class="fa fa-bar-chart-o fa-5x"></i>
  126. </div>
  127. <div class="panel-right pull-right">
  128. <h3>8,457</h3>
  129. <strong> Daily Visits</strong>
  130. </div>
  131. </div>
  132. </div>
  133. <div class="col-md-3 col-sm-12 col-xs-12">
  134. <div class="panel panel-primary text-center no-boder bg-color-blue blue">
  135. <div class="panel-left pull-left blue">
  136. <i class="fa fa-shopping-cart fa-5x"></i>
  137. </div>
  138. <div class="panel-right pull-right">
  139. <h3>52,160 </h3>
  140. <strong> Sales</strong>
  141. </div>
  142. </div>
  143. </div>
  144. <div class="col-md-3 col-sm-12 col-xs-12">
  145. <div class="panel panel-primary text-center no-boder bg-color-red red">
  146. <div class="panel-left pull-left red">
  147. <i class="fa fa fa-comments fa-5x"></i>
  148. </div>
  149. <div class="panel-right pull-right">
  150. <h3>15,823 </h3>
  151. <strong> Comments </strong>
  152. </div>
  153. </div>
  154. </div>
  155. <div class="col-md-3 col-sm-12 col-xs-12">
  156. <div class="panel panel-primary text-center no-boder bg-color-brown brown">
  157. <div class="panel-left pull-left brown">
  158. <i class="fa fa-users fa-5x"></i>
  159. </div>
  160. <div class="panel-right pull-right">
  161. <h3>36,752 </h3>
  162. <strong>No. of Visits</strong>
  163. </div>
  164. </div>
  165. </div>
  166. </div>
  167. <div class="row">
  168. <div class="col-md-12">
  169. <div class="panel panel-default">
  170. <div class="panel-heading">
  171. Line Chart
  172. </div>
  173. <div class="panel-body">
  174. <div id="morris-line-chart"></div>
  175. </div>
  176. </div>
  177. </div>
  178. </div>
  179. <div class="row">
  180. <div class="col-xs-6 col-md-3">
  181. <div class="panel panel-default">
  182. <div class="panel-body easypiechart-panel">
  183. <h4>Customers</h4>
  184. <div class="easypiechart" id="easypiechart-blue" data-percent="82" ><span class="percent">82%</span>
  185. </div>
  186. </div>
  187. </div>
  188. </div>
  189. <div class="col-xs-6 col-md-3">
  190. <div class="panel panel-default">
  191. <div class="panel-body easypiechart-panel">
  192. <h4>Sales</h4>
  193. <div class="easypiechart" id="easypiechart-orange" data-percent="55" ><span class="percent">55%</span>
  194. </div>
  195. </div>
  196. </div>
  197. </div>
  198. <div class="col-xs-6 col-md-3">
  199. <div class="panel panel-default">
  200. <div class="panel-body easypiechart-panel">
  201. <h4>Profits</h4>
  202. <div class="easypiechart" id="easypiechart-teal" data-percent="84" ><span class="percent">84%</span>
  203. </div>
  204. </div>
  205. </div>
  206. </div>
  207. <div class="col-xs-6 col-md-3">
  208. <div class="panel panel-default">
  209. <div class="panel-body easypiechart-panel">
  210. <h4>No. of Visits</h4>
  211. <div class="easypiechart" id="easypiechart-red" data-percent="46" ><span class="percent">46%</span>
  212. </div>
  213. </div>
  214. </div>
  215. </div>
  216. </div><!--/.row-->
  217. <div class="row">
  218. <div class="col-md-9 col-sm-12 col-xs-12">
  219. <div class="panel panel-default">
  220. <div class="panel-heading">
  221. Bar Chart Example
  222. </div>
  223. <div class="panel-body">
  224. <div id="morris-bar-chart"></div>
  225. </div>
  226. </div>
  227. </div>
  228. <div class="col-md-3 col-sm-12 col-xs-12">
  229. <div class="panel panel-default">
  230. <div class="panel-heading">
  231. Donut Chart Example
  232. </div>
  233. <div class="panel-body">
  234. <div id="morris-donut-chart"></div>
  235. </div>
  236. </div>
  237. </div>
  238. </div>
  239. <div class="row">
  240. <div class="col-md-12">
  241. <div class="panel panel-default">
  242. <div class="panel-heading">
  243. Area Chart
  244. </div>
  245. <div class="panel-body">
  246. <div id="morris-area-chart"></div>
  247. </div>
  248. </div>
  249. </div>
  250. </div>
  251. <!-- /. ROW -->
  252. <div class="row">
  253. <div class="col-md-4 col-sm-12 col-xs-12">
  254. <div class="panel panel-default">
  255. <div class="panel-heading">
  256. Tasks Panel
  257. </div>
  258. <div class="panel-body">
  259. <div class="list-group">
  260. <a href="#" class="list-group-item">
  261. <span class="badge">7 minutes ago</span>
  262. <i class="fa fa-fw fa-comment"></i> Commented on a post
  263. </a>
  264. <a href="#" class="list-group-item">
  265. <span class="badge">16 minutes ago</span>
  266. <i class="fa fa-fw fa-truck"></i> Order 392 shipped
  267. </a>
  268. <a href="#" class="list-group-item">
  269. <span class="badge">36 minutes ago</span>
  270. <i class="fa fa-fw fa-globe"></i> Invoice 653 has paid
  271. </a>
  272. <a href="#" class="list-group-item">
  273. <span class="badge">1 hour ago</span>
  274. <i class="fa fa-fw fa-user"></i> A new user has been added
  275. </a>
  276. <a href="#" class="list-group-item">
  277. <span class="badge">1.23 hour ago</span>
  278. <i class="fa fa-fw fa-user"></i> A new user has added
  279. </a>
  280. <a href="#" class="list-group-item">
  281. <span class="badge">yesterday</span>
  282. <i class="fa fa-fw fa-globe"></i> Saved the world
  283. </a>
  284. </div>
  285. <div class="text-right">
  286. <a href="#">More Tasks <i class="fa fa-arrow-circle-right"></i></a>
  287. </div>
  288. </div>
  289. </div>
  290. </div>
  291. <div class="col-md-8 col-sm-12 col-xs-12">
  292. <div class="panel panel-default">
  293. <div class="panel-heading">
  294. Responsive Table Example
  295. </div>
  296. <div class="panel-body">
  297. <div class="table-responsive">
  298. <table class="table table-striped table-bordered table-hover">
  299. <thead>
  300. <tr>
  301. <th>S No.</th>
  302. <th>First Name</th>
  303. <th>Last Name</th>
  304. <th>User Name</th>
  305. <th>Email ID.</th>
  306. </tr>
  307. </thead>
  308. <tbody>
  309. <tr>
  310. <td>1</td>
  311. <td>John</td>
  312. <td>Doe</td>
  313. <td>John15482</td>
  314. <td>name@site.com</td>
  315. </tr>
  316. <tr>
  317. <td>2</td>
  318. <td>Kimsila</td>
  319. <td>Marriye</td>
  320. <td>Kim1425</td>
  321. <td>name@site.com</td>
  322. </tr>
  323. <tr>
  324. <td>3</td>
  325. <td>Rossye</td>
  326. <td>Nermal</td>
  327. <td>Rossy1245</td>
  328. <td>name@site.com</td>
  329. </tr>
  330. <tr>
  331. <td>4</td>
  332. <td>Richard</td>
  333. <td>Orieal</td>
  334. <td>Rich5685</td>
  335. <td>name@site.com</td>
  336. </tr>
  337. <tr>
  338. <td>5</td>
  339. <td>Jacob</td>
  340. <td>Hielsar</td>
  341. <td>Jac4587</td>
  342. <td>name@site.com</td>
  343. </tr>
  344. <tr>
  345. <td>6</td>
  346. <td>Wrapel</td>
  347. <td>Dere</td>
  348. <td>Wrap4585</td>
  349. <td>name@site.com</td>
  350. </tr>
  351. </tbody>
  352. </table>
  353. </div>
  354. </div>
  355. </div>
  356. </div>
  357. </div>
  358. <!-- /. ROW -->
  359. <footer><p>Copyright &copy; 2016.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p></footer>
  360. </div>
  361. <!-- /. PAGE INNER -->
  362. </div>
  363. </div>
  364. <script src="/Public/jquery/jquery.min.js"></script>
  365. <!-- Bootstrap Js -->
  366. <script src="/Public/Admin/assets/js/bootstrap.min.js"></script>
  367. <!-- Metis Menu Js -->
  368. <script src="/Public/Admin/assets/js/jquery.metisMenu.js"></script>
  369. <!-- Morris Chart Js -->
  370. <script src="/Public/Admin/assets/js/morris/raphael-2.1.0.min.js"></script>
  371. <script src="/Public/Admin/assets/js/morris/morris.js"></script>
  372. <script src="/Public/Admin/assets/js/easypiechart.js"></script>
  373. <script src="/Public/Admin/assets/js/easypiechart-data.js"></script>
  374. <script src="/Public/Admin/assets/js/custom-scripts.js"></script>
  375. </body>
  376. </html>