<form class="form-horizontal">
	<div class="form-group">
		<label class="col-sm-1 control-label"><span style="color:red;">*</span>药品名称</label>
		<div class="col-sm-3">
			<ui-select allow-clear ng-model="vm.productSelected" theme="bootstrap">
				<ui-select-match>{{ $select.selected.Name }}</ui-select-match>
				<ui-select-choices repeat="item in vm.productList|filter:$select.search">
					<span ng-bind-html="item.Name | highlight: $select.search"></span>
				</ui-select-choices>
			</ui-select>
		</div>
		<label class="col-sm-1 control-label"><span style="color:red;">*</span>省份</label>
		<div class="col-sm-3">
			<ui-select allow-clear ng-model="vm.provinceSelected" theme="bootstrap">
				<ui-select-match>{{ $select.selected.NAME }}</ui-select-match>
				<ui-select-choices repeat="item in vm.provinceList | 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.showReport()">查询</button>
		</div>
	</div>
	<div class="form-group">
		<label class="col-sm-1 control-label"><span style="color:red;">*</span>最近交易</label>
		<div class="col-sm-3">
			<ui-select allow-clear ng-model="vm.lastBusiTimeSelected" theme="bootstrap">
				<ui-select-match>{{ $select.selected.Name }}</ui-select-match>
				<ui-select-choices repeat="item in vm.lastBusiTimeList | 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-6">
        <ul class="nav nav-tabs">
            <li class="active">
                <a href="#d1"
                   onclick="return false;"
                   data-toggle="tab">流失商业城市占比</a>
            </li>
        </ul>
        <div id="report" style="height:500px;" ></div>
    </div>
    <div class="col-sm-6">
        <ul class="nav nav-tabs">
            <li  class="active">
                <a href="#d2"
                   onclick="return false;"
                   data-toggle="tab">流失商业最后交易年月</a>
            </li>
        </ul>
        <table class="table table-hover">
			<thead>
				<tr>
					<th>#</th>
					<th>城市</th>
					<th>商业名称</th>
					<th>最后交易年月</th>
				</tr>
			</thead>
			<tbody>
				<tr ng-repeat="row in vm.reportData.TabMod">
					<td>{{ $index+1 }}</td>
                    <td>{{ row.CityName }}</td>
					<td>{{ row.EntInfoName }}</td>
					<td>{{ row.LastBillDate }}</td>
				</tr>
			</tbody>
		</table>
    </div>
</div>




