index.html 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. <link href="__CDN__/assets/addons/baiduwebtongji/css/main.css?v={$site.version}" rel="stylesheet">
  2. <div class="row">
  3. <div class="col-sm-12">
  4. <div class="box box-success">
  5. <div class="panel-heading">
  6. <label>当前站点(点击切换):</label>
  7. <select id="changeSiteId" data-url='{:url("baiduwebtongji/baiduapi/changeSiteId")}'>
  8. {volist name="sitelist" id="vo"}
  9. <option value="{$vo.site_id}" {if $siteId==$vo.site_id}selected{/if}>{$vo.domain}</option>
  10. {/volist}
  11. </select>
  12. </div>
  13. </div>
  14. <div class="tabs-container">
  15. <ul class="nav nav-tabs">
  16. <li><a href="{:url('baiduwebtongji/district/index')}">按省</a></li>
  17. <li class="active"><a href="{:url('baiduwebtongji/world/index')}" data-toggle="tab" aria-expanded="true">按国家</a></li>
  18. </ul>
  19. <div class="tab-content">
  20. <div id="tab-1" class="tab-pane active">
  21. <div class="box box-success">
  22. <div class="panel-body">
  23. <a href="javascript:location.reload();" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
  24. <div class="btn-group btn-group-sm" role="group">
  25. <button type="button" class="btn btn-default ajax-page" id="tody" data-memo="tody">今天</button>
  26. <button type="button" class="btn btn-default ajax-page" id="yest" data-memo="yest">昨天</button>
  27. <button type="button" class="btn btn-default ajax-page" id="week" data-memo="week">最近7天</button>
  28. <button type="button" class="btn btn-default ajax-page" id="month" data-memo="month">最近30天</button>
  29. </div>
  30. <div class="hr-line-dashed"></div>
  31. <div class="row">
  32. <!-- <div class="col-sm-9">
  33. <div class="echarts" id="echarts-map-world" style="height:370px"></div>
  34. </div> -->
  35. <div class="col-sm-12">
  36. <div class="col-sm-2 col-gm-2">
  37. <div class="panel">
  38. <div class="panel-body border-right visit-ibox-content">
  39. <h4>浏览量(PV)</h4><h2 class="text-navy pv_count">--</h2>
  40. </div>
  41. </div>
  42. </div>
  43. <div class="col-sm-2 col-gm-2">
  44. <div class="panel">
  45. <div class="panel-body border-right visit-ibox-content">
  46. <h4>访客数(UV)</h4><h2 class="text-success visitor_count">--</h2>
  47. </div>
  48. </div>
  49. </div>
  50. <div class="col-sm-2 col-gm-2">
  51. <div class="panel">
  52. <div class="panel-body border-right visit-ibox-content">
  53. <h4>IP数</h4><h2 class="text-warning ip_count">--</h2>
  54. </div>
  55. </div>
  56. </div>
  57. <div class="col-sm-2 col-gm-2">
  58. <div class="panel">
  59. <div class="panel-body border-right visit-ibox-content">
  60. <h4>跳出率</h4><h2 class="text-danger bounce_ratio">--</h2>
  61. </div>
  62. </div>
  63. </div>
  64. <div class="col-sm-2 col-gm-2">
  65. <div class="panel">
  66. <div class="panel-body border-right visit-ibox-content">
  67. <h4>平均访问时长</h4><h2 class="text-primary avg_visit_time">--</h2>
  68. </div>
  69. </div>
  70. </div>
  71. </div>
  72. </div>
  73. <table class="table table-hover table-visit">
  74. <thead>
  75. <tr>
  76. <td width='40'></td>
  77. <td style="width: auto;">地域</td>
  78. <td style="width: auto;text-align: right;">浏览量(PV)</td>
  79. <td style="width: auto;text-align: right;">访客数(UV)</td>
  80. <td style="width: auto;text-align: right;">IP数</td>
  81. <td style="width: auto;text-align: right;">跳出率</td>
  82. <td style="width: auto;text-align: right;">平均访问时长</td>
  83. </tr>
  84. </thead>
  85. <tbody class="visit-world-tbody"></tbody>
  86. </table>
  87. <div class="visit-world-page pull-right"></div>
  88. <div class="clear"></div>
  89. </div>
  90. </div>
  91. </div>
  92. </div>
  93. </div>
  94. </div>
  95. </div>
  96. <!-- <script src="__CDN__/assets/addons/baiduwebtongji/js/echarts-all.js"></script> -->
  97. <!-- <script src="__CDN__/assets/addons/baiduwebtongji/js/world.js"></script> -->
  98. <script>
  99. var nameMap={$nameMap};
  100. var bdtj_show="{$bdtj_show}";
  101. var url='{:url("baiduwebtongji/baiduapi/visitWorld")}';
  102. </script>