<div class="content-heading  justify-content-between">
  <div *ngIf="std">{{std.std_name}} （{{std.cert_id}}）</div>
  <div class="float-right">

    <div class="row">
      <div>
        <input class="form-control " type="text" [(ngModel)]="searchText" placeholder="输入关键字进行搜索"
               onfocus="this.select()" onmouseover="this.focus()" autocomplete="false"
               (keyup.enter)="searchStd()"/>
      </div>
      <div class="btn-group mr-4 ml-3" dropdown *ngIf="std !== undefined">
        <button class="btn dropdown-toggle btn-secondary btn-sm" type="button" dropdownToggle>考生管理
          <span class="caret"></span>
        </button>
        <div *dropdownMenu class="dropdown-menu modal-lg" role="menu">
          <a class="dropdown-item text-danger" href="#"
             (click)="ajaxEnrol.optrRecord('std/reg/delete.htm',{std_id:std.std_id}, {successMsg: '删除成功', confirmMsg:'确定要删除该考生吗？请谨慎进行此操作！', successMsgType:'Swal',
             callback:callbackToStdReg.bind(this)})">删除考生</a>
          <div class="dropdown-divider"></div>
        </div>
      </div>
    </div>
  </div>
</div>

<frame-ajax #ajaxEnrol [url]="'std/enrol/map.htm'" [ajaxDataType]="'map'" [autoRequest]="false"></frame-ajax>
<tabset class="bg-white p-0" justified="true" *ngIf="std !== undefined">
  <!-- 基本信息 -->
  <tab>
    <ng-template tabHeading>
      <span class="table-sort" (click)="ajaxEnrol.reload({std_id:std.std_id})"><em
        class="far fa-address-card fa-fw"></em> 基本信息</span>
    </ng-template>
    <div class="row mt-2">
      <div class="col-xl-6">
        <div class="card card-default">
          <div class="card-header">
            <div class="card-title">考生信息</div>
          </div>
          <div class="list-group">
            <div class="list-group-item">
              <div class="media">
                <div class="align-self-start mr-2">
                            <span class="fa-stack">
                                    <em class="fa fa-circle fa-stack-2x text-purple"></em>
                                    <em class="fas fa-cloud-upload-alt fa-stack-1x fa-inverse text-white"></em>
                                 </span>
                </div>
                <div class="media-body text-truncate">
                  <p class="mb-1"><span class="text-purple m-0 text-1-4" href="#">{{std.province_name}}</span>
                  </p>
                  <p class="m-0">
                    <span class="text-1-2">{{std.exam_id}}</span>
                  </p>
                </div>
                <div class="ml-auto">
                  <small class="text-muted ml-2"></small>
                </div>
              </div>
            </div>
            <div class="list-group-item">
              <div class="media">
                <div class="align-self-start mr-2">
                            <span class="fa-stack">
                                    <em class="fa fa-circle fa-stack-2x text-info"></em>
                                    <em class="far fa-file-alt fa-stack-1x fa-inverse text-white"></em>
                                 </span>
                </div>
                <div class="media-body text-truncate">
                  <p class="mb-1"><span class="text-1-4">{{std.cert_id}}</span>
                  </p>
                  <p class="m-0">
                    <small>{{std.cert_type | frameDict: 'StdCertType'}}</small>
                  </p>
                </div>
              </div>
            </div>
            <div class="list-group-item">
              <div class="media">
                <div class="align-self-start mr-2">
                            <span class="fa-stack">
                                    <em class="fa fa-circle fa-stack-2x text-success"></em>
                                    <em class="far fa-clock fa-stack-1x fa-inverse text-white"></em>
                                 </span>
                </div>
                <div class="media-body text-truncate">
                  <p class="mb-1"><span class="text-1-4">{{std.std_name}}</span>
                  </p>
                  <p class="m-0">
                    <small>{{std.std_sex}} <span class="ml-2 text-success" *ngIf="std.std_verify_flag === 'Active'">(已公安验证)</span>
                      <span class="ml-2 text-success" *ngIf="std.std_admit_flag === 'Active'">(已考试确认)</span>
                    </small>
                  </p>
                </div>
              </div>
            </div>

            <div class="list-group-item">
              <div class="media">
                <div class="align-self-start mr-2">
                            <span class="fa-stack">
                                    <em class="fa fa-circle fa-stack-2x"></em>
                                    <em class="fas fa-mobile-alt fa-stack-1x fa-inverse text-white"></em>
                                 </span>
                </div>
                <div class="media-body text-truncate">
                  <p class="mb-1"><span class="text-1-4">{{std.std_mobile}}</span>
                  </p>
                  <p class="m-0">
                    <small>{{std.link_mobile}}</small>
                  </p>
                </div>
              </div>
            </div>
            <div class="list-group-item">
              <div class="media">
                <div class="align-self-start mr-2">
                            <span class="fa-stack">
                                    <em class="fa fa-circle fa-stack-2x"></em>
                                    <em class="fas fa-warehouse fa-stack-1x fa-inverse text-white"></em>
                                 </span>
                </div>
                <div class="media-body text-truncate">
                  <p class="mb-1"><span>{{std.cert_addr}}</span><span class="text-success">(证件地址)</span>
                  </p>
                  <p class="m-0">
                    <small>{{std.std_nation}}</small>
                  </p>
                </div>
              </div>
            </div>

            <div class="list-group-item" *ngIf="std.std_type!== undefined && std.std_type.length>0">
              <div class="media">
                <div class="align-self-start mr-2">
                            <span class="fa-stack">
                                    <em class="fa fa-circle fa-stack-2x"></em>
                                    <em class="fas fa-warehouse fa-stack-1x fa-inverse text-white"></em>
                                 </span>
                </div>
                <div class="media-body text-truncate">
                  <p class="mb-1"><span>{{std.std_type}}</span>
                  </p>
                  <p class="m-0">
                    <small>考生类型</small>
                  </p>
                </div>
              </div>
            </div>
            <div class="list-group-item" *ngIf="std.std_school!== undefined && std.std_school.length>0">
              <div class="media">
                <div class="align-self-start mr-2">
                            <span class="fa-stack">
                                    <em class="fa fa-circle fa-stack-2x"></em>
                                    <em class="fas fa-warehouse fa-stack-1x fa-inverse text-white"></em>
                                 </span>
                </div>
                <div class="media-body text-truncate">
                  <p class="mb-1"><span>{{std.std_school}}</span>
                  </p>
                  <p class="m-0">
                    <small>{{std.link_postal}}</small>
                  </p>
                </div>
              </div>
            </div>
            <div class="list-group-item" *ngIf="std.link_addr!== undefined && std.link_addr.length>0">
              <div class="media">
                <div class="align-self-start mr-2">
                            <span class="fa-stack">
                                    <em class="fa fa-circle fa-stack-2x"></em>
                                    <em class="fas fa-warehouse fa-stack-1x fa-inverse text-white"></em>
                                 </span>
                </div>
                <div class="media-body text-truncate">
                  <p class="mb-1"><span>{{std.link_addr}}</span><span class="text-success">(联系地址)</span>
                  </p>
                  <p class="m-0">
                    <small>{{std.link_man}}</small>
                  </p>
                </div>
              </div>


            </div>
            <div class="list-group-item" *ngIf="std.weixin_id!== undefined && std.weixin_id.length>0">
              <div class="media">
                <div class="align-self-start mr-2">
                            <span class="fa-stack">
                                    <em class="fa fa-circle fa-stack-2x"></em>
                                    <em class="fas fa-warehouse fa-stack-1x fa-inverse text-white"></em>
                                 </span>
                </div>
                <div class="media-body text-truncate">
                  <p class="mb-1"><span>{{std.weixin_id}}</span>
                  </p>
                  <a (click)="unbinding(); " href="#" class="m-0">
                    <small>解除微信绑定</small>
                  </a>
                </div>
              </div>
            </div>

            <!-- <div class="list-group-item" *ngIf="std.std_admit_flag === 'Active'">
              <div class="media">
                <div class="media-body text-truncate">
                  <p class="mb-1"><span>考试已确认</span>
                  </p>
                </div>
              </div>

            </div> -->
          </div>


          <div class="card-footer"><a class="text-sm" href="#" (click)="changeCert()">信息修改</a>
          </div>
          <!-- END card-footer-->
        </div>
        <!-- END messages and activity-->
      </div>
      <div class="col-xl-3">
        <div class="card card-default" *ngIf="materialMap['IdCard'] && materialMap['IdCard']['material_file']">
          <div class="card-body">
            <!--
            <a class="text-muted float-right" href="#">
              <em class="fa fa-arrow-right"></em>
            </a>
            -->
            <div class="">{{std.cert_type | frameDict: 'StdCertType'}} </div>
            <div class="text-center">
              <div class="px-2">
                <img class="img-fluid rounded id_card"
                     [src]="FrameService.getParamValue('EnrolMaterialWebPath') + materialMap['IdCard']['material_file']"
                     alt="" ngxViewer/>
              </div>
            </div>
          </div>
          <div class="card-footer" *ngIf="materialMap['IdCard'] && materialMap['IdCard']['material_file']">
            <p class="">
              <span>上传时间：{{materialMap['IdCard'].upload_time}}</span>
              <span class="float-right">
                 <button class="btn btn-danger btn-sm" type="button"
                         *ngIf="materialMap['IdCard']['verify_status'] === 'Active'"
                         (click)="refuseMaterial(materialMap['IdCard'])">打回重传</button>
                 <button class="btn btn-info btn-sm" type="button"
                         *ngIf="materialMap['IdCard']['verify_status'] !== 'Active'"
                         (click)="ajax.optrRecord('std/material/accept.htm', {material_id: materialMap['IdCard'].material_id}, {successMsg:'该考生证件材料已通过审核', successMsgType:'Swal', confirmMsg:'确定要通过该考生的材料审核吗？',callback: queryStd.bind(this) })">通过审核</button>
              </span>
            </p>
          </div>
        </div>
      </div>
      <div class="col-xl-3">
        <div class="card card-default" *ngIf="materialMap['NoCrownPhoto']['material_file']">
          <div class="card-body">
            <div class="">免冠证件照</div>
            <div class="text-center">
              <div class="px-2">
                <img class="img-fluid rounded id_card"
                     [src]="FrameService.getParamValue('EnrolMaterialWebPath') + materialMap['NoCrownPhoto']['material_file']"
                     alt="" ngxViewer/>
              </div>
            </div>
          </div>
          <div class="card-footer" *ngIf="materialMap['IdCard']">
            <p class="">
              <span>上传时间：{{materialMap['IdCard'].upload_time}}</span>
              <span class="float-right">
                 <button class="btn btn-danger btn-sm" type="button"
                         *ngIf="materialMap['NoCrownPhoto']['verify_status'] === 'Active'"
                         (click)="refuseMaterial(materialMap['NoCrownPhoto'])">打回重传</button>
                 <button class="btn btn-info btn-sm" type="button"
                         *ngIf="materialMap['NoCrownPhoto']['verify_status'] !== 'Active'"
                         (click)="ajax.optrRecord('std/material/accept.htm', {material_id: materialMap['NoCrownPhoto'].material_id}, {successMsg:'该考生证件材料已通过审核', successMsgType:'Swal', confirmMsg:'确定要通过该考生的材料审核吗？',callback: queryStd.bind(this) })">通过审核</button>
              </span>
            </p>
          </div>
        </div>
      </div>
    </div>
  </tab>
  <!-- 报考及订单 -->
  <tab>
    <ng-template tabHeading>
      <span class="table-sort" (click)="ajaxEnrol.reload({std_id: std.std_id})"><em
        class="fab fa-cc-visa fa-fw"></em> 报考及订单
      </span>

    </ng-template>
    <fieldset>
      <div class="card card-default">
        <div class="card-header">报考专业信息
          <span class="float-right"><button class="btn btn-primary " type="button" (click)="laterEnrol()">后台报考</button></span>
        </div>

        <div class="card-body">
          <table class="table table-striped table-hover table-bordered">
            <thead>
            <tr>
              <th>考点名称</th>
              <th>专业名称</th>
              <th>报考时间</th>
              <th>金额</th>
              <th>缴费状态</th>
              <th>是否过线</th>
              <th>缴费单号</th>
			        <th>专业考号</th>
            </tr>
            </thead>
            <tbody>
            <ng-container *ngIf="ajaxEnrol.getMap()">
              <tr *ngFor="let v of ajaxEnrol.getMap()['StdEnrolArray']; let i = index">
                <td>{{v.agent_name}}</td>
                <td>{{v.aspect_name}}（{{v.aspect_code}}）</td>
                <td>{{v.enrol_time}}</td>
                <td>{{v.enrol_fee_total / 100 | currency: 'CNY'}}</td>
                <td>
                  <!-- [innerHTML]="v.pay_status | frameStatusCustom: ['已缴费','未缴费']" -->
                  <span *ngIf="v.pay_status == 'Active' && v.std_batch == 1" class="text-success">已缴费</span>
                  <span *ngIf=" (!v.pay_status || v.pay_status == 'InActive') && v.std_batch == 1" class="text-danger">未缴费</span>
                  <span *ngIf="v.batch_pay_status =='Active' && v.std_batch == 2" class="text-success">复试已缴费</span>
                  <span *ngIf="(!v.batch_pay_status || v.batch_pay_status =='InActive') && v.std_batch == 2" class="text-danger">复试未缴费</span>
                  <span *ngIf="v.batch_pay_status =='Active' && v.std_batch == 3" class="text-success">三试已缴费</span>
                  <span *ngIf="(!v.batch_pay_status || v.batch_pay_status =='InActive') && v.std_batch == 3" class="text-danger">三试未缴费</span>
                </td>
                <td>
                  <span *ngIf="v.exam_status && v.exam_status == 1" class="text-success">三试通过</span>
                  <span *ngIf="v.exam_status && v.exam_status == 2" class="text-danger">三试不通过</span>
                  <span *ngIf="v.exam_status && v.exam_status == 3" class="text-success">复试通过</span>
                  <span *ngIf="v.exam_status && v.exam_status == 4" class="text-danger">复试不通过</span>
                  <span *ngIf="v.exam_status && v.exam_status == 5" class="text-success">初试通过</span>
                  <span *ngIf="v.exam_status && v.exam_status == 6" class="text-danger">初试不通过</span>
                </td>
                <td><span [tooltip]="v.pay_time" *ngIf="v.bill_no!==undefined">{{v.bill_no}}</span>
                  <!-- todo 判断当前考点是否停止缴费  -->
                  <span class="text-danger"
                    *ngIf="v.bill_no === undefined && (v.batch_end_time === undefined ? v.pay_end_time : v.batch_end_time)<FuncService.dateToLongString()">
                     截至：{{v.batch_end_time === undefined ? v.pay_end_time : v.batch_end_time}}
                    <button class="btn btn-danger btn-sm" type="button" (click)="laterPay(v)">延期</button>
                  </span>
                </td>
                <td>
                  <span *ngIf="v.aspect_ticket_num"> {{v.aspect_ticket_num}}</span>
                  <ng-container *ngIf="v.aspect_ticket_num === undefined && v.pay_status==='Active'">
                    <div class="btn-group ml-2" dropdown style="margin-top: -5px;">
                      <button class="btn dropdown-toggle btn-secondary " type="button" dropdownToggle>专业管理
                        <span class="caret"></span>
                      </button>
                      <div *dropdownMenu class="dropdown-menu" role="menu">
                        <a class="dropdown-item" href="#" (click)="changeTracks(v,1)">查看初试科目/曲目</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="#" (click)="changeTracks(v,2)" *ngIf="v.std_batch===2">查看复试科目/曲目</a>
                        <div class="dropdown-divider"  *ngIf="v.std_batch===2"></div>
                        <a class="dropdown-item" href="#" (click)="changeTracks(v,3)" *ngIf="v.std_batch===3">查看三试科目/曲目</a>
                        <div class="dropdown-divider"  *ngIf="v.std_batch===3"></div>
                        <a class="dropdown-item text-danger" href="#" (click)="changeAgent(v)">更改考点</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item text-danger" href="#" (click)="changeAspect(v)">更改专业/品种</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item text-danger" href="#" (click)="deleteAspect(v)">删除专业</a>
                        <div class="dropdown-divider"></div>

                      </div>
                    </div>
                  </ng-container>
				</td>
            </ng-container>

            </tbody>
          </table>
        </div>
      </div>
    </fieldset>

    <!--报考曲目信息-->
    <fieldset *ngIf="ajaxEnrol.getMap()['StdEnrolTracksArray'] && ajaxEnrol.getMap()['StdEnrolTracksArray'].length>0">
      <div class="card card-default">
          <div class="card-header">报考曲目信息</div>
          <div class="card-body">
              <table class="table table-striped table-hover table-bordered">
                  <thead>
                    <tr>
                      <th>所属专业</th>
                      <th>曲目编号</th>
                      <th>曲目名称</th>
                      <th>曲目顺序</th>
                      <th>初复试</th>
                    </tr>
                  </thead>
                  <tbody>
                    <ng-container *ngIf="ajaxEnrol.getMap()">
                      <tr *ngFor="let v of ajaxEnrol.getMap()['StdEnrolTracksArray']; let i = index">
                        <td>{{v.aspect_name}}</td>
                        <td>{{v.tracks_code}}</td>
                        <td>{{v.tracks_name}}</td>
                        <td>{{v.tracks_order}}</td>
                        <td>{{v.tracks_batch | frameDict : "ExamBatchName" }}</td>
                      </tr>
                    </ng-container>
                  </tbody>
              </table>
          </div>
      </div>
    </fieldset>

    <fieldset>
      <div class="card card-default">
        <div class="card-header">订单信息</div>
        <div class="card-body">
          <table class="table table-striped table-hover table-bordered">
            <thead>
            <tr>
              <th>内部订单号</th>
              <th>支付渠道</th>
              <th>订单金额</th>
              <th>创建时间</th>
              <th>订单状态</th>
              <th>成交时间</th>
              <th>渠道单号</th>
            </tr>
            </thead>
            <tbody>
            <ng-container *ngIf="ajaxEnrol.getMap()">
              <tr *ngFor="let v of ajaxEnrol.getMap()['PayBillArray']; let i = index">
                <td>{{v.bill_no}}</td>
                <td>{{v.channel_id}}</td>
                <td>{{v.bill_amount / 100 | currency: 'CNY'}}</td>
                <td>{{v.bill_time}}</td>
                <td><span
                  [ngClass]="{'text-success': v.bill_status === 'Complete', 'text-muted':v.bill_status==='Reply', 'text-warning':v.bill_status==='Refund'}">{{v.bill_status | frameDict: 'PayBillStatus'}}</span>
                </td>
                <td>{{v.reply_time}}</td>
                <td>{{v.channel_no}}</td>
              </tr>
            </ng-container>

            </tbody>
          </table>
        </div>
      </div>
    </fieldset>
  </tab>
  <!-- 登录日志 -->
  <tab>
    <ng-template tabHeading>
      <span class="table-sort" (click)="loginPager.reload({std_id:std.std_id})">
        <em class="far fa-clone fa-fw"></em> 登录日志
      </span>
    </ng-template>
    <table class="table table-striped table-hover table-bordered" *ngIf="loginPager.getRecords()">
      <thead>
      <tr>
        <th>登录时间</th>
        <th>浏览器类型</th>
        <th>浏览器版本</th>
        <th>系统类型</th>
        <th>系统平台</th>
        <th>系统版本</th>
        <th>登录地址</th>
      </tr>
      </thead>
      <tbody>
      <tr *ngFor="let v of loginPager.getRecords(); let i = index">
        <td>{{v.login_time}}</td>
        <td>{{v.browser_type}}</td>
        <td>{{v.browser_version}}</td>
        <td>{{v.platform_type}}</td>
        <td>{{v.platform_series}}</td>
        <td>{{v.platform_version}}</td>
        <td>{{v.login_addr}}</td>
      </tr>
      </tbody>
    </table>
    <frame-pager [url]="'./std/reg/login/page.htm'" [autoRequest]="false" [pagerParams]="{std_id: std.std_id}"
                 [hidden]="true"
                 #loginPager></frame-pager>
  </tab>
  <!-- 业务日志 -->
  <tab>
    <ng-template tabHeading><span class="table-sort" (click)="logPager.reload({std_id:std.std_id})">
      <em class="far fa-sticky-note fa-fw"></em> 业务日志</span>
    </ng-template>
    <table class="table table-striped table-hover table-bordered" *ngIf="logPager.getRecords()">
      <thead>
      <tr>
        <th>记录时间</th>
        <th>业务类型</th>
        <th>日志值</th>
      </tr>
      </thead>
      <tbody>
      <tr *ngFor="let v of logPager.getRecords(); let i = index">
        <td>{{v.log_time}}</td>
        <td>{{v.log_type}}</td>
        <td>{{v.log_value}}</td>
      </tr>
      </tbody>
    </table>
    <frame-pager [url]="'./std/reg/log/page.htm'" [autoRequest]="false" [hidden]="true" #logPager></frame-pager>
  </tab>
  <!-- 考试安排 -->
  <tab>
    <ng-template tabHeading>
      <em class="fas fa-ticket-alt fa-fw"></em> <span class="table-sort"
                                                      (click)="ticketAjax.reload({std_id:std.std_id})">考试</span>
    </ng-template>
    <div class="card border" *ngFor="let ticket of ticketAjax.getMap()['TicketArray']">
      <div class="card-header font-weight-bold text-1-5">【{{ticket.category_name}}】【{{ticket.agent_name}}
        】【{{ticket.ticket_no}}】 {{ticket.ly_agent_id}}  {{ticket.std_id}}  {{ticket.category_id}}
        <span class="float-right">
          <button class="btn btn-warning " type="button" (click)="makeStdTicket(ticket,true)">准考证重制</button>&nbsp;&nbsp;
          <button class="btn btn-primary " type="button" (click)="downloadTicket(ticket.ticket_file_name)">准考证下载</button>
        </span>
      </div>
      <div class="card-body">
        <table class="table table-hover table-bordered ">
          <thead>
          <tr>
            <th style="width: 60px;"></th>
            <th>科目</th>
            <th>日期</th>
            <th>时间</th>
            <th>地址</th>
            <th></th>
          </tr>
          </thead>
          <tbody>
        <!-- 笔试 -->
          <ng-container
            *ngFor="let sb of ticketAjax.getMap()['WrittenArray_' + ticket.ly_ticket_id]; let sbIndex = index;">
            <tr>
              <td class="align-middle" [attr.rowspan]="ticketAjax.getMap()['WrittenArray_' + ticket.ly_ticket_id].length" *ngIf="sbIndex==0">笔试</td>
              <td class="align-middle">{{sb.subject_name}}</td>
              <td class="align-middle" >{{FuncService.dateToShortString(sb.ly_exam_date)}}</td>
              <td>{{FuncService.dateToMinuteString(sb.exam_start_time)}} ~ {{FuncService.dateToMinuteString(sb.exam_end_time)}}</td>
              <td class="align-middle">{{sb.ly_room_addr}}&nbsp;{{sb.ly_room_seq}}座</td>
              <td class="align-middle"></td>
            </tr>
          </ng-container>
        <!-- 面试 -->
          <ng-container
            *ngFor="let sb of ticketAjax.getMap()['InterviewArray_' + ticket.ly_ticket_id]; let sbIndex = index;">
            <tr>
              <td class="align-middle"  [attr.rowspan]="ticketAjax.getMap()['InterviewArray_' + ticket.ly_ticket_id].length" *ngIf="sbIndex==0">面试安排
              </td>
              <td class="align-middle">{{sb.subject_name}}</td>
              <td  class="align-middle">{{sb.ly_exam_date!=null?FuncService.dateToShortString(sb.ly_exam_date):''}}</td>
              <td class="align-middle">{{(sb.exam_start_time!=null)?FuncService.dateToMinuteString(sb.exam_start_time):''}} ~ {{(sb.exam_end_time!=null)?FuncService.dateToMinuteString(sb.exam_end_time):''}}</td>
              <td class="align-middle">{{sb.ly_room_addr}}</td>
              <td>
                <span class="table-button ml-2" title="考试视频" *ngIf="sb.video_url" (click)="startVideo(videoTplModal, sb.video_url)">
                <em  class="fas fa-camera text-primary"></em></span>
              </td>
            </tr>
          </ng-container>

          </tbody>
        </table>
        <table class="table  table-striped table-hover table-bordered mt-5"
               *ngIf="ticketAjax.getMap()['GroupArray' ].length>0">
          <thead>
          <tr>
            <th class="th-index"></th>
            <th>分组项目</th>
            <th>日期</th>
            <th>时间</th>
            <th>地址</th>
            <th class="th-b-1"></th>
          </tr>
          </thead>
          <tbody>
          <tr *ngFor="let g of ticketAjax.getMap()['GroupArray' ];let i = index;">
            <td>{{i + 1}}</td>
            <td>{{g.group_name}}</td>
            <td class="align-middle">{{g.ly_exam_date!=null?FuncService.dateToShortString(g.ly_exam_date):''}}</td>
            <td class="align-middle">{{g.exam_start_time!=null?FuncService.dateToMinuteString(g.exam_start_time):''}}
              - {{g.exam_end_time!=null?FuncService.dateToMinuteString(g.exam_end_time):''}}</td>
            <td>{{g.ly_room_addr}}</td>
            <td>
              <span class="table-button" tooltip="调整考试安排"  (click)="modifyInterview(g)"><em class="fa-lg fas fa-edit"></em></span>
            </td>
          </tr>

          </tbody>
        </table>

      </div>
    </div>

    <frame-ajax [url]="'./std/layout/ticket.htm'" [ajaxDataType]="'map'" [autoRequest]="false"
                [callback]="prepareTicketSubject.bind(this)" #ticketAjax></frame-ajax>

  </tab>

  <tab>
    <ng-template tabHeading>
      <span class="table-sort" (click)="logAjax.reload({std_id:std.std_id})">
        <em class="fa icon-camrecorder fa-fw"></em> 考试日志
      </span>
    </ng-template>
    <table class="table table-striped table-hover table-bordered" *ngIf="logAjax.getArray()">
      <thead>
      <tr>
        <th>记录时间</th>
        <th>业务类型</th>
        <th>日志值</th>
        <th>分组名称</th>
        <th>考场名称</th>
      </tr>
      </thead>
      <tbody>
      <tr *ngFor="let v of logAjax.getArray(); let i = index">
        <td>{{v.log_time}}</td>
        <td>{{v.log_type}}</td>
        <td>{{v.log_value}}</td>
        <td>{{v.group_name}}</td>
        <td>{{v.room_addr}}</td>
      </tr>
      </tbody>
    </table>
    <frame-ajax [url]="'./ex/std/log/list.htm'" [ajaxDataType]="'array'" [autoRequest]="false"
                #logAjax></frame-ajax>
  </tab>
  <!--
  <tab>
    <ng-template tabHeading>
      <em class="fa icon-file fa-fw"></em> 科目成绩
    </ng-template>
    <div class="row">
    </div>
  </tab>
  -->
  <!-- 专业成绩 -->
  <tab>
    <ng-template tabHeading>
      <div (click)="aspectScoreAjax.reload({std_id:std.std_id})">
        <em class="fa icon-file-alt fa-fw"></em> 专业成绩
      </div>
    </ng-template>
    <div class="card border" >
      <!-- <div class="card-header font-weight-bold text-1-5">专业：【{{ap.aspect_name}}】 总分:【{{ap.aspect_final_score}}】
        <span *ngIf="ap.aspect_final_level">排名：【{{ap.aspect_final_level}}】</span>
        <span *ngIf="ap.qualified_text">【<span class="text-success"
                                               *ngIf="ap.qualified_status==='Active'">{{ap.qualified_text}}</span><span
          class="text-danger" *ngIf="ap.qualified_status==='InActive'">{{ap.qualified_text}}</span>】</span>
      </div> -->
    </div>
      <div class="card-body">
        <table class="table table-striped table-hover table-bordered">
          <thead>
          <tr>
            <th>科目名称</th>
            <th>科目成绩</th>
            <th>考场地址</th>
          </tr>
          </thead>
          <tbody>
          <tr *ngFor="let sb of aspectScoreAjax.getArray(); let i = index">
            <td>{{sb.subject_name}} </td>
            <td>{{sb.subject_score}} </td>
            <td>{{sb.room_addr}} </td>
          </tr>

          </tbody>
        </table>
      </div>


    <frame-ajax [url]="'./score/check/std.htm'" [ajaxDataType]="'array'" [autoRequest]="false"
                #aspectScoreAjax></frame-ajax>

  </tab>



</tabset>

<frame-ajax [autoRequest]="false" #ajax></frame-ajax>




<!---播放界面-->
<ng-template #videoTplModal>
	<div class="modal-content">
		<div class="modal-header info-success-qm">
			<div class="pull-left">
				<em class="fa-lg fas fa-edit "></em> <span >考生视频</span>
			</div>
			<button type="button" class="close" (click)="hideModal()">×</button>
		</div>

		<div class="modal-body">
            <div id="aliPlayer"></div><br>
            <button class="btn btn-primary" (click)="pauseVideo()"> <li class="glyphicon fa  fa-pause "></li> 视频暂停
            </button>
            <button class="btn btn-primary ml-3" (click)="playVideo()"><li class="glyphicon fa  fa-play "></li> 继续播放
            </button>
		</div>

		<div class="modal-footer">
		    <button class="btn btn-default" (click)="hideModal()"> <i class="icon-close"> </i> 取消 </button>
		</div>
	</div>
</ng-template>
