<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="month"
					 rt-title="开始时间" rt-required="true" rt-col="3" rt-label-col="2">
		</rt-datetime>
		<label class="col-sm-2 control-label"><span style="color:red;">*</span>排序方式</label>
		<div class="col-sm-3">
			<ui-select allow-clear ng-model="vm.selectedOrderType" theme="bootstrap">
				<ui-select-match>{{$select.selected.name}}</ui-select-match>
				<ui-select-choices repeat="item in vm.orderList | filter:{name:$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.showReportButton()">查询</button>
		</div>
		<div class="col-sm-1">
			<button class="btn btn-primary" ng-click='vm.actions.export({},"ManagerVisitContactAnalysisExport","按部门拜访分析(医生)")'>
				导出
			</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.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>
</form>
<div class="row" style="border-top: 1px dotted #d5c4c4; padding-top: 20px">
	<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>
						<th>覆盖率</th>
					</tr>
				</thead>
				<tbody>
					<tr ng-repeat="row in vm.reportData">
						<td>{{row.BuIdName}}</td>
						<td>{{row.BigDeptIdName}}</td>
						<td>
							{{row.BusinessUnitIdName}}
						</td>
						<td>
							{{row.Contact_Count==null?0:row.Contact_Count}}
						</td>
						<td>
							{{row.Coach_Done_Count==null?0:row.Coach_Done_Count}}
						</td>
						<td>
							{{row.Visited_Avg==null?0:row.Visited_Avg|toFixNumber:0}}
						</td>
						<td>
							{{row.Visited_Done_Avg==null?0:(row.Visited_Done_Avg)*100|toFixNumber:0}}%
						</td>
					</tr>
				</tbody>
			</table>
		</rt-data-grid>
	</div>
</div>