manyi/static/1.0/tpl/joinRecord.html

<div class="bg-light lter b-b wrapper-md">
    <h1 class="m-n font-thin h3">加盟设备列表</h1>
</div>
<div class="wrapper-md " ng-controller="joinRecordCtrl">
    <div class="panel panel-default">

        <div class="row wrapper">
            <div class="col-sm-3">
                <div class="btn btn-danger" ng-click="joinStatistics()"><i class="iconfont icon-chart-line"
                                                                           style="font-size: 14px"></i>
                    加盟信息统计
                </div>
            </div>

            <div class="col-sm-9 text-right">
                <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="input-group" style="width: 300px;  display: inline-table; vertical-align: middle;">
                    <input type="text" class=" form-control" ng-model="condition.searchKey"
                           ng-keydown="$event.keyCode==13&&event.search()"
                           placeholder="搜索">
                    <span class="input-group-btn">
                         <div class="btn  btn-default" ng-click="event.search()"><i class="fa fa-search"></i> 搜索</div>
                    </span>
                </div>
            </div>
        </div>

        <div class="table-responsive">
            <div ui-grid="gridOptions" style="min-height:620px" ui-grid-pagination ui-grid-resize-columns
                 ui-grid-selection></div>
            <div class="grid-mask" ng-if="gridOptionsLoading"><span>正在加载，请稍候...</span></div>
        </div>
    </div>

    <form name="joinStatisticsForm" id="joinStatisticsForm" class="form-horizontal form-validation modal fade"
          role="dialog"
          style=" width: 800px;">
        <div class="wrapper-md row row-sm text-center">
            <div class="col-xs-6">
                <div class="block m-b padder-v item bg-info">
                    <div class="h1 text-white font-thin h1">{{dialogData.joinCount}}</div>
                    <span class="text-white text-xs">加盟数量</span>
                </div>
            </div>
            <div class="col-xs-6">
                <div class="block m-b padder-v bg-light item">
                    <span class="text-muted font-thin h1 block">{{dialogData.unjoinCount}}</span>
                    <span class="text-muted text-xs">解除加盟数量</span>
                </div>
            </div>
            <div class="col-xs-12 m-b-md">
                <div class="block m-b padder-v bg-success item">
                    <span class="text-white font-thin h1 block"><span style="font-size: 13px;">￥</span>{{dialogData.leftJoinMoney}}</span>
                    <span class="text-white text-xs">加盟沉淀资金</span>
                </div>
            </div>
        </div>
    </form>

</div>