adChart.html 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. <div class="bg-light lter b-b wrapper-md">
  2. <h1 class="m-n font-thin h4">广告效果报表</h1>
  3. </div>
  4. <div class="wrapper-md" ng-controller="adChartCtrl">
  5. <div class="m-b-sm">
  6. <ui-select ng-model="query.agent" theme="bootstrap" class="w-xs inline v-middle"
  7. ng-change="ngEvent.changeAgent()">
  8. <ui-select-match placeholder="-选择代理商-">{{$select.selected.nickname}}</ui-select-match>
  9. <ui-select-choices repeat="item in condition.agent| filter: $select.search">
  10. <div ng-bind-html="item.nickname | highlight: $select.search"></div>
  11. </ui-select-choices>
  12. </ui-select>
  13. <ui-select ng-model="query.dealer" theme="bootstrap" class="w-xs inline v-middle"
  14. ng-change="ngEvent.changeDealer()">
  15. <ui-select-match placeholder="-选择经销商-">{{$select.selected.label}}</ui-select-match>
  16. <ui-select-choices repeat="item in condition.dealer| filter: $select.search">
  17. <div ng-bind-html="item.label | highlight: $select.search"></div>
  18. </ui-select-choices>
  19. </ui-select>
  20. <ui-select ng-model="query.address" theme="bootstrap" class="w-xs inline v-middle"
  21. ng-change="ngEvent.changeAddress()">
  22. <ui-select-match placeholder="-选择地址-">{{$select.selected.label}}</ui-select-match>
  23. <ui-select-choices repeat="item in condition.address| filter: $select.search">
  24. <div ng-bind-html="item.label | highlight: $select.search"></div>
  25. </ui-select-choices>
  26. </ui-select>
  27. <ui-select ng-model="query.dev" theme="bootstrap" class="w-xs inline v-middle"
  28. ng-change="ngEvent.changeDev()">
  29. <ui-select-match placeholder="-选择设备-">{{$select.selected.label}}</ui-select-match>
  30. <ui-select-choices repeat="item in condition.dev| filter: $select.search">
  31. <div ng-bind-html="item.label | highlight: $select.search"></div>
  32. </ui-select-choices>
  33. </ui-select>
  34. <div class="m-l-xs btn-group dropdown" dropdown is-open="startTimeOpen">
  35. <input type="text" class="form-control w-xs" dropdown-toggle
  36. ng-model="query.startTime"
  37. placeholder="开始日期">
  38. <ul class="dropdown-menu" dropdown-menu>
  39. <datetimepicker data-datetimepicker-config="{modelType: 'YYYY-MM-DD',startView:'day',minView:'day'}"
  40. on-set-time="timeChange()"
  41. data-ng-model="query.startTime"></datetimepicker>
  42. </ul>
  43. </div>
  44. <span class="v-middle">至</span>
  45. <div class="btn-group dropdown" dropdown is-open="endTimeOpen">
  46. <input type="text" class=" form-control w-xs" dropdown-toggle
  47. ng-model="query.endTime"
  48. placeholder="结束日期">
  49. <ul class="dropdown-menu" dropdown-menu>
  50. <datetimepicker data-datetimepicker-config="{modelType: 'YYYY-MM-DD',startView:'day',minView:'day'}"
  51. on-set-time="timeChange()"
  52. data-ng-model="query.endTime"></datetimepicker>
  53. </ul>
  54. </div>
  55. <div class="btn-group dropdown" dropdown>
  56. <input type="button" class="dropdown-toggle form-control v-middle" value="快捷日期" dropdown-toggle>
  57. <ul class="dropdown-menu" id="timeRange">
  58. <li ng-click="ngEvent.quickTime($event,1)"><a href>今天</a></li>
  59. <li ng-click="ngEvent.quickTime($event,7)"><a href>过去7天</a></li>
  60. <li ng-click="ngEvent.quickTime($event,15)"><a href>过去15天</a></li>
  61. <li ng-click="ngEvent.quickTime($event,30)"><a href>最近30天</a></li>
  62. <li ng-click="ngEvent.quickTime($event,60)"><a href>最近60天</a></li>
  63. <li ng-click="ngEvent.quickTime($event,90)"><a href>最近90天</a></li>
  64. </ul>
  65. </div>
  66. <div class="m-l-xs btn btn-default btn-info" ng-click="ngEvent.query()"><i class="fa fa-search"></i>
  67. 查询
  68. </div>
  69. </div>
  70. <div class="row">
  71. <div class="col-md-12">
  72. <div class="panel panel-default">
  73. <div class="panel-heading font-bold">加粉统计</div>
  74. <div class="panel-body">
  75. <div id="adChartPanelFans" style="height: 300px"></div>
  76. </div>
  77. </div>
  78. </div>
  79. </div>
  80. <div class="row">
  81. <div class="col-md-12">
  82. <div class="panel panel-default">
  83. <div class="panel-heading font-bold">收益统计</div>
  84. <div class="panel-body">
  85. <div id="adChartPanelMoney" style="height: 300px"></div>
  86. </div>
  87. </div>
  88. </div>
  89. </div>
  90. </div>