manyi/static/1.0/tpl/businessStats.html

<div class="wrapper-md " ng-controller="businessStatsCtrl">

    <div class="panel panel-default">
        <div class="nav-tabs-alt panel-heading">
            <ul class="nav nav-tabs ">
                <li ui-sref-active="active">
                    <a ui-sref="app.chart.businessStats.charge">充值订单</a>
                </li>
                <li ui-sref-active="active">
                    <a ui-sref="app.chart.businessStats.consumption">消费订单</a>
                </li>
                <li ui-sref-active="active">
                    <a ui-sref="app.chart.businessStats.chargeCard">充值卡订单</a>
                </li>

            </ul>
        </div>

        <div class="panel-heading">
            <ui-select ng-model="query.agent" theme="bootstrap" class="w-sm 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-sm 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 class="btn btn-default btn-danger" ng-if="currentType!=='chargeCard'"
                 ng-click="showChart('order')"><i class="glyphicon glyphicon-stats"></i>
                 按时间统计
            </div>

            <div class="btn btn-default btn-success" ng-if="currentType!=='chargeCard'"
                 ng-click="showChart('userActivity')"><i class="fa fa-users"></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 ui-view>

        </div>
    </div>

    <div id="chartInfoPanel" class="form-horizontal form-validation modal fade" role="dialog"
         style="height:80%;width: 80%;">
        <div class="panel panel-default">
            <div class="panel-heading">
                <strong ng-bind="dialogName" class="ng-binding"></strong>
            </div>
            <div class="panel-body">
                <div id="businessChartPanel" style="height: 100%"></div>
            </div>

            <footer class="panel-footer text-center bg-light lter">
                <button type="button" class="btn btn-info margin-5" ng-click="closeChart()"
                        style="margin-left: 8px"><i
                        class="fa fa-close"></i> 关闭
                </button>
            </footer>
        </div>
    </div>

</div>