<style>
    .form-group .control-label {
        font-weight: 500;
        color: #555;
    }

    #rt-report-header th {
        text-align: center;
        vertical-align: inherit;
        border: 1px solid #f0f0f0;
        color: #555;
        font-weight: 500;
    }

    #rt-report-header tr, td {
        text-align: center;
        vertical-align: inherit;
        border: 1px solid #f0f0f0;
        color: #555;
        font-weight: 500;
    }
</style>
<form class="form-horizontal">
    <div class="form-group">
        <rt-datetime ng-model="vm.startYM" rt-type="date" rt-title="开始时间" rt-required="true" rt-col="3" rt-label-col="2">
        </rt-datetime>
        <rt-datetime ng-model="vm.endYM" rt-type="date" rt-title="结束时间" rt-required="true" rt-col="3" rt-label-col="2">
        </rt-datetime>
        <div class="col-sm-1">
            <button class="btn btn-primary" ng-click="vm.showReportButton()">查询</button>
        </div>
        <div class="col-sm-1">
            <button class="btn btn-primary" ng-click='vm.actions.export({
                        "rankNum":"排名",
                        "accountidName":"客户名称",
                        "account_grade_levelName":"客户分级",
                        "heatNum":"受访次数",
                        "accType":"客户类型",
                        "BusinessUnitIdName":"省区/地区"
                        },"TerminalHeatReportExport","客户热度统计")'>导出
            </button>
        </div>
    </div>
    <div class="form-group">
        <label class="col-sm-2 control-label">客户分级</label>
        <div class="col-sm-3">
            <ui-select allow-clear ng-model="vm.acclevelSelected" theme="bootstrap">
                <ui-select-match>{{ $select.selected.name }}</ui-select-match>
                <ui-select-choices repeat="item in vm.acclevelList|filter:$select.search">
                    <span ng-bind-html="item.name | highlight: $select.search"></span>
                </ui-select-choices>
            </ui-select>
        </div>
    </div>
    <div class="form-group">
        <label class="col-sm-2 control-label">事业部</label>
        <div class="col-sm-3">
            <ui-select allow-clear ng-model="vm.buidSelected" theme="bootstrap">
                <ui-select-match>{{ $select.selected.name }}</ui-select-match>
                <ui-select-choices repeat="item in vm.buidList|filter:$select.search">
                    <span ng-bind-html="item.name | highlight: $select.search"></span>
                </ui-select-choices>
            </ui-select>
        </div>
        <label class="col-sm-2 control-label">业务线/大区</label>
        <div class="col-sm-3">
            <ui-select allow-clear ng-model="vm.bigDepSelected" theme="bootstrap">
                <ui-select-match>{{ $select.selected.name }}</ui-select-match>
                <ui-select-choices repeat="item in vm.bigDepList |filter:$select.search">
                    <span ng-bind-html="item.name | highlight: $select.search"></span>
                </ui-select-choices>
            </ui-select>
        </div>
    </div>
    <div class="form-group">
        <label class="col-sm-2 control-label">省区/地区</label>
        <div class="col-sm-8">
            <ui-select class="form" multiple allow-clear sortable="true" theme="bootstrap" close-on-select="false" ng-model="vm.businessUnitSelected">
                <ui-select-match>{{$item.name}}</ui-select-match>
                <ui-select-choices repeat="item in vm.businessUnitList | filter: {name: $select.search}">
                    <span ng-bind-html="item.name | highlight: $select.search"></span>
                </ui-select-choices>
            </ui-select>
        </div>
    </div>
</form>
<div class="row" style="border-top: 1px dotted #d5c4c4; padding-top: 20px">
<div class="row" style="margin-bottom:13px;padding-left:13px;">
<span style="width:10%;padding-left:17px;">总拜访数:{{sumNum?sumNum:0}}</span>
<span style="width:10%;padding-left:17px;">客均拜访数:{{avgNum?avgNum:0|number:1}}</span>
<span style="width:10%;padding-left:17px;">日均拜访数:{{avgDayCount?avgDayCount:0|number:1}}</span>
</div>
<div class="col-sm-30">
    <rt-data-grid rt-page-record-count="vm.recordCount" rt-get-data="vm.showReport()" rt-page-index="vm.index" rt-page-size="vm.pageSize" rt-rows="vm.reportData">
        <table class="table table-hover">
            <thead>
                <tr id="rt-report-header">
                    <th>排名</th>
                    <th>客户名称</th>
                    <th>客户分级</th>
                    <th>受访次数</th>
                    <th>客户类型</th>
                    <th>省区/地区</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="row in vm.reportData">
                    <td>
                        {{row.rankNum}}
                    </td>
                    <td>
                        {{row.accountidName}}
                    </td>
                    <td>
                        {{row.account_grade_levelName==null ? "-" : row.account_grade_levelName}}
                    </td>
                    <td>
                        {{row.heatNum}}
                    </td>
                    <td>
                        {{row.accType==null ? "潜在代理商" : row.accType}}
                    </td>
                    <td>
                        {{row.BusinessUnitIdName}}
                    </td>
                </tr>
            </tbody>
        </table>
    </rt-data-grid>
</div>
</div>