manyi/static/1.0/tpl/settlementChargeCard.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="settlementChargeCardCtrl">

    <div class="panel panel-default">
        <div class="panel-heading">

            <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>

            <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 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 class="grid-mask" ng-if="gridOptionsLoading"><span>正在加载，请稍候...</span></div>
        </div>
    </div>

</div>