core.html 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>数据卡片</title>
  6. <link rel="stylesheet" href="../../component/pear/css/pear.css" />
  7. </head>
  8. <body class="pear-container">
  9. <div class="layui-card">
  10. <div class="layui-card-body">
  11. <button id="collapseSide" class="pear-btn">侧边切换</button>
  12. </div>
  13. </div>
  14. <div class="layui-card">
  15. <div class="layui-card-body">
  16. <button id="refreshThis" class="pear-btn">刷新当前</button>
  17. </div>
  18. </div>
  19. <div class="layui-card">
  20. <div class="layui-card-body">
  21. <button id="refresh" class="pear-btn">刷新指定</button>
  22. </div>
  23. </div>
  24. <div class="layui-card">
  25. <div class="layui-card-body">
  26. <button id="addTab" class="pear-btn">新增卡片</button>
  27. </div>
  28. </div>
  29. <div class="layui-card">
  30. <div class="layui-card-body">
  31. <button id="changeTabTitle" class="pear-btn">修改标题</button>
  32. </div>
  33. </div>
  34. <div class="layui-card">
  35. <div class="layui-card-body">
  36. <button id="closeTab" class="pear-btn">删除卡片</button>
  37. </div>
  38. </div>
  39. <div class="layui-card">
  40. <div class="layui-card-body">
  41. <button id="closeThis" class="pear-btn">删除当前</button>
  42. </div>
  43. </div>
  44. <div class="layui-card">
  45. <div class="layui-card-body">
  46. <button id="closeAll" class="pear-btn">删除全部</button>
  47. </div>
  48. </div>
  49. <div class="layui-card">
  50. <div class="layui-card-body">
  51. <button id="closeOther" class="pear-btn">删除其他</button>
  52. </div>
  53. </div>
  54. <div class="layui-card">
  55. <div class="layui-card-body">
  56. <button id="changeIframe" class="pear-btn">切换页面</button>
  57. </div>
  58. </div>
  59. <div class="layui-card">
  60. <div class="layui-card-body">
  61. <button id="jump" class="pear-btn">兼容切换</button>
  62. </div>
  63. </div>
  64. <div class="layui-card">
  65. <div class="layui-card-body">
  66. <button id="fullScreen" class="pear-btn">有点多余</button>
  67. </div>
  68. </div>
  69. <div class="layui-card">
  70. <div class="layui-card-body">
  71. <table class="layui-table">
  72. <colgroup>
  73. <col width="150">
  74. <col width="200">
  75. <col>
  76. </colgroup>
  77. <thead>
  78. <tr>
  79. <th>方法</th>
  80. <th>描述</th>
  81. <th>参数</th>
  82. <th>备注</th>
  83. </tr>
  84. </thead>
  85. <tbody>
  86. <tr>
  87. <td>admin.collapseSide</td>
  88. <td>侧边收缩</td>
  89. <td>无</td>
  90. <td>无模式限制</td>
  91. </tr>
  92. <tr>
  93. <td>admin.refreshThis</td>
  94. <td>刷新当前</td>
  95. <td>无</td>
  96. <td>无模式限制</td>
  97. </tr>
  98. <tr>
  99. <td>admin.refresh</td>
  100. <td>刷新指定</td>
  101. <td>id: 编号</td>
  102. <td>仅限 TAB 模式</td>
  103. </tr>
  104. <tr>
  105. <td>admin.addTab</td>
  106. <td>新增卡片</td>
  107. <td>id:编号,title:标题,url:路径</td>
  108. <td>仅限 TAB 模式</td>
  109. </tr>
  110. <tr>
  111. <td>admin.changeTabTitle</td>
  112. <td>修改标题</td>
  113. <td>id:编号,title:标题</td>
  114. <td>仅限 TAB 模式</td>
  115. </tr>
  116. <tr>
  117. <td>admin.closeTab</td>
  118. <td>关闭卡片</td>
  119. <td>id:编号</td>
  120. <td>仅限 TAB 模式</td>
  121. </tr>
  122. <tr>
  123. <td>admin.closeCurrentTab</td>
  124. <td>关闭当前</td>
  125. <td>无</td>
  126. <td>仅限 TAB 模式</td>
  127. </tr>
  128. <tr>
  129. <td>admin.closeAllTab</td>
  130. <td>关闭所有</td>
  131. <td>无</td>
  132. <td>仅限 TAB 模式</td>
  133. </tr>
  134. <tr>
  135. <td>admin.closeOtherTab</td>
  136. <td>关闭其他</td>
  137. <td>无</td>
  138. <td>仅限 TAB 模式</td>
  139. </tr>
  140. <tr>
  141. <td>admin.changeIframe</td>
  142. <td>切换页面</td>
  143. <td>id:编号,title:标题,url:路径</td>
  144. <td>仅限 IFRAME 模式</td>
  145. </tr>
  146. <tr>
  147. <td>admin.jump</td>
  148. <td>兼容切换</td>
  149. <td>id:编号,title:标题,url:路径</td>
  150. <td>无模式限制</td>
  151. </tr>
  152. <tr>
  153. <td>admin.fullScreen</td>
  154. <td>全屏模式</td>
  155. <td>无</td>
  156. <td>无模式限制</td>
  157. </tr>
  158. </tbody>
  159. </table>
  160. </div>
  161. </div>
  162. <script src="../../component/layui/layui.js"></script>
  163. <script src="../../component/pear/pear.js"></script>
  164. <script>
  165. layui.use(['jquery','layer'], function() {
  166. var $ = layui.jquery;
  167. $("#collapseSide").click(function(){
  168. parent.layui.admin.collapseSide()
  169. })
  170. $("#refreshThis").click(function(){
  171. parent.layui.admin.refreshThis()
  172. })
  173. $("#refresh").click(function(){
  174. parent.layui.admin.refresh(14)
  175. })
  176. $("#addTab").click(function(){
  177. parent.layui.admin.addTab(14,"百度一下","http://www.bing.com")
  178. })
  179. $("#closeTab").click(function(){
  180. parent.layui.admin.closeTab(14)
  181. })
  182. $("#closeThis").click(function(){
  183. parent.layui.admin.closeCurrentTab()
  184. })
  185. $("#closeAll").click(function(){
  186. parent.layui.admin.closeAllTab()
  187. })
  188. $("#changeTabTitle").click(function(){
  189. parent.layui.admin.changeTabTitle(16,"修改标题")
  190. })
  191. $("#closeOther").click(function(){
  192. parent.layui.admin.closeOtherTab()
  193. })
  194. $("#changeIframe").click(function(){
  195. parent.layui.admin.changeIframe(14,"百度一下","http://www.bing.com")
  196. })
  197. $("#jump").click(function(){
  198. parent.layui.admin.jump(14,"百度一下","http://www.bing.com")
  199. })
  200. $("#fullScreen").click(function(){
  201. parent.layui.admin.fullScreen()
  202. })
  203. })
  204. </script>
  205. </body>
  206. </html>