<div class="content-heading  justify-content-between">
    <div>评分曲线</div>
    <div class="float-right" *ngIf="currentStep === 'Scoreing'">
      <div class="btn-group mb-1 mr-1 ml-3" dropdown>
        <button class="btn dropdown-toggle btn-secondary btn-lg" type="button" dropdownToggle>评分曲线
          <span class="caret"></span>
        </button>
        <div *dropdownMenu class="dropdown-menu modal-lg" role="menu">
          <a class="dropdown-item" href="#" (click)="goInit()">选择考场</a>
        </div>
      </div>
    </div>
</div>


<!--选择日期和考场-->
<div class="card card-default" *ngIf="currentStep === 'Init'">
    <div class="card-body">
      <div class="form-horizontal" method="get">

        <fieldset>
            <div class="form-group row">
                <label class="col-lg-3 col-form-label text-right">请选择学校</label>
                <div class="col-lg-9">
                    <ngx-select [items]="schoolArr" [(ngModel)]="score.school_id"
                            (ngModelChange)="requestBatch()" [autoClearSearch]="true"
                            optionValueField="school_id" optionTextField="school_name"></ngx-select>
                </div>
            </div>
        </fieldset>

        <fieldset *ngIf="score.school_id !== undefined">
          <div class="form-group row">
            <label class="col-lg-3 col-form-label text-right">请选择批次</label>
            <div class="col-lg-9">
              <div class="">
                <ngx-select [items]="batchArr" [(ngModel)]="score.batch_id"
                            (ngModelChange)="requestDate()" [autoClearSearch]="true"
                            optionValueField="batch_id" optionTextField="batch_name"></ngx-select>
  
              </div>
            </div>
          </div>
        </fieldset>
  
        <fieldset *ngIf="score.batch_id !== undefined">
          <div class="form-group row">
            <label class="col-lg-3 col-form-label text-right">请选择考试日期</label>
            <div class="col-lg-9">
              <div>
  
                <ngx-select [items]="dateArr" [(ngModel)]="score.exam_date"
                            (ngModelChange)="requestRoom()" [autoClearSearch]="true"
                            optionValueField="exam_date" optionTextField="exam_date"></ngx-select>
              </div>
            </div>
          </div>
        </fieldset>

        <fieldset *ngIf="roomArr.length > 0 ">
          <div class="form-group row">
            <label class="col-lg-3 col-form-label text-right">请选择评分考场 <br/>
              <div class="form-check">
                <div class="checkbox c-checkbox">
                  <label>
                    <input type="checkbox" [(ngModel)]="score.checked" (change)="checkAllRoom()"/>
                    <span class="fa fa-check"></span>全选</label>
                </div>
              </div>
            </label>
  
            <div class="col-lg-9">
              <div class="row">
                <div class="col-lg-6" *ngFor="let r of roomArr">
                  <div class="form-check">
                    <div class="checkbox c-checkbox">
                      <label>
                        <input type="checkbox" [(ngModel)]="r.checked"/>
                        <span class="fa fa-check"></span>{{r.group.group_name}} - 第【{{r.room_seq}}】考场</label>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </fieldset>
  
        <fieldset *ngIf="roomArr.length > 0">
          <div class="d-flex justify-content-center">
            <button class="btn btn-primary" type="button" (click)="viewRoomScore()">查看考场评分</button>
          </div>
        </fieldset>
      </div>
  
    </div>
  </div>

<div class="row" *ngIf="currentStep === 'Scoreing'">

    <div class="col-xl-12 col-lg-12" *ngFor="let room of chooseRoomArr;let i=index">
      <div class="card card-default">
        <div class="card-header">
          <div class="card-title">【{{room.group.group_name}}】第{{room.room_seq}}考场</div>
          <div class="dropdown-divider"></div>
        </div>
        <div>
          <div echarts id="examMonitorScore_{{room.ly_room_id}}" [options]="all[i]" class="demo-chart"
               (chartInit)="onChartInit($event)"></div>
        </div>
      </div>
    </div>
  
</div> 