<div class="panel panel-default">
    <!--标题-->
    <div class="panel-title">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item">档案管理</li>
                <li class="breadcrumb-item active" aria-current="page">档案检索</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)="framePager.goSearch()" class="form-inline">
                            <!-- 支持排序 -->

                            <table>
                                    <tr>
                                        <td>
                                            <div class="input-group mr-1 input-group-sm">
                                                <label>毕业时间：</label>
                                                <input name="bysj" [(ngModel)]="query.bysj" placeholder="如2023年06月"
                                                    class="input-lg form-control" type="text" value="" maxlength="50" style="width: 200px;">
                                            </div>
                                        </td>
                                        <td>
                                                <div class="input-group mr-1 input-group-sm">
                                                    <label>专业名称：</label>
                                                    <input name="zy" [(ngModel)]="query.zy" placeholder="如汉语言文学"
                                                        class="input-lg form-control" type="text" value="" maxlength="50" style="width: 200px;">
                                                </div>
                                            </td>
                                            <td>
                                                    <div class="input-group mr-1 input-group-sm">
                                                        <label>关键字：</label>
                                                        <input name="query" [(ngModel)]="query.query" placeholder="支持按姓名，身份证号，毕业证号，准考证号检索"
                                                            class="input-lg form-control" type="text" value="" maxlength="50" style="width: 360px;">
                                                    </div>
                                                </td>
                                        <td align="right">
                                                <button class="btn btn-primary btn-rounded btn-outline btn-sm  mr-1 ml-3">
                                                        <i class="fa fa-search"></i> 检索</button>
                                        </td>
                                    </tr>
                                </table>

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

              

                <!--结果数据-->
                <div class="row mt-3">
                    <div class="col-sm-12 ml-0">
                        <table class="table table-sm table-striped table-hover table-bordered bg-white">
                            <thead>
                                <tr>
                                    <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 item of framePager.getRecords(); let i = index">
                                    <td>{{i+1}}</td>
                                    <td>{{item.std_name}}</td>
                                    <td>{{item.std_sex}}</td>
                                    <td>{{item.ticket_no}}</td>
                                    <td>{{item.cert_no|idNumber}}</td>
                                    <td>{{item.diaplma_no}}</td>
                                    <td>{{item.zylx}}</td>
                                    <td>{{item.zy}}</td>
                                    <td>{{item.zkyx}}</td>
                                    <td>{{item.bysj}}</td>
                                    <td>
                                        <by-files-pdf-viewer-modal #byFilesPdfModal size="bg"></by-files-pdf-viewer-modal>
                                        <button class="btn btn-primary" *ngIf="item.files_path" (click)="preShow(item.id)">预览电子档案</button>
                                    </td>
                                </tr>
                            </tbody>
                        </table>

                        <frame-pager [url]="QUERY_URL" [autoLoad]="false" hideSearch="true" hasCheck="true" #framePager (preReqEvent)="search($event)">
                        </frame-pager>

                    </div>
                </div>

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

<!-- 
    <div class="panel-title">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><h3>最新匹配档案</h3></li>
            </ol>
        </nav>
    </div>

    <div class="row">
        <div class="col-lg-4" *ngFor="let item of FrontFilesList">
            <div class="card b">
                <div class="card-body text-center">
                    <a class="link-unstyled text-primary" href="#" (click)="foreSearch(item)">
                        <em class="fa-5x fas fa fa-street-view mb-3"></em>
                        <br/>
                        <span class="h4">{{item.std_name}}</span>
                        <br/>
                        <div class="text-sm text-muted">匹配时间：{{item.create_time}} &rarr;</div>
                    </a>
                </div>
            </div>
        </div>
        
    </div>

    按照大类检索  暂时无用
    <div class="row" *ngIf="step == 'main'">
        <div class="col-lg-2"></div>
        <div class="col-lg-4">
            <div class="card b">
                <div class="card-body text-center">
                    <a class="link-unstyled text-primary" href="#" (click)="goDetail('time')">
                        <em class="fa-5x fas fa-calendar-check mb-3"></em>
                        <br/>
                        <span class="h4">毕业时间</span>
                    </a>
                </div>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="card b">
                <div class="card-body text-center">
                    <a class="link-unstyled text-info" href="#"  (click)="goDetail('school')">
                        <em class="fa-5x fa fa-building mb-3"></em>
                        <br/>
                        <span class="h4">主考学校</span>
                    </a>
                </div>
            </div>
        </div>
        <div class="col-lg-2"></div>
    </div>-->

    <!-- 按毕业时间
    <div class="row" *ngIf="step == 'time'">
        <div class="col-lg-4"  *ngFor="let item of timeList">
            <div class="card b">
                <div class="card-body text-center">
                    <a class="link-unstyled text-primary" href="#" >
                        <em class="fa-5x fas fa-calendar-check mb-3"></em>
                        <br/>
                        <span class="h4">{{item}}</span>
                    </a>
                </div>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="card b">
                <div class="card-body text-center">
                    <a class="link-unstyled text-primary" href="#" (click)="goStep('main')">
                        <em class="fa-5x fas fa-backward mb-3"></em> 
                        <br/>
                        <span class="h4">返回</span>
                    </a>
                </div>
            </div>
        </div>
    </div>-->


</div>
