<div class="panel panel-default">
        <!--标题-->
        <div class="panel-title">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item">非网评登分成绩</li>
                </ol>
            </nav>
        </div>
        <!--实践课上报明细列表-->
        <div class="panel-body ml-sm" [hidden]="editShowType=='only'">
                <div class="card card-default">
                    <div class="card-body">
                        <!--查询条件-->
                        <div class="row mb-3 ml-1" [hidden]="editShowType=='only'">
                            <div class="col-lg-12">
                                <form (ngSubmit)="detailPager.goSearch()" class="form-inline">
                                    <table>
                                        <tr>
                                        <td>
                                            <div class="input-group mr-1 input-group-sm">
                                                <label>当前批次：</label>
                                                <select name="status" [(ngModel)]="queryDetail.is_curr" frameDict [dictName]="'YesOrNo'" class="form-control" style="width:100px;">
                                                </select>
                                            </div>
                                            </td>
                                            <td>
                                    <div class="input-group mr-1 input-group-sm">
                                        <label>关键字：</label>
                                        <input name="keyword" [(ngModel)]="queryDetail.query" class="input-sm form-control" type="text"
                                            value="" maxlength="64" placeholder="请输入查询关键字" width="100">
                                    </div>
                                </td>
                                <td>
                                        <div class="input-group mr-1 input-group-sm">
                                            <label>年度码：</label>
                                            <flex-select [allowClear]="true"
                                                [(items)] = "yearCodeList"
                                                respDataPath= "array"
                                                optionValueField="year_code"
                                                optionTextField="examyearmonth"
                                                [(ngModel)]="queryDetail.year_code"
                                                placeholder="请选择"
                                                [ngModelOptions]="{standalone: true}"
                                                width = "100"
                                                noResultsFound = "无数据"
                                                >
                                            </flex-select>
                                        </div>
                                        </td>
                                        
                                        <td>
                                            <button class="btn btn-primary btn-rounded btn-outline btn-sm  mr-1" (click)="detailPager.goSearch()">
                                                <i class="fa fa-search"></i> 查询</button>
                                            <button class="btn btn-primary btn-rounded btn-outline btn-sm  mr-1" (click)="reset()">
                                                <i class="fa fa-undo"></i> 重置</button>
                                                <button class="btn btn-primary mr-1 btn-sm" (click)="exportScore()" data-toggle="tooltip"
                                                data-placement="left" title="导出">
                                                <i class="fa icon-cloud-download"></i>导出</button>  
                                        </td>
                                    </tr>
                                    
                                        </table>
                                    </form>
                            </div>
                        </div>

                       

                        <!--表格-->
                        <div class="row">
                            <div class="col-lg-12 ml-0" [hidden]="editShowType=='only'">
                                <table class="table table-sm table-striped table-hover table-bordered bg-white">
                                    <thead>
                                        <tr>
                                            <th>
                                                <div class="checkbox c-checkbox">
                                                    <label>
                                                        <input type="checkbox" (change)="detailPager.checkedMasterToggle($event)" />
                                                        <span class="fa fa-check"></span>
                                                    </label>
                                                </div>
                                            </th>
                                            <th>序号</th>
                                            <th align="center">批次</th>
                                            <th align="center">准考证号</th>
                                            <th>姓名</th>
                                            <th align="center">课程代码</th>
                                            <th>课程名称</th>
                                            <th align="center">保密号</th>
                                            <th align="center">座位</th>
                                            <th align="center">成绩</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr *ngFor="let item of detailPager.getRecords(); let i = index">
                                            <td>
                                                <div class="checkbox c-checkbox input-group-sm">
                                                    <label>
                                                        <input type="checkbox" [value]="item.id" [(checked)]="item.isChecked"
                                                            [(ngModel)]="item.isChecked" />
                                                        <span class="fa fa-check"></span>
                                                    </label>
                                                </div>
                                            </td>
                                            <td>{{detailPager.pageStart + i}}</td>
                                            <th align="center">{{item.exam_year_month}}</th>
                                            <td align="center">{{item.ticket_no}}</td>
                                            <td>{{item.std_name}}</td>
                                            <td align="center">{{item.course_code}}</td>
                                            <td>{{item.course_name}}</td>
                                            <td align="center">{{item.bag_no}}</td>
                                            <td align="right">{{item.seat_no}}</td>
                                            <td align="right">{{item.final_score}}</td>
                                        </tr>
                                    </tbody>
                                </table>
                                <!-- TODO -->
                                <frame-pager [url]="QUERY_DETAIL_URL" [autoLoad]="false" hideSearch="true" hasCheck="true" #detailPager (preReqEvent)="searchDetail($event)"></frame-pager>
                            </div>
                </div>
            </div>
        </div>
    </div>
</div>


 