<div class="row" *ngIf="ResponseMap.StdReg">
  <div class="col-xl-12">
    <!-- START card tab-->
    <div class="card card-transparent">
      <tabset class="bg-white p-0" justified="true">
        <tab>
          <ng-template tabHeading>
            <div>
              <em class="far fa-user fa-fw text-info"></em>
              <span class="ml-1">基本信息</span>
            </div>
          </ng-template>
          <div class="card mb-0 mt-2">
            <div class="row ">
              <div class="col-xl-5 col-sm-5 text-center">
                <img class="img-thumbnail" [src]="getStdImage()"/>
              </div>
              <div class="col-xl-7 col-sm-7">
                <div class="list-group mb0">
                  <a class="list-group-item bt0" href="#">
                    <em class="fa-fw fas fa-user mr-2"></em>考生姓名：{{ResponseMap.StdReg.std_name}}</a>
                  <a class="list-group-item" href="#">
                    <em class="fa-fw fa fa-check mr-2"></em>身份证号：{{ResponseMap.StdReg.cert_id}}</a>
                  <a class="list-group-item" href="#">
                    <em class="fa-fw fa fa-check mr-2"></em>高考号码：{{ResponseMap.StdReg.exam_id}}</a>
                  <a class="list-group-item" href="#">
                    <em class="fa-fw fa fa-check mr-2"></em>考生性别：{{ResponseMap.StdReg.std_sex}}</a>
                  <a class="list-group-item" href="#">
                    <em class="fa-fw fa fa-check mr-2"></em>联系电话：{{ResponseMap.StdReg.std_mobile1}}</a>
                  <a class="list-group-item" href="#">
                    <em class="fa-fw fa fa-check mr-2"></em>备用电话：{{ResponseMap.StdReg.std_mobile2}}</a>
                  <a class="list-group-item" href="#">
                    <em class="fa-fw fa fa-check mr-2"></em>毕业高中：{{ResponseMap.StdReg.std_school}}</a>
                  <a class="list-group-item" href="#">
                    <em class="fa-fw fa fa-check mr-2"></em>通讯地址：{{ResponseMap.StdReg.link_addr}}</a>
                </div>
              </div>

            </div>
          </div>
        </tab>
        <tab>
          <ng-template tabHeading>
            <em class="far icon-docs text-primary fa-fw"></em> <span class="ml-1">登录日志</span>
          </ng-template>

          <div>
            <div class="mb-0 mt-2">
              <div class="table-responsive">
                <table class="table table-bordered table-hover table-striped">
                  <thead>
                  <tr>
                    <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>{{i+1}}</td>
                    <td>{{v.login_time}}</td>
                    <td>{{v.browser_type}}</td>
                    <td>{{v.browser_version}}</td>
                    <td>{{v.platform_type}}<span *ngIf="">({{v.platform_version}})</span> </td>
                    <td>{{v.login_addr}}</td>
                  </tr>
                  </tbody>
                </table>
              </div>

              <frame-pager [url]="'school/school/std/login/page.htm'" [pagerParams]="{std_id:ResponseMap.StdReg.std_id}" #loginPager></frame-pager>
            </div>
          </div>
        </tab>

        <tab>
          <ng-template tabHeading>
            <em class="far icon-docs text-primary fa-fw"></em> <span class="ml-1">操作日志</span>
          </ng-template>

          <div>
            <div class="mb-0 mt-2">
              <div class="table-responsive">
                <table class="table table-bordered table-hover table-striped">
                  <thead>
                  <tr>
                    <th>#</th>
                    <th>操作时间</th>
                    <th>操作类型</th>
                    <th>旧值</th>
                    <th>新值</th>
                  </tr>
                  </thead>
                  <tbody >
                  <tr  *ngFor="let v of logPager.getRecords(); let i = index">
                    <td>{{i+1}}</td>
                    <td>{{v.log_time}}</td>
                    <td>{{v.log_type | frameDict : 'StdLogType'}}</td>
                    <td>{{v.old_value}}</td>
                    <td>{{v.new_value}}</td>
                  </tr>
                  </tbody>
                </table>
              </div>

              <frame-pager [url]="'school/school/std/log/page.htm'" [pagerParams]="{std_id:ResponseMap.StdReg.std_id}" #logPager></frame-pager>
            </div>
          </div>
        </tab>

      </tabset>
    </div>
  </div>
</div>
<div class="modal-footer">
  <button class="btn btn-secondary" type="button" (click)="closeWindow()">取消操作</button>
</div>
