list.html 8.0 KB

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