stat.html 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <filter><script src="../../lib/common.js"></script><script src="../../lib/jquery/jquery.min.js"></script></filter>
  5. <script class="include" system="" path="inc/" file="head">include()</script>
  6. </head>
  7. <body class="fixed-left">
  8. <!-- Begin page -->
  9. <div id="wrapper">
  10. <script class="include" system="" path="inc/" file="nav">include()</script>
  11. <script class="include" system="" path="inc/" file="menu">include()</script>
  12. <!-- ============================================================== -->
  13. <!-- Start right Content here -->
  14. <!-- ============================================================== -->
  15. <div class="content-page">
  16. <!-- Start content -->
  17. <div class="content">
  18. <div class="container container_stat">
  19. <style>
  20. .container_stat .form-control
  21. {
  22. display:inline;
  23. width:15%;
  24. margin-top: 10px;
  25. }
  26. </style>
  27. <!-- Page-Title -->
  28. <div class="row">
  29. <div class="col-sm-12">
  30. <h4 class="pull-left page-title" id="list-name">Responsive Table</h4>
  31. <ol class="breadcrumb pull-right">
  32. <li><a href="#dever_modal" data-toggle="modal" onclick="showMsg('数据结构', $(this), '#struct')" id="list-project">Tables</a></li>
  33. <li class="active" id="list-desc">Responsive Table</li>
  34. </ol>
  35. </div>
  36. </div>
  37. <div class="row">
  38. <div class="col-lg-12">
  39. <div class="panel panel-border panel-primary">
  40. <div class="panel-heading">
  41. <div class="btn-toolbar list-toolbar">
  42. <div id="search">
  43. <div class="form-group">
  44. <label>Username</label>
  45. <input type="text" value="jsmith" class="form-control">
  46. </div>
  47. </div>
  48. </div>
  49. </div>
  50. <div class="panel-body table-rep-plugin">
  51. <div data-pattern="priority-columns" id="table-list">
  52. <table class="table table-small-font table-bordered table-striped">
  53. <thead>
  54. <tr>
  55. <th>字段</th>
  56. <th>日期</th>
  57. <th>统计数字</th>
  58. </tr>
  59. </thead>
  60. <tbody>
  61. <tr>
  62. <td>Product Design<br><p class="text-sm">Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master.</p></td>
  63. <td>10/3/2014</td>
  64. <td>$1,200.00</td>
  65. </tr>
  66. </tbody>
  67. </table>
  68. </div>
  69. <div data-pattern="priority-columns" id="chart-list">
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. </div> <!-- end row -->
  75. <div id="struct" style="display:none;"></div>
  76. <script>
  77. $(document).ready(function()
  78. {
  79. init();
  80. });
  81. </script>
  82. </div>
  83. </div>
  84. <script class="include" system="" path="inc/" file="foot">include()</script>
  85. </div>
  86. <!-- ============================================================== -->
  87. <!-- End Right content here -->
  88. <!-- ============================================================== -->
  89. <script class="include" system="" path="inc/" file="chat">include()</script>
  90. </div>
  91. <script class="include" system="" path="inc/" file="script">include()</script>
  92. </body>
  93. </html>