<!--***********************考生审核详情界面************************************************-->
<div *ngIf="!curBatch" style="width: 100%;height: 100%;">
  <span><font style="color: green;font-size: 70xp;font-weight: bold;">暂无评审批次</font></span>
</div>
<!-- 考生审核信息 -->
<div class="modal-header" *ngIf="curBatch && curStep == 'std'">
  <div style="float:left;"><h4 class="modal-title">考生详情</h4></div>
  <div><h4 class="modal-title">{{formateReviewTime()}}</h4></div>
  <div style="float:right;"><h4 class="modal-title"></h4></div>
</div>

<div class="outside-container" *ngIf="curBatch && curStep == 'std'">
  <div class="stu-choose" *ngIf="curStep == 'std'">
    <div class="box">
      <div id="stuList" class="stu-list"><!-- active -->
        <div style="width: 240px;padding-left: 31px;margin-bottom: 2px;text-align: center;">
          <span (click)='doConfirm()' class="btn" *ngIf="rankList.length > 0 && this.curProgressInfo.sign_flag == 0"
            style="font-size: 23px;color: #f15a22;font-weight: 600;background-color: #E8FAF3;;">确认提交</span>
        </div>
        <div class="stu-info {{v.review_level <= curProgressInfo.pass_cnt ? 'pass' : ''}} {{v.apply_id == curMainInfo.apply_id ? 'active' : ''}}" 
                *ngFor="let v of rankList; let i = index" (click)="chooseLeftStd(v)">
          <div class="no" style="height: 80.14px;">
            {{v.review_level <= curProgressInfo.pass_cnt ? v.review_level : ''}}
          </div>
          <div class="muce">
            <div class="name">{{v.std_name}}</div>
            <div class="value">{{v.review_score}}</div>
            <div class="caption">{{v.review_level <= curProgressInfo.pass_cnt ? '准考' : '不予准考'}}</div>
          </div>
        </div>
      </div>
      
      <div class="stu-detail">
        <div class="detail-box">
          <div class="base">
            <div class="std-image">
              <img class="img-fluid rounded id_card" *ngIf="curMainInfo.std_image" [src]="curMainInfo.std_image" style="height: 150px;width: 120px;" alt=""/>
            </div>
            <div class="name-code">
              <div class="stu-name">{{curMainInfo.std_name}} &nbsp; {{curMainInfo.exam_id}}</div>
              <div class="std-edu" [innerHTML]="curMainInfo.std_edu | frameDict:'StdEduType'"></div>
              <div class="aspect-name">{{curMainInfo.aspect_name}}</div>
            </div>
            <div class="std-progress">
              <div class="pass-pct-show">准考比例：<font style="color: green;font-size: 25px;font-weight: bolder;font-style: italic;">{{curProgressInfo.pass_percent}}%</font></div>
              <div class="progress-show">
                <span class="next">准考人数：</span>
                <span><font style="color: rgb(50, 84, 205);font-size: 25px;font-weight:bolder;font-style: italic;">{{curProgressInfo.pass_cnt}}</font>&nbsp;&nbsp;&nbsp;</span>
                <span class="next">名下报考人数：</span>
                <span><font style="color: yellowgreen;font-size: 25px;font-weight: bolder;font-style: italic;">{{curProgressInfo.initial_pass_cnt}}</font>&nbsp;&nbsp;&nbsp;</span>
                <span class="next">已评：</span>
                <span><font style="color: green;font-size: 25px;font-weight: bolder;font-style: italic;">{{curProgressInfo.done_cnt}}</font>&nbsp;&nbsp;&nbsp;</span>
                <span class="next">未评：</span>
                <span><font style="color: red;font-size: 25px;font-weight: bolder;font-style: italic;">{{curProgressInfo.to_be_cnt}}</font>&nbsp;&nbsp;&nbsp;</span>
              </div>
            </div>
            <div class="rule">
              <span (click)='clickNextStd()' class="next btn"> 
                下个考生
              </span>
            </div>
          </div><!--end base-->
          <!-- 考生材料列表 -->
          <div class="step-2">
            <div class="table-responsive bg-white table-full" *ngIf="curStep == 'std'">
              <table class="table table-striped table-hover table-bordered">
                <thead>
                <tr>
                  <th>材料大类</th>
                  <th>材料名称</th>
                  <th>查看材料</th>
                  <th>备注</th>
                  <th>状态</th>
                  <!-- <th class="th-b-2"></th> -->
                </tr>
                </thead>
                <tbody>
                <tr *ngFor="let v of pager.getRecords(); let i = index">
                  <td>{{v.category_name}}</td>
                  <td>{{v.material_name}}</td>
                  <td><span class="table-button text-green" (click)="showMaterilModal(v)">查看</span></td>
                  <td title="{{v.remark}}">{{v.remark | subStr: 30}}</td>
                  <td [innerHTML]="v.status | frameDict:'ApplyStatus'"></td>
                  <!-- <td>
                      <span class="table-button" (click)="showMaterilModal(v)"><em class="fa-lg fas fa-edit"></em></span>
                  </td> -->
                </tr>
                </tbody>
              </table>
              <frame-pager [url]="'./final/review/std/next/page.htm'" [pagerParams]="{main_id: query.main_id,batch_id: curBatch.batch_id, status: query.status}" #pager></frame-pager>
            </div>
          </div>
          <div class="modal-footer" *ngIf="curStep == 'std' && curProgressInfo.sign_flag == 0">
            <div class="row">
              <label class="col-form-label text-2g-right">评分</label>
              <div class="col-lg-4 col-md-4">
                <input type="number" max="100" min="0" class="form-control" [(ngModel)]="reviewEntity.review_score" placeholder="输入评分">
              </div>
              <label class="col-form-label text-2g-right">评审意见</label>
              <div class="col-lg-5 col-md-5">
                  <textarea class="form-control" [(ngModel)]="reviewEntity.review_remark"  rows="2" placeholder="输入评审意见"></textarea>
              </div>
            </div>
            <button class="btn btn-primary" type="button" (click)="save()">保存</button>
          </div>
        </div>      
      </div>
    </div>
  </div>
</div>
