manyi/static/admaster/tpl/adChart.html

<div class="bg-light lter b-b wrapper-md">
    <h1 class="m-n font-thin h4">广告效果报表</h1>
</div>
<div class="wrapper-md" ng-controller="adChartCtrl">
    <div class="m-b-sm">

        <ui-select ng-model="query.agent" theme="bootstrap" class="w-xs inline v-middle"
                   ng-change="ngEvent.changeAgent()">
            <ui-select-match placeholder="-选择代理商-">{{$select.selected.nickname}}</ui-select-match>
            <ui-select-choices repeat="item in condition.agent| filter: $select.search">
                <div ng-bind-html="item.nickname | highlight: $select.search"></div>
            </ui-select-choices>
        </ui-select>

        <ui-select ng-model="query.dealer" theme="bootstrap" class="w-xs inline v-middle"
                   ng-change="ngEvent.changeDealer()">
            <ui-select-match placeholder="-选择经销商-">{{$select.selected.label}}</ui-select-match>
            <ui-select-choices repeat="item in condition.dealer| filter: $select.search">
                <div ng-bind-html="item.label | highlight: $select.search"></div>
            </ui-select-choices>
        </ui-select>

        <ui-select ng-model="query.address" theme="bootstrap" class="w-xs inline v-middle"
                   ng-change="ngEvent.changeAddress()">
            <ui-select-match placeholder="-选择地址-">{{$select.selected.label}}</ui-select-match>
            <ui-select-choices repeat="item in condition.address| filter: $select.search">
                <div ng-bind-html="item.label | highlight: $select.search"></div>
            </ui-select-choices>
        </ui-select>

        <ui-select ng-model="query.dev" theme="bootstrap" class="w-xs inline v-middle"
                   ng-change="ngEvent.changeDev()">
            <ui-select-match placeholder="-选择设备-">{{$select.selected.label}}</ui-select-match>
            <ui-select-choices repeat="item in condition.dev| filter: $select.search">
                <div ng-bind-html="item.label | highlight: $select.search"></div>
            </ui-select-choices>
        </ui-select>

        <div class="m-l-xs  btn-group dropdown" dropdown is-open="startTimeOpen">
            <input type="text" class="form-control  w-xs" dropdown-toggle
                   ng-model="query.startTime"
                   placeholder="开始日期">
            <ul class="dropdown-menu" dropdown-menu>
                <datetimepicker data-datetimepicker-config="{modelType: 'YYYY-MM-DD',startView:'day',minView:'day'}"
                                on-set-time="timeChange()"
                                data-ng-model="query.startTime"></datetimepicker>
            </ul>
        </div>
        <span class="v-middle">至</span>
        <div class="btn-group  dropdown" dropdown is-open="endTimeOpen">
            <input type="text" class=" form-control  w-xs" dropdown-toggle
                   ng-model="query.endTime"
                   placeholder="结束日期">
            <ul class="dropdown-menu" dropdown-menu>
                <datetimepicker data-datetimepicker-config="{modelType: 'YYYY-MM-DD',startView:'day',minView:'day'}"
                                on-set-time="timeChange()"
                                data-ng-model="query.endTime"></datetimepicker>
            </ul>
        </div>

        <div class="btn-group dropdown" dropdown>
            <input type="button" class="dropdown-toggle form-control  v-middle" value="快捷日期" dropdown-toggle>

            <ul class="dropdown-menu" id="timeRange">
                <li ng-click="ngEvent.quickTime($event,1)"><a href>今天</a></li>
                <li ng-click="ngEvent.quickTime($event,7)"><a href>过去7天</a></li>
                <li ng-click="ngEvent.quickTime($event,15)"><a href>过去15天</a></li>
                <li ng-click="ngEvent.quickTime($event,30)"><a href>最近30天</a></li>
                <li ng-click="ngEvent.quickTime($event,60)"><a href>最近60天</a></li>
                <li ng-click="ngEvent.quickTime($event,90)"><a href>最近90天</a></li>
            </ul>
        </div>

        <div class="m-l-xs btn btn-default   btn-info" ng-click="ngEvent.query()"><i class="fa  fa-search"></i>
            查询
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading font-bold">加粉统计</div>
                <div class="panel-body">
                    <div id="adChartPanelFans" style="height: 300px"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading font-bold">收益统计</div>
                <div class="panel-body">
                    <div id="adChartPanelMoney" style="height: 300px"></div>
                </div>
            </div>
        </div>
    </div>

</div>