<div class="container">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
          <li class="breadcrumb-item active" aria-current="page">订卷查询</li>
        </ol>
    </nav>
  <div class="panel panel-default">
      <div class="panel-body ml-sm">
        <div class="row mb-2 form-inline" style="height:20%">
          <div class="col-lg-4" [hidden]="editShowType=='only'">
              <div class="input-group mr-1 input-group-sm">
                  <label class="ml-sm">&nbsp;考试批次：</label>
                      <flex-select [allowClear]="true"
                              [url]= "'pl/plExamTime/listtime.htm'"
                              respDataPath= "array"
                              optionValueField="id"
                              optionTextField="exam_year_month"
                              [(ngModel)]="query.examTimeId"
                              placeholder="请选择"
                              [ngModelOptions]="{standalone: true}"
                              (ngModelChange) ="examTimeChange($event)"
                              width = "80"
                              noResultsFound = "无数据"
                      >
                  </flex-select>
              </div>
          </div>
        </div>
        <div class="row" style="height:80%">
          <div class="col-lg-3" [hidden]="editShowType=='only'">
            <!--树形数据-->
            <div class="card card-default">
              <div class="card-header">
                  考区树形菜单
                <div class="mr-1" style="float: right;">
                  <a (click)="expandAllTreeToggle()">
                    <span *ngIf="expandAllTreeToggleFlag">
                        关闭
                    </span>
                    <span *ngIf="!expandAllTreeToggleFlag">
                        展开
                    </span>    
                  </a> 
                </div>

              </div>
              <div class="card-body">
                  <ul id="tree" class="ztree" ></ul>
              </div>
            </div>
          </div>
          <div class="col-lg-9" style="padding-left: 0px !important" [hidden]="editShowType=='only'">
              <div class="card card-default">
                  <div class="card-header">
                    <div *ngIf="ptreeNode"> <font style="color:green;font-size: 15px">[{{ptreeNode.name}}]</font> 订卷列表</div> 
                    <div *ngIf="!ptreeNode" style="color:red">请选择考区</div> 
                  </div>
                  <div class="card-body">
                    <div class="row mb-2">
                        <div class="col-lg-12">
                          <div class="pull-left" style="text-align: right;">
                            <!--<button class="btn btn-primary mr-1 btn-sm" data-toggle="tooltip" data-placement="left" (click)="printPaperPdf();" title="打印">
                              <i class="fa fa-plus"></i> 订卷PDF</button>&nbsp;-->
                            <button class="btn btn-primary mr-1 btn-sm" data-toggle="tooltip" data-placement="left" (click)="verifyPaperPdf();" title="打印">
                              <i class="fa fa-plus"></i> 订卷校对PDF</button>
                          </div>
                      </div>
                    </div>
                    <!-- 表格数据-->
                    <table class="table table-sm table-striped table-hover table-bordered bg-white">
                        <thead>
                        <tr>
                        
                          <th width="8%" align="center">课程代码</th>
                          <th width="15%">课程名称</th>
                          <th width="10%" align="center">试卷袋数{{totalObj.bags}}</th>
                          <th width="10%" align="center">30份/袋{{totalObj.bag30}}</th>
                          <th width="10%" align="center">15份/袋{{totalObj.bag15}}</th>
                          <th width="10%" align="center">5份/袋{{totalObj.bag5}}</th>
                          <th width="10%" align="center">考试人数{{totalObj.stunum}}</th>
                          <!--<th width="20%" align="center">考试时间</th>-->
                        </tr>
                        </thead>
                        <tbody>
                        <tr *ngFor="let item of framePager.getRecords(); let i = index">
                         
                          <td align="center">{{item.course_code}}</td>
                          <td>{{item.course_name}}</td>
                          <td align="right">{{formateBags(item)}}</td>
                          <td align="right">{{item.bag30}}</td>
                          <td align="right">{{item.bag15}}</td>
                          <td align="right">{{item.bag5}}</td>
                          <td align="right">{{item.stu_num}}</td>
                          <!--<td align="center">{{formate(item)}}</td>-->
                        </tr>
                        </tbody>
                    </table>
                    <div class="mt-2">
                      <frame-pager [url]="'kw/kwLayoutVolumeCourse/paperSubscribe.htm'" autoLoad="false" hasCheck="true" #framePager (preReqEvent)="searchParam($event)"></frame-pager>
                    </div>
          

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



