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