<div class="content-heading  justify-content-between">
    <div>考生曲目</div>
    <div class="float-right">
        <div class="row">
            <div class="wd-xl wd-sm">
                <ngx-select [items]="schoolArray" [(ngModel)]="query.school_id" (ngModelChange)="changeSchool()" placeholder="学校"
                    [autoClearSearch]="true" optionValueField="school_id" optionTextField="school_name">
                </ngx-select>
            </div>
            <div class="wd-xl wd-sm">
                <ngx-select [items]="batchArr" [(ngModel)]="query.batch_id" (ngModelChange)="requestData()" placeholder="批次"
                    [autoClearSearch]="true" optionValueField="batch_id" optionTextField="batch_name">
                </ngx-select>
            </div>            
            <div class="btn-group ml-3 mr-3" dropdown>
                <button class="btn dropdown-toggle btn-secondary" type="button" dropdownToggle>数据处理
                    <span class="caret"></span>
                </button>
                <div *dropdownMenu class="dropdown-menu modal-lg" role="menu">
                    <a class="dropdown-item" href="#" (click)="uploaStdTracks()">导入考生曲目</a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item" href="#" (click)="deleteStdTracks()">删除考生曲目</a>

                </div>
            </div>
        </div>
    </div>
</div>

<div class="table-responsive bg-white">
    <table class="table table-striped table-hover table-bordered">
        <thead>
            <tr>
                <th>学校代码</th>
                <th>学校名称</th>
                <th>批次代码</th>
                <th>批次名称</th>
                <th>姓名</th>
                <th>身份证号</th>
                <th>科目代码</th>
                <th>科目名称</th>
                <th>曲目名称</th>
                <th>曲目顺序</th>
                <th>曲目状态</th>
                <th>是否显示</th>
            </tr>
        </thead>
        <tbody>
            <tr *ngFor="let v of pager.getRecords(); let i = index">
                <td>{{v.school_code}}</td>
                <td>{{v.school_name}}</td>
                <td>{{v.batch_code}}</td>
                <td>{{v.batch_name}}</td>
                <td>{{v.std_name}}</td>
                <td>{{v.cert_id}}</td>
                <td>{{v.subject_code}}</td>
                <td>{{v.subject_name}}</td>
                <td>{{v.tracks_name}}</td>
                <td>{{v.tracks_order}}</td>
                <td>{{v.tracks_status}}</td>
                <td>{{v.show_status}}</td>
            </tr>
        </tbody>
    </table>
    <frame-pager [url]="'./ex/std/tracks/page.htm'" [pagerParams]="{school_id: query.school_id, batch_id: query.batch_id}" #pager></frame-pager>
</div>