site-current-account.html 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. {template 'common/header'}
  2. <ul class="we7-page-tab">
  3. <li class="active"><a href="{url 'statistics/site/current_account'}">所有访问统计信息</a></li>
  4. <li><a href="{url 'statistics/app'}">app端访问统计信息</a></li>
  5. <li><a href="{url 'statistics/setting'}">访问统计设置</a></li>
  6. </ul>
  7. <div class="api" id="js-statistics-current-account" ng-controller="CurrentAccountCtrl" ng-cloak>
  8. <div class="panel we7-panel api-target">
  9. <div class="panel-heading">今日/昨日关键指标</div>
  10. <div class="panel-body we7-padding-vertical">
  11. <div class="col-sm-4 text-center">
  12. <div class="title">总访问数</div>
  13. <div>
  14. <span class="today">{php echo $today + 1;}</span>
  15. <span class="yesterday">/ {$yesterday}</span>
  16. </div>
  17. </div>
  18. </div>
  19. </div>
  20. <div class="panel we7-panel">
  21. <div class="panel-body data-view">
  22. <div class="tab-bar-time clearfrix">
  23. <span class="we7-margin-right">时间</span>
  24. <div class="btn-group" role="group">
  25. <button type="button" class="btn btn-default" ng-class="{'active': accountTimeType == 'week'}" ng-click="getModuleApi('week')">周统计</button>
  26. <button type="button" class="btn btn-default" ng-class="{'active': accountTimeType == 'month'}" ng-click="getModuleApi('month')">月统计</button>
  27. <div class="btn-group" role="group">
  28. <button class="btn btn-default daterange daterange-date" we7-date-range-picker ng-model="accountDateRange"><span>{{accountDateRange.startDate}} </span>至<span> {{accountDateRange.endDate}}</span> <i class="fa fa-calendar"></i></button>
  29. </div>
  30. </div>
  31. </div>
  32. <div class="col-sm-12" id="chart-line" style="height:500px"></div>
  33. </div>
  34. </div>
  35. </div>
  36. <script>
  37. require(['daterangepicker'], function() {
  38. angular.module('statisticsApp').value('config', {
  39. 'links': {
  40. 'accountApi': "{php echo url('statistics/site/get_account_api')}",
  41. },
  42. });
  43. angular.bootstrap($('#js-statistics-current-account'), ['statisticsApp']);
  44. })
  45. </script>
  46. {template 'common/footer'}