<form class="form-horizontal">
    <div class="form-group">
        <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.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-2 control-label"><span style="color:red;">*</span>窜入或窜出</label>
        <div class="col-sm-3">
            <ui-select allow-clear ng-model="vm.inOrOutSelected" theme="bootstrap">
                <ui-select-match>{{$select.selected.Name}}</ui-select-match>
                <ui-select-choices repeat="item in vm.inOrOutList | 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">
        <rt-datetime ng-model="vm.startDate"
                     rt-type="month"
                     rt-title="开始年月" rt-required="true" rt-col="3" rt-label-col="2"></rt-datetime>
        <rt-datetime ng-model="vm.endDate"
                     rt-type="month"
                     rt-title="结束年月" rt-required="true" rt-col="3" rt-label-col="2"></rt-datetime>
    </div>
</form>

<div class="row" style="border-top: 1px dotted #d5c4c4; padding-top: 20px">
    <div class="col-sm-9">
        <div id="report" style="height:600px;" ng-style="{ width: chartWidth + 'px' }"/>
    </div>

    <div class="col-sm-3">
        <table class="table table-hover">
            <thead>
            <tr>
                <th>#</th>
                <th>省份</th>
                <th>窜货量</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="row in vm.reportData.GridData">
                <td>
                    {{$index+1}}
                </td>
                <td>
                    {{row.ProvName}}
                </td>
                <td>
                    {{row.FleeingCount}}
                </td>
            </tr>
            </tbody>
        </table>
    </div>
</div>