<style>
	.form-group .control-label {
		font-weight: 500;
		color: #555;
	}
	
	#rt-report-header > thead > tr >th {
		text-align: center;
		vertical-align: inherit;
		border: 1px solid #f0f0f0;
		color: #555;
		font-weight: 500;
		white-space: nowrap;
	}
	
	#rt-report-header > tbody > tr >td {
		text-align: center;
		vertical-align: inherit;
		border: 1px solid #f0f0f0;
		color: #555;
		font-weight: 500;
		white-space: nowrap;
	}
</style>
<div class="row">
    <form class="form-horizontal">
        <div class="form-group">
            <rt-datetime ng-model="vm.Ym" rt-type="month" rt-title="年月" rt-required="true" rt-col="3" rt-label-col="2"></rt-datetime>

        </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 class="col-sm-1">
                <button class="btn btn-primary" ng-click="vm.search()">查询</button>
            </div>
            <div class="col-sm-1">
                <button class="btn btn-primary" ng-click='vm.actions.export({
                        "BuIdName":"事业部",
                        "BigDeptIdName":"业务线/大区",
                        "BusinessUnitIdName":"地区",
                        "OwnerIdName":"代表",
                        "Contact_Count":"客户数",
                        "Visit_Done_Count":"拜访客户数",
                        "TOP_Contact_Count":"TOP10客户数",
                        "TOP_Done_Count":"TOP10客户覆盖数",
                        "top_coverage_per":"TOP10客户覆盖率",
                        "top_coverage_fre":"top10客户平均拜访次数"
                        },"DelegateVisitReportExport","代表拜访统计(按医生)")'>导出</button>
            </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>
<div class="row">
    <rt-data-grid rt-page-record-count="vm.recordCount" rt-page-index="vm.pageIndex" rt-page-size="vm.pageSize" rt-get-data="vm.search()" rt-rows="vm.data"
        rt-auto-height=" {{tableMaxHeight}}  ">
        <table class="table table-condensed table-hover ng-scope" style="white-space: nowrap;" id="rt-report-header">
            <thead>
                <tr>
                    <th class="rt-align-left">
                        事业部
                    </th>
                    <th class="rt-align-left">
                        大区
                    </th>
                    <th class="rt-align-left">
                        地区
                    </th>
                    <th class="rt-align-left">
                        代表
                    </th>
                    <th class="rt-align-right">
                        客户数
                    </th>
                    <th class="rt-align-right">
                        拜访客户数
                    </th>
                    <th class="rt-align-right">
                        TOP10客户数
                    </th>
                    <th class="rt-align-right">
                        TOP10客户覆盖数
                    </th>
                    <th class="rt-align-right">
                        TOP10客户覆盖率
                    </th>
                    <th class="rt-align-right">
                        top10客户平均拜访次数
                    </th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="row in vm.data ">
                    <td class="rt-align-left">{{row.BuIdName}}</td>
                    <td class="rt-align-left">{{row.BigDeptIdName}}</td>
                    <td class="rt-align-left">{{row.BusinessUnitIdName}}</td>
                    <td class="rt-align-left">{{row.OwnerIdName}}</td>
                    <td class="rt-align-right">{{row.Contact_Count}}</td>
                    <td class="rt-align-right">{{row.Visit_Done_Count}}</td>
                    <td class="rt-align-right">{{row.TOP_Contact_Count!=null?row.TOP_Contact_Count:'-'}}</td>
                    <td class="rt-align-right">{{row.TOP_Done_Count!=null?row.TOP_Done_Count:'-'}}</td>
                    <td class="rt-align-right">{{row.Top_Done_Per!=null?row.Top_Done_Per:0 | number:0 }}%</td>
                    <td class="rt-align-right">{{row.Top_Done_Fre!=null?row.Top_Done_Fre:0 | number:1 }}</td>
                </tr>
            </tbody>
        </table>
    </rt-data-grid>
</div>