manyi/static/1.0/tpl/adStatistics.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="adStatisticsCtrl">
    <div class="panel panel-default">
        <div class="panel-heading">

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

            <ui-select ng-model="query.agent" theme="bootstrap" class="w-xs inline v-middle" ng-disabled="query.ad.adId"
                       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-disabled="query.ad.adId"
                       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-disabled="query.ad.adId"
                       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-disabled="query.ad.adId"
                       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 -sm 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 ng-disabled="ngEvent.exportExcelOpen" class="btn btn-default  btn-success pull-right"
                 ng-click="ngEvent.exportExcel()"><i class="fa fa-file-excel-o"></i>
                生成报表
            </div>
        </div>

        <div class="table-responsive">
            <div ui-grid="gridOptions" style="min-height:420px" ui-grid-pagination
                 ui-grid-resize-columns></div>
        </div>
    </div>

</div>