<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.yM" rt-type="month" 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-show="vm.privilege.IsExport" ng-click='vm.actions.export({
                        "buidName":"事业部",
                        "bigdeptidName":"大区",
                        "BusinessUnitIdName":"省区/地区",
                        "OwnerIdName":"招商经理",
                        "accountIdName":"医院",
                        "product_categoryIdName":"药品品类",
                        "develop_stageName":"跟进阶段",
                        "CreatedOn":"跟进时间"
                        },"DevelopHospitalActivityHExport","医院开发跟进明细")'>导出
            </button>
        </div>
        <div class="col-sm-1">
            <button class="btn btn-clear btn-small" ng-click="vm.isShowMoreSearch=!vm.isShowMoreSearch;complateTableheight();">
                    <i ng-if="!vm.isShowMoreSearch" class="fa fa-angle-double-down" style="color:#0099ff;" title="更多查询条件"></i>
<i ng-if="vm.isShowMoreSearch" class="fa fa-angle-double-up" style="color:#0099ff;" title="隐藏"></i>
</button>
</div>
</div>

<div class="form-group" ng-hide="!vm.isShowMoreSearch">
    <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" ng-hide="!vm.isShowMoreSearch">
    <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="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" style="white-space:nowrap;" id="rt-report-header">
<thead>
    <tr id="rt-report-header">
        <th class="rt-text-align">事业部</th>
        <th class="rt-text-align">大区</th>
        <th class="rt-text-align">地区</th>
        <th class="rt-text-align">招商经理</th>
        <th class="rt-text-align">医院</th>
        <th class="rt-text-align">药品品类</th>
        <th class="rt-text-align">跟进阶段</th>
        <th class="rt-text-align">跟进时间</th>
    </tr>
</thead>
<tbody>
    <tr ng-repeat="row in vm.reportData">
        <!-- 判断数据为空时，将数据设置为“-” -->
        <td class="rt-text-align">
            {{row.buidName==null ? "-" : row.buidName}}
        </td>
        <td class="rt-text-align">
            {{row.bigdeptidName==null ? "-" : row.bigdeptidName}}
        </td>
        <td class="rt-text-align">
            {{row.BusinessUnitIdName==null ? "-" : row.BusinessUnitIdName}}
        </td>
        <td class="rt-text-align">
            {{row.OwnerIdName==null ? "-" : row.OwnerIdName}}
        </td>
        <td class="rt-text-align">{{row.accountIdName==null ? "-" : row.accountIdName}}</td>
        <td class="rt-text-align">{{row.product_categoryIdName==null ? "-" : row.product_categoryIdName}}</td>
        <td class="rt-text-align">{{row.develop_stageName==null ? "-" : row.develop_stageName}}</td>
        <td class="rt-text-align">{{row.CreatedOn ==null ? "-" : row.CreatedOn | date:'yyyy-MM-dd HH:mm:ss' }}</td>
    </tr>
</tbody>
</table>
</rt-data-grid>
</div>
</div>