list.html 8.9 KB

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