manyi/static/administrator/tpl/expiredSimList.html

<div ng-controller="expiredSimListCtrl">
    <div class="row wrapper">
        <div class="col-sm-12">
            <div class="btn-group dropdown" dropdown style="width: 110px">
                <input type="button" class="dropdown-toggle form-control v-middle" ng-value="query.simCardSource.name"
                       dropdown-toggle>
                <ul class="dropdown-menu">
                    <li ng-repeat="item in enum.simCardSource" ng-click="query.simCardSource = item ">
                        <a href ng-bind="item.name"></a></li>
                </ul>
            </div>

            <div class="btn-group dropdown" dropdown style="width: 110px">
                <input type="button" class="dropdown-toggle form-control v-middle" ng-value="query.searchType.name"
                       dropdown-toggle>
                <ul class="dropdown-menu">
                    <li ng-repeat="item in enum.searchType" ng-click="query.searchType = item ">
                        <a href ng-bind="item.name"></a></li>
                </ul>
            </div>


            <span class="m-l-sm v-middle">  过期时间</span>
            <div class="btn-group dropdown" dropdown is-open="startTimeOpen">
                <input type="text" class="form-control  w-sm" dropdown-toggle
                       ng-model="query.startTime"
                       placeholder="开始日期">
                <ul class="dropdown-menu" dropdown-menu>
                    <datetimepicker
                            data-datetimepicker-config="{modelType: 'YYYY-MM-DD HH:mm'}"
                            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-sm" dropdown-toggle
                       ng-model="query.endTime"
                       placeholder="结束日期">
                <ul class="dropdown-menu" dropdown-menu>
                    <datetimepicker
                            data-datetimepicker-config="{modelType: 'YYYY-MM-DD HH:mm'}"
                            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="input-group m-l-sm" style="width: 200px;display: inline-table;vertical-align: middle;">
                <input type="text" class=" form-control" ng-model="query.searchKey"
                       ng-keydown="$event.keyCode==13&&ngEvent.query()"
                       placeholder="{{query.searchType.name}}">
                <span class="input-group-btn">
                         <div class="btn  btn-default btn-info" ng-click="ngEvent.query()"><i class="fa fa-search"></i> 搜索</div>
                    </span>
            </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>

    <div class="table-responsive">
        <div ui-grid="gridOptions" style="min-height:620px" ui-grid-pagination ui-grid-selection></div>
    </div>

</div>