list.html 8.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189
  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. <style>
  19. .container_list .form-control
  20. {
  21. width:80%;
  22. display: inline;
  23. }
  24. .container_list .panel-heading .form-control,#mul .form-control,#page .form-control
  25. {
  26. display:inline;
  27. width:15%;
  28. margin-top: 10px;
  29. }
  30. .container_list .table
  31. {
  32. margin-bottom: 0px;
  33. }
  34. .container_list td
  35. {
  36. vertical-align: middle;
  37. }
  38. .container_list th,.container_list td
  39. {
  40. white-space: nowrap;
  41. /*white-space: none;*/
  42. }
  43. .container_list .table-responsive[data-pattern="priority-columns"]
  44. {
  45. position:inherit;
  46. margin-top:20px;
  47. overflow-x: auto;
  48. overflow-y: hidden;
  49. }
  50. </style>
  51. <style id="addstyle">
  52. </style>
  53. <div class="topbar">
  54. <div class="banner dever-layout" style="display:none;">
  55. <a target="_blank"><img src="#"></a>
  56. <span>项目名称</span>
  57. </div>
  58. </div>
  59. <div class="container container_list" id="content_1" style="display:none;"></div>
  60. <div class="container container_list" id="content_2">
  61. <!-- Page-Title -->
  62. <div class="row">
  63. <div class="col-sm-12">
  64. <ul class="nav navbar-nav navbar-left data-auth-top">
  65. <li class="dropdown">
  66. <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
  67. <span>project</span>
  68. </a>
  69. <ul class="dropdown-menu" style="overflow: auto;max-height: 350px;">
  70. <li><a href="javascript:;">Users</a></li>
  71. </ul>
  72. </li>
  73. </ul>
  74. <h4 class="pull-left page-title" id="list-name">Responsive Table</h4>
  75. <ol class="breadcrumb pull-right">
  76. <li><a href="javascript:;" onclick="showMsg('数据结构', $(this), '#struct')" id="list-project">Tables</a></li>
  77. <li class="active" id="list-desc">Responsive Table</li>
  78. </ol>
  79. </div>
  80. </div>
  81. <form id="form1" name="form1" method="post" target="f1">
  82. <input type="hidden" name="function" id="function" value="msg"/>
  83. <input type="hidden" name="url" id="url" value=""/>
  84. <input type="hidden" name="method" id="method" value="search"/>
  85. <iframe id="f1" name="f1" style="display:none;"></iframe>
  86. <div class="row">
  87. <div class="col-lg-12">
  88. <div class="panel panel-border panel-primary">
  89. <div class="panel-heading">
  90. <div class="btn-toolbar list-toolbar">
  91. <a class="btn btn-primary" type="button" id="list-parent" style="display:none;"><i class="fa fa-chevron-left"></i> 返回上一页</a>
  92. <a class="btn btn-primary" type="button" id="list-add"><i class="fa fa-plus"></i> 新增</a>
  93. <span id="list-button"></span>
  94. <div id="search"></div>
  95. </div>
  96. </div>
  97. <div id="table_1" style="display:none;" class="panel-body table-rep-plugin">
  98. </div>
  99. <div id="table_2" class="panel-body table-rep-plugin">
  100. <div class="table-responsive" data-pattern="priority-columns">
  101. <div>
  102. <table id="tech-companies-1" class="table table-small-font table-bordered table-striped table-tool">
  103. <thead id="list-thead">
  104. <tr>
  105. <th>Company</th>
  106. <th data-priority="1">Last Trade</th>
  107. <th data-priority="3">Trade Time</th>
  108. <th data-priority="1">Change</th>
  109. <th data-priority="3">Prev Close</th>
  110. <th data-priority="3">Open</th>
  111. <th data-priority="6">Bid</th>
  112. <th data-priority="6">Ask</th>
  113. <th data-priority="6">1y Target Est</th>
  114. <th data-priority="6">Lorem</th>
  115. <th data-priority="6">Ipsum</th>
  116. </tr>
  117. </thead>
  118. <tbody id="list-tbody">
  119. <tr>
  120. <th>GOOG <span class="co-name">Google Inc.</span></th>
  121. <td>597.74</td>
  122. <td>12:12PM</td>
  123. <td>14.81 (2.54%)</td>
  124. <td>582.93</td>
  125. <td>597.95</td>
  126. <td>597.73 x 100</td>
  127. <td>597.91 x 300</td>
  128. <td>731.10</td>
  129. <td colspan="2">Spanning cell</td>
  130. </tr>
  131. </tbody>
  132. </table>
  133. </div>
  134. </div>
  135. <div id="mul"></div>
  136. <div id="page"></div>
  137. <div class="dever_desc" id="desc"></div>
  138. </div>
  139. </div>
  140. </div>
  141. </div> <!-- end row -->
  142. </form>
  143. <form id="form2" name="form2" method="get" style="display: none;">
  144. </form>
  145. <div id="struct" style="display:none;"></div>
  146. <script>
  147. $(document).ready(function()
  148. {
  149. init();
  150. });
  151. </script>
  152. </div>
  153. </div>
  154. <script class="include" system="" path="inc/" file="foot">include()</script>
  155. </div>
  156. <!-- ============================================================== -->
  157. <!-- End Right content here -->
  158. <!-- ============================================================== -->
  159. <script class="include" system="" path="inc/" file="chat">include()</script>
  160. </div>
  161. <script class="include" system="" path="inc/" file="script">include()</script>
  162. </body>
  163. </html>