flow_control.html 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title></title>
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  7. <link rel="stylesheet" href="../../commons/css/safe.css" type="text/css" />
  8. <script type="text/javascript" src="../../commons/js/business-all.js"></script>
  9. <script type="text/javascript" src="./js/flow_control.js"></script>
  10. </head>
  11. <body onload="$('#loading-mask').fadeOut('slow');">
  12. <div id="loading-mask"
  13. style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #D2E0F2; z-index: 20000">
  14. <div id="pageloading"
  15. style="position: absolute; top: 50%; left: 50%; margin: -120px 0px 0px -120px; text-align: center; width:200px; border:1px solid #a6bccb; background-color:#fff;padding: 10px; background: #fff; color: #555;">
  16. <img src="../../commons/images/loading.gif" align="absmiddle" />
  17. 正在加载中,请稍候...
  18. </div>
  19. </div>
  20. <input id='pname' type="hidden" />
  21. <input id='apis' type="hidden" />
  22. <div class="container-wrap">
  23. <div class="main-header hidden">
  24. <div class="fl ml20 mt15 f14 c-222">流量监控</div>
  25. </div>
  26. <div class="scroll-pane jspScrollable">
  27. <div class="container">
  28. <div class="section">
  29. <div class="section-con clearfix">
  30. <div class="section jiekou-left" style="overflow-x: true">
  31. <div class="section-header">当前接口信息</div>
  32. <div class="section-con p20" style="height:auto;">
  33. <div class="relative resel-box clearfix">
  34. <div class="entra sub-tit"><i class="icon-entra"></i>入口</div>
  35. <div class="sub-1">
  36. <div class="sub-line-v"></div>
  37. <ul id='treeUL'></ul>
  38. </div>
  39. </div>
  40. </div>
  41. </div>
  42. <div class="section jiekou-data">
  43. <div class="section-header">当前接口请求次数展示</div>
  44. <div class="section-con section-con-wrap">
  45. <div class="hidden p20">
  46. <table class="tb" width="100%" id="dataList">
  47. <tr>
  48. <th>接口</th>
  49. <th>每分钟请求次数</th>
  50. <th>每小时请求次数</th>
  51. <th class="last">每天请求次数</th>
  52. </tr>
  53. </table>
  54. </div>
  55. </div>
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. </div>
  61. <!--/main content-->
  62. </div>
  63. <script type="text/javascript">
  64. $(function(){
  65. function joggleListScroll(){
  66. $(".section-con-wrap").height($(window).height()-162).jScrollPane({"autoReinitialise": true,"overflow":true});
  67. }
  68. joggleListScroll();
  69. $(window).resize(function(){
  70. Throttle(joggleListScroll(),50,30);
  71. });
  72. $('#layer').click(function(){
  73. var artBox=art.dialog({
  74. lock: true,
  75. icon:'question',
  76. opacity:0.4,
  77. width: 250,
  78. title:'提示',
  79. content: '页面模板会覆盖编辑区域已有组件,是否继续?',
  80. ok: function () {
  81. },
  82. cancel: true
  83. });
  84. });
  85. //接口信息容器高度设置
  86. $('.jiekou-left .section-con').css({height:$(window).height()-202}).on('mousewheel',function(event){
  87. event.stopPropagation()
  88. });
  89. //接口信息
  90. (function(){
  91. $('.sub-1 li:has(".sub-2")').live("click",function(){
  92. $(this).siblings().find('.sub-2').hide();
  93. $(this).find('.sub-2').stop().fadeIn();
  94. return false;
  95. });
  96. $('.sub-2 li:has(".sub")').live("click",function(){
  97. $(this).siblings().find('.sub').hide();
  98. $(this).children('.sub').stop().fadeIn();
  99. // console.info($('.resel-box').outerHeight(true));
  100. return false;
  101. });
  102. })();
  103. })
  104. </script>
  105. </body>
  106. </html>