<div class="panel panel-default">
    <!--标题-->
    <div class="panel-title">
      <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
          <!-- TODO -->
          <li class="breadcrumb-item">财务管理</li>
          <li class="breadcrumb-item active" aria-current="page">退款终审</li>
        </ol>
      </nav>
    </div>
    <div class="panel-body ml-sm" [hidden]="editShowType=='only'">
      <div class="card card-default">
        <div class="card-body">
          <!--查询条件-->
          <div class="row mb-3 ml-1" [hidden]="editShowType=='only'">
            <div class="col-lg-12">
              
                <table>
                  <tr>
                      <td>
                          <div class="input-group mr-1 input-group-sm">
                            <label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;批次：</label>
                            <flex-select [allowClear]="true"
                            [url]= "'pl/plExamTime/list.htm'"
                            respDataPath= "array"
                            optionValueField="year_code"
                            optionTextField="year_code"
                            [(ngModel)]="query.year_code"
                            placeholder="请选择"
                            width = "80"
                            noResultsFound = "无数据"
                            [ngModelOptions]="{standalone: true}"
                            >
            </flex-select>
                          </div>
                        </td>
  
                    <td>
                <div class="input-group mr-1 input-group-sm">
                  <label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;姓名：</label>
                  <input name="keyword" [(ngModel)]="query.std_name" class="input-sm form-control" type="text" value=""
                         maxlength="64">
  
                </div>
              </td>
              <td>
                <div class="input-group mr-1 input-group-sm">
                  <label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;证件号：</label>
                  <input name="keyword" [(ngModel)]="query.cert_no" class="input-sm form-control" type="text" value=""
                         maxlength="64">
  
                </div>
              </td>
              <td>
                <div class="input-group mr-1 input-group-sm">
                  <label>A待办人：</label>
                  <select name="audit_optr" [(ngModel)]="query.audit_optr" frameDict [dictName]="'RefundAuditOptr'" class="form-control" style="width:120px">
                  </select>
                  
                </div>
              </td>
              </tr>
              <tr>
                  <td>
                      <div class="input-group mr-1 input-group-sm">
                        <label>&nbsp;&nbsp;&nbsp;准考证号：</label>
                        <input name="keyword" [(ngModel)]="query.ticket_no" class="input-sm form-control" type="text" value=""
                               maxlength="64">
        
                      </div>
                    </td>
                <td>
                <div class="input-group mr-1 input-group-sm">
                  <label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;状态：</label>
                  <select name="status" [(ngModel)]="query.status" frameDict [dictName]="'RefundStatus'" class="form-control" style="width:120px">
                    </select>
  
  
                </div>
              </td>
              
              <td>
                  <div class="input-group mr-1 input-group-sm">
                    <label>订单编号：</label>
                    <input name="keyword" [(ngModel)]="query.bill_no" class="input-sm form-control" type="text" value=""
                           maxlength="64">
    
                  </div>
                </td>
              <td >
                  <div class="input-group mr-1 input-group-sm">
                  <label>B待办人：</label>
                <select name="audit_optr_b" [(ngModel)]="query.audit_optr_b" frameDict [dictName]="'RefundAuditOptr'" class="form-control" style="width:120px">
                </select>
                </div>
              </td>
              </tr>
              <tr>
                <td>
                    <div class="input-group mr-1 input-group-sm">
                      <label>审核A状态：</label>
                      <select name="status_a" [(ngModel)]="query.status_a" frameDict [dictName]="'RefundStatus'" class="form-control" style="width:120px">
                      </select>
      
                    </div>
                  </td>
              <td>
              <div class="input-group mr-1 input-group-sm">
                <label>审核B状态：</label>
                <select name="status" [(ngModel)]="query.status_b" frameDict [dictName]="'RefundStatus'" class="form-control" style="width:120px">
                  </select>
  
  
              </div>
            </td>
            
           
            <td colspan="2">
              <button class="btn btn-primary btn-rounded btn-outline btn-sm  mr-1" (click)="framePager.goSearch()">
                <i class="fa fa-search"></i> 查询
              </button>
              <button class="btn btn-primary btn-rounded btn-outline btn-sm  mr-1" (click)="reset()">
                <i class="fa fa-undo"></i> 重置
              </button>
              <button class="btn btn-primary mr-1 btn-sm" data-toggle="tooltip" data-placement="left"
              (click)="showEditWin(batchEditTemplateModal)" title="批量审核">
  <i class="fa fa-paint-brush"></i> 批量审核</button>  
             
              <button class="btn btn-primary mr-1 btn-sm"  (click)="exportExcel()"  data-toggle="tooltip" data-placement="left">
                  导出Excel
                </button>
  
                <button class="btn btn-primary mr-1 btn-sm" (click)="exportExcelForRefund()" data-toggle="tooltip"
                data-placement="left" title="财务退款信息下载">
                <i class="fa icon-cloud-download"></i>&nbsp;财务退款信息下载</button>
  
            </td>
            </tr>
              </table>
                <!-- <button type="submit">提交</button> -->
             
            </div>
          </div>
  
          <!--表格-->
          <div class="row">
            <div class="col-lg-12 ml-0" [hidden]="editShowType=='only'">
              <table class="table table-sm table-striped table-hover table-bordered bg-white">
                <thead>
                <tr>
                  <th>
                    <div class="checkbox c-checkbox">
                        <label>
                            <input type="checkbox" (change)="framePager.checkedMasterToggle($event)" />
                            <span class="fa fa-check"></span>
                        </label>
                    </div>
                </th>
                  <th align="center">批次</th>
                  <th>姓名</th>
                  <th>证件号</th>
                  <th align="center">准考证号</th>
                  <th align="center">订单编号</th>
                  <th align="center">退款金额</th>
                  <th>退款类型</th>
                  <th>申请单状态</th>
                  <th>审核A状态</th>
                  <th>审核B状态</th>
                  <th>A待办人</th>
                  <th>B待办人</th>
                  <th>申请理由</th>
                 
  
                  <th style="width: 80px;" align="center">操作</th>
                </tr>
                </thead>
                <tbody>
                <tr *ngFor="let item of framePager.getRecords(); let i = index">
                    <td>
                        <div class="checkbox c-checkbox input-group-sm">
                            <label>
                                <input type="checkbox" [value]="item.id" [(checked)]="item.isChecked"
                                    [(ngModel)]="item.isChecked" />
                                <span class="fa fa-check"></span>
                            </label>
                        </div>
                    </td>
                  <td align="center">{{item.year_code}}</td>
                  <td>{{item.std_name}}</td>
                  <td>{{item.cert_no}}</td>
                  <td align="center">{{item.ticket_no}}</td>
                  <td align="center">{{item.bill_no}}</td>
                  <td align="right">{{item.bill_amount}}</td>
                  <td [innerHTML]="item.refund_type |  frameDict : 'RefundType' "></td>
                  <td [innerHTML]="item.status |  frameDict : 'RefundStatus' "></td>
                  <td [innerHTML]="item.status_a |  frameDict : 'RefundStatus' "></td>
                  <td [innerHTML]="item.status_b |  frameDict : 'RefundStatus' "></td>
  
                  <td>{{item.audit_optr_name}}</td>
                  <td>{{item.audit_optr_b_name}}</td>
  
  
                  <td title="{{item.reason}}">{{carouselContentFilter(item.reason)}}</td>
                 
                  <td align="center">
                 
                    <a href="#" (click)="goEdit(editTemplateModal,'modal','modal-lg',item)" title="审核"><em
                      class="fa-lg fas fa-edit mr-1"></em></a>
                    <a href="#" (click)="delete(item)" title="删除"><em class="fa-lg fas fa-trash mr-1" style="color:#F56D6D"></em></a>
                     </td>
                </tr>
                </tbody>
              </table>
              <!-- TODO -->
              <frame-pager [url]="QUERY_URL" hideSearch="true" hasCheck="true" #framePager
                           (preReqEvent)="search($event)"></frame-pager>
            </div>
          </div>
  
            <!-- 编辑页面 -->
            <div class="col-lg-12" style="width: 1000px;" *ngIf="item && editShowType != null &&editShowType!='modal'">
              <ng-container *ngTemplateOutlet="editTemplateModal">
              </ng-container>
            </div>
        </div>
  
      </div>
    </div>
  
    <!-- only编辑页面 -->
   
  
    <div class="col-lg-12" *ngIf="editShowType != null &&editShowType=='only'">
        <ng-container *ngTemplateOutlet="batchEditTemplateModal">
        </ng-container>
      </div>
  </div>
  
  
  <ng-template #editFormTemplate>
    <form [formGroup]="formModel" *ngIf="item" class="form-validate form-horizontal" novalidate="">
      <input type="hidden" class="form-control" formControlName="id" [(ngModel)]="item.id"/>
      <div class="row mb-1">
  
        <label class="col-lg-2 col-form-label text-lg-right">姓名</label>
        <div class="col-lg-2 col-form-label">{{item.std_name}}</div>
  
        <label class="col-lg-2 col-form-label text-lg-right">证件号</label>
        <div class="col-lg-2 col-form-label">{{item.cert_no}}</div>
  
      </div>
  
      <div class="row mb-1">
  
          <label class="col-lg-2 col-form-label text-lg-right">准考证号</label>
          <div class="col-lg-2 col-form-label">{{item.ticket_no}}</div>
    
          <label class="col-lg-2 col-form-label text-lg-right">手机号码</label>
          <div class="col-lg-2 col-form-label">{{item.std_mobile}}</div>
    
      </div>
  
      <div class="row mb-1">
  
          
          <label class="col-lg-2 col-form-label text-lg-right">退款金额</label>
          <div class="col-lg-2 col-form-label"><font style="color:red;">{{item.bill_amount}}</font> 元</div>
  
          <label class="col-lg-2 col-form-label text-lg-right">订单总金额</label>
          <div class="col-lg-2 col-form-label"><font style="color:red;">{{item.bill_total_amount}}</font> 元</div>
  
    
      </div>
  
      <div class="row mb-1">
  
          
       
        <label class="col-lg-2 col-form-label text-lg-right">订单编号</label>
        <div class="col-lg-2 col-form-label">{{item.bill_no}}</div>
        
        
  
       
    </div>
  
    <div class="row mb-1">
  
          
       
        <label class="col-lg-2 col-form-label text-lg-right">A待办人</label>
        <div class="col-lg-2 col-form-label">{{item.audit_optr_name}}</div>
        
        <label class="col-lg-2 col-form-label text-lg-right">B待办人</label>
        <div class="col-lg-2 col-form-label">{{item.audit_optr_b_name}}</div>
  
       
    </div>
  
      <div class="row mb-1">
  
          
        <label class="col-lg-2 col-form-label text-lg-right">退款类型</label>
        <div class="col-lg-2 col-form-label" [innerHTML]="item.refund_type |  frameDict : 'RefundType' "></div>
  
        <label class="col-lg-2 col-form-label text-lg-right">状态</label>
        <div class="col-lg-2 col-form-label" [innerHTML]="item.status |  frameDict : 'RefundStatus' "></div>
  
    </div>
  
      <div class="row mb-1">
  
        <label class="col-lg-2 col-form-label text-lg-right">课程</label>
        <div class="col-lg-8 col-form-label" style="white-space:pre-wrap">{{item.course}}</div>
      </div>
  
      <div class="row mb-1">
  
        <label class="col-lg-2 col-form-label text-lg-right">备注</label>
        <div class="col-lg-8 col-form-label" style="white-space:pre-wrap"><font style="color:red;">{{item.remark}}</font></div>
      </div>
  
      <div class="row mb-1">
  
        <label class="col-lg-2 col-form-label text-lg-right">申请理由</label>
        <div class="col-lg-8 col-form-label" style="white-space:pre-wrap">{{item.reason}}</div>
      </div>
  
      <div class="row mb-1">
  
          
          <label class="col-lg-2 col-form-label text-lg-right">审核A状态</label>
          <div class="col-lg-2 col-form-label" [innerHTML]="item.status_a |  frameDict : 'RefundStatus' "></div>
    
          <label class="col-lg-2 col-form-label text-lg-right">审核B状态</label>
          <div class="col-lg-2 col-form-label" [innerHTML]="item.status_b |  frameDict : 'RefundStatus' "></div>
    
      </div>
  
      <div class="row mb-1">
  
        <label class="col-lg-2 col-form-label text-lg-right">审核A意见</label>
        <div class="col-lg-8 col-form-label" style="white-space:pre-wrap">{{item.description_a}}</div>
      </div>
  
      <div class="row mb-1">
  
        <label class="col-lg-2 col-form-label text-lg-right">审核B意见</label>
        <div class="col-lg-8 col-form-label" style="white-space:pre-wrap">{{item.description_b}}</div>
      </div>
      
  
      <div class="row mb-1">
  
          <label class="col-lg-2 col-form-label text-lg-right">审核结果</label>
          <div class="col-lg-4 col-form-label">
              <label class="radio-inline c-radio">
                  <input type="radio" name="audit_type" value="2" [(ngModel)]="item.audit_type" (click)="changeRemark('审批通过')" [formControl]="formModel.controls['audit_type']" formControlName="audit_type"/>
                  <span class="fa fa-circle"></span>审核通过
              </label>
              <label class="radio-inline c-radio">
                  <input type="radio" name="audit_type" value="3" [(ngModel)]="item.audit_type" (click)="changeRemark('审批不通过')" [formControl]="formModel.controls['audit_type']" formControlName="audit_type"/>
                  <span class="fa fa-circle"></span>审核不通过
              </label>
          </div>
       </div>
  
      <div class="row mb-1">
        <label class="col-lg-2 col-form-label text-lg-right">审核意见</label>
        <div class="col-lg-8 col-form-label">
          
          <div class="input-group">
              <textarea class="form-control" [(ngModel)]="item.description" [formControl]="formModel.controls['description']" formControlName="description" rows="4" cols="200" maxlength="2000"></textarea>
  
          </div>
          <span class="text-danger"
                *ngIf="formModel.get('description').hasError('required') && (formModel.get('description').dirty || formModel.get('description').touched)">请输入审核意见</span>
        </div>
      </div>
  
      <div class="modal-footer">
          <button class="btn btn-info" (click)="audit()">
            <i class="fa fa-info-circle"> </i> 审核
          </button>
          <button class="btn btn-default" (click)="hideModal()">
            <i class="icon-close"> </i> 取消
          </button>
        </div>
  
        <div class="col-lg-12 ml-0">
          <div class="card-header">
            证明材料
          </div>
         </div>
      <div class="row mb-1">
        <label class="col-lg-1 col-form-label text-lg-right"></label>
        <div class="col-lg-3 col-form-label" *ngIf="item.file_path_one">
          <img-flex-pdf-viewer-modal #flexPdfModal size="lg" [id]="item.id" tablename="std_refund" fieldid="id" fieldname="file_path_one"></img-flex-pdf-viewer-modal>
          <img style="width:200px;height: 200px;cursor: pointer;" [src]="item.file_path_one" (click)="flexPdfModal.show();" title="点击预览图片">
        </div>
  
        <div class="col-lg-3 col-form-label" *ngIf="item.file_path_two">
            <img-flex-pdf-viewer-modal #flexPdfModal size="lg" [id]="item.id" tablename="std_refund" fieldid="id" fieldname="file_path_two"></img-flex-pdf-viewer-modal>
            <img style="width:200px;height: 200px;cursor: pointer;" [src]="item.file_path_two" (click)="flexPdfModal.show();" title="点击预览图片">
        
          </div>
  
          <div class="col-lg-3 col-form-label" *ngIf="item.file_path_three">
              <img-flex-pdf-viewer-modal #flexPdfModal size="lg" [id]="item.id" tablename="std_refund" fieldid="id" fieldname="file_path_three"></img-flex-pdf-viewer-modal>
              <img style="width:200px;height: 200px;cursor: pointer;" [src]="item.file_path_three" (click)="flexPdfModal.show();" title="点击预览图片">
          
            </div>
  
      </div>
  
      <div class="row mb-1">
  
          <label class="col-lg-1 col-form-label text-lg-right"></label>
          
          <div class="col-lg-3 col-form-label" *ngIf="item.file_path_four">
              <img-flex-pdf-viewer-modal #flexPdfModal size="lg" [id]="item.id" tablename="std_refund" fieldid="id" fieldname="file_path_four"></img-flex-pdf-viewer-modal>
              <img style="width:200px;height: 200px;cursor: pointer;" [src]="item.file_path_four" (click)="flexPdfModal.show();" title="点击预览图片">
          
            </div>
      
            <div class="col-lg-3 col-form-label" *ngIf="item.file_path_five">
                <img-flex-pdf-viewer-modal #flexPdfModal size="lg" [id]="item.id" tablename="std_refund" fieldid="id" fieldname="file_path_five"></img-flex-pdf-viewer-modal>
                <img style="width:200px;height: 200px;cursor: pointer;" [src]="item.file_path_five" (click)="flexPdfModal.show();" title="点击预览图片">
            
              </div>
      
              <div class="col-lg-3 col-form-label" *ngIf="item.file_path_six">
                  <img-flex-pdf-viewer-modal #flexPdfModal size="lg" [id]="item.id" tablename="std_refund" fieldid="id" fieldname="file_path_six"></img-flex-pdf-viewer-modal>
                  <img style="width:200px;height: 200px;cursor: pointer;" [src]="item.file_path_six" (click)="flexPdfModal.show();" title="点击预览图片">
              
                </div>
      
        </div>

        <div class="col-lg-12 ml-0" *ngIf="item.replenish_file_path_one || item.replenish_file_path_two|| item.replenish_file_path_three|| item.replenish_file_path_four|| item.replenish_file_path_five|| item.replenish_file_path_six">
          <div class="card-header">
            补充证明材料
          </div>
         </div>
      <div class="row mb-1">
        <label class="col-lg-1 col-form-label text-lg-right"></label>
        <div class="col-lg-3 col-form-label" *ngIf="item.replenish_file_path_one">
          <img-flex-pdf-viewer-modal #flexPdfModal size="lg" [id]="item.id" tablename="std_refund" fieldid="id" fieldname="replenish_file_path_one"></img-flex-pdf-viewer-modal>
          <img style="width:200px;height: 200px;cursor: pointer;" [src]="item.replenish_file_path_one" (click)="flexPdfModal.show();" title="点击预览图片">
        </div>
  
        <div class="col-lg-3 col-form-label" *ngIf="item.replenish_file_path_two">
            <img-flex-pdf-viewer-modal #flexPdfModal size="lg" [id]="item.id" tablename="std_refund" fieldid="id" fieldname="replenish_file_path_two"></img-flex-pdf-viewer-modal>
            <img style="width:200px;height: 200px;cursor: pointer;" [src]="item.replenish_file_path_two" (click)="flexPdfModal.show();" title="点击预览图片">
        
          </div>
  
          <div class="col-lg-3 col-form-label" *ngIf="item.replenish_file_path_three">
              <img-flex-pdf-viewer-modal #flexPdfModal size="lg" [id]="item.id" tablename="std_refund" fieldid="id" fieldname="replenish_file_path_three"></img-flex-pdf-viewer-modal>
              <img style="width:200px;height: 200px;cursor: pointer;" [src]="item.replenish_file_path_three" (click)="flexPdfModal.show();" title="点击预览图片">
          
            </div>
  
      </div>
  
      <div class="row mb-1">
  
          <label class="col-lg-1 col-form-label text-lg-right"></label>
          
          <div class="col-lg-3 col-form-label" *ngIf="item.replenish_file_path_four">
              <img-flex-pdf-viewer-modal #flexPdfModal size="lg" [id]="item.id" tablename="std_refund" fieldid="id" fieldname="replenish_file_path_four"></img-flex-pdf-viewer-modal>
              <img style="width:200px;height: 200px;cursor: pointer;" [src]="item.replenish_file_path_four" (click)="flexPdfModal.show();" title="点击预览图片">
          
            </div>
      
            <div class="col-lg-3 col-form-label" *ngIf="item.replenish_file_path_five">
                <img-flex-pdf-viewer-modal #flexPdfModal size="lg" [id]="item.id" tablename="std_refund" fieldid="id" fieldname="replenish_file_path_five"></img-flex-pdf-viewer-modal>
                <img style="width:200px;height: 200px;cursor: pointer;" [src]="item.replenish_file_path_five" (click)="flexPdfModal.show();" title="点击预览图片">
            
              </div>
      
              <div class="col-lg-3 col-form-label" *ngIf="item.replenish_file_path_six">
                  <img-flex-pdf-viewer-modal #flexPdfModal size="lg" [id]="item.id" tablename="std_refund" fieldid="id" fieldname="replenish_file_path_six"></img-flex-pdf-viewer-modal>
                  <img style="width:200px;height: 200px;cursor: pointer;" [src]="item.replenish_file_path_six" (click)="flexPdfModal.show();" title="点击预览图片">
              
                </div>
      
        </div>
  
        <div class="col-lg-12 ml-0">
          <div class="card-header">
              考生统考成绩
        </div>
         
        <table class="table table-sm table-striped table-hover table-bordered bg-white">
          <thead>
              <tr>
                 
                  <th>序号</th>
                  <th align="center">批次</th>
                  <th>考生姓名</th>
                  <th align="center">准考证</th>
                 
                  <th>专业代码</th>
                  <th>专业名称</th>
                  <th align="center">课程代码</th>
                  <th>课程名称</th>
                  <th align="center">成绩</th>
                  
              </tr>
          </thead>
          <tbody>
              <tr *ngFor="let item of detailPager.getRecords(); let i = index">
                
                  <td>{{detailPager.pageStart + i}}</td>
                  <td align="center">{{item.year_code}}</td>
                  <td>{{item.std_name}}</td>
                  <td align="center">{{item.ticket_no}}</td>
                  
                  <td>{{item.major_code}}</td>
                  <td>{{item.major_name}}</td>
                  <td align="center">{{item.course_code}}</td>
                  <td>{{item.course_name}}</td>
                  <td align="right">{{item.origin_score}}</td>
                  
                  
              </tr>
          </tbody>
      </table>
      <!-- TODO -->
      <frame-pager [url]="QUERY_DETAIL_URL"  hideSearch="true" hasCheck="true" #detailPager (preReqEvent)="searchKjUnifiedScore($event)"></frame-pager>
  
    </div>
  
        <div class="col-lg-12 ml-0">
          <div class="card-header">
              考生报考信息
        </div>
         
        <table class="table table-sm table-striped table-hover table-bordered bg-white">
          <thead>
              <tr>
                 
                  <th>序号</th>
                  <th align="center">批次</th>
                  <th align="center">准考证</th>
                  <th align="center">课程代码</th>
                  <th>课程名称</th>
                  <th>报考考区</th>
                  <th>考点名称</th>
              </tr>
          </thead>
          <tbody>
              <tr *ngFor="let item of kwLayoutDetailPager.getRecords(); let i = index">
                
                  <td>{{kwLayoutDetailPager.pageStart + i}}</td>
                  <td align="center">{{item.year_code}}</td>          
                  <td align="center">{{item.ticket_no}}</td>
                  <td align="center">{{item.course_code}}</td>
                  <td>{{item.course_name}}</td>
                  <td>{{item.exam_name}}</td>
                  <td>{{item.unit_name}}</td>
                  
              </tr>
          </tbody>
      </table>
      <!-- TODO -->
      <frame-pager [url]="QUERY_KWDETAIL_URL"  hideSearch="true" hasCheck="true" #kwLayoutDetailPager (preReqEvent)="searchKwLayoutDetail($event)"></frame-pager>
  
    </div>
  
       
  
  
        <div class="col-lg-12 ml-0">
            <div class="card-header">
                考生健康码
          </div>
           
            <table class="table table-sm table-striped table-hover table-bordered bg-white">
                <thead>
                  <tr>
                    
                    <th>序号</th>
                    <th>姓名</th>
                    <th>证件号</th>
                    
                    <th align="center">准考证号</th>
                    
                    <th align="center">手机号码</th>
                    <th align="center">健康码</th>
                    <th align="center">更新时间</th>
                    
                    <th>黄或红码的原因</th>
                    <th align="center">是否注册</th>
                    <th align="center">更新状态</th>
                    <th>备注</th>
                  </tr>
                </thead>
                <tbody>
                  <tr *ngFor="let item of codePager.getRecords(); let i = index">
                    
                    <td>{{codePager.pageStart + i}}</td>
  
                    <td>{{item.std_name}}</td>
                    <td>{{item.cert_no}}</td>
                    <!-- <td>{{item.enrol_no}}</td> -->
                    <td align="center">{{item.ticket_no}}</td>
                    <!-- <td>{{item.school_code}}</td> -->
                    <td align="center">{{item.std_mobile}}</td>
                    <td align="center">
                      <font *ngIf="item.healthcode=='1'" style="color:red">红</font>
                      <font *ngIf="item.healthcode=='2'" style="color:#FB8F21">黄</font>
                      <font *ngIf="item.healthcode=='3'" style="color:green">绿</font>
  
  
                    </td>
                    <td align="center">{{item.create_date}}</td>
                    <td title="{{item.reason}}">{{carouselContentFilter2(item.reason)}}</td>
  
                    <td align="center">
                      <font *ngIf="item.status=='1'">已注册</font>
                      <font *ngIf="item.status=='0'">未注册</font>
                    </td>
  
                    <td align="center">
                      <font *ngIf="item.status=='1'">成功</font>
                      <font *ngIf="item.status=='0'">失败</font>
                    </td>
                    <td title="{{item.remark}}">{{carouselContentFilter2(item.remark)}}</td>
  
                   
  
                    
                  </tr>
                </tbody>
              </table>
              <!-- TODO -->
              <frame-pager [url]="CODE_QUERY_URL"  hideSearch="true" hasCheck="true" #codePager (preReqEvent)="codeSearch($event)"></frame-pager>
          </div>
  
  
    </form>
  </ng-template>
  
  <ng-template #editTemplateModal>
    <div class="modal-content"  style="width: 1000px;">
      <div class="modal-header info-success-qm">
        <div class="pull-left">
          <em class="fa-lg fas fa-edit "></em> 退款审核
        </div>
        <button type="button" class="close" (click)="hideModal()">×</button>
      </div>
  
      <!-- 1@3 -->
      <div class="modal-body">
        <div [ngTemplateOutlet]="editFormTemplate"></div>
      </div>
  
      <div class="modal-footer">
        <button class="btn btn-info" (click)="audit()">
          <i class="fa fa-info-circle"> </i> 审核
        </button>
        <button class="btn btn-default" (click)="hideModal()">
          <i class="icon-close"> </i> 取消
        </button>
      </div>
    </div>
  </ng-template>
  
  
  <ng-template #batchEditFormTemplate>
      <div *ngFor="let it of applyList; let i = index" >
          <div class="col-lg-12 ml-0">
              <div class="card-header">
                退款申请单{{i+1}}
              </div>
             </div>
        <div class="row mb-1">
    
          <label class="col-lg-2 col-form-label text-lg-right">姓名</label>
          <div class="col-lg-2 col-form-label">{{it.std_name}}</div>
    
          <label class="col-lg-2 col-form-label text-lg-right">证件号</label>
          <div class="col-lg-2 col-form-label">{{it.cert_no}}</div>
    
        </div>
    
        <div class="row mb-1">
    
            <label class="col-lg-2 col-form-label text-lg-right">准考证号</label>
            <div class="col-lg-2 col-form-label">{{it.ticket_no}}</div>
      
            <label class="col-lg-2 col-form-label text-lg-right">手机号码</label>
            <div class="col-lg-2 col-form-label">{{it.std_mobile}}</div>
      
        </div>
    
        <div class="row mb-1">
    
            
            <label class="col-lg-2 col-form-label text-lg-right">退款金额</label>
            <div class="col-lg-2 col-form-label"><font style="color:red;">{{it.bill_amount}}</font> 元</div>
    
            <label class="col-lg-2 col-form-label text-lg-right">订单总金额</label>
            <div class="col-lg-2 col-form-label"><font style="color:red;">{{it.bill_total_amount}}</font> 元</div>
    
      
        </div>
    
        <div class="row mb-1">
    
            
         
          <label class="col-lg-2 col-form-label text-lg-right">订单编号</label>
          <div class="col-lg-2 col-form-label">{{it.bill_no}}</div>
          
          
    
         
      </div>
    
      <div class="row mb-1">
    
            
         
          <label class="col-lg-2 col-form-label text-lg-right">A待办人</label>
          <div class="col-lg-2 col-form-label">{{it.audit_optr_name}}</div>
          
          <label class="col-lg-2 col-form-label text-lg-right">B待办人</label>
          <div class="col-lg-2 col-form-label">{{it.audit_optr_b_name}}</div>
    
         
      </div>
    
        <div class="row mb-1">
    
            
          <label class="col-lg-2 col-form-label text-lg-right">退款类型</label>
          <div class="col-lg-2 col-form-label" [innerHTML]="it.refund_type |  frameDict : 'RefundType' "></div>
    
          <label class="col-lg-2 col-form-label text-lg-right">状态</label>
          <div class="col-lg-2 col-form-label" [innerHTML]="it.status |  frameDict : 'RefundStatus' "></div>
    
      </div>
    
        <div class="row mb-1">
    
          <label class="col-lg-2 col-form-label text-lg-right">课程</label>
          <div class="col-lg-8 col-form-label" style="white-space:pre-wrap">{{it.course}}</div>
        </div>
    
        <div class="row mb-1">
    
          <label class="col-lg-2 col-form-label text-lg-right">备注</label>
          <div class="col-lg-8 col-form-label" style="white-space:pre-wrap"><font style="color:red;">{{it.remark}}</font></div>
        </div>
    
        <div class="row mb-1">
    
          <label class="col-lg-2 col-form-label text-lg-right">申请理由</label>
          <div class="col-lg-8 col-form-label" style="white-space:pre-wrap">{{it.reason}}</div>
        </div>
    
        <div class="row mb-1">
    
            
            <label class="col-lg-2 col-form-label text-lg-right">审核A状态</label>
            <div class="col-lg-2 col-form-label" [innerHTML]="it.status_a |  frameDict : 'RefundStatus' "></div>
      
            <label class="col-lg-2 col-form-label text-lg-right">审核B状态</label>
            <div class="col-lg-2 col-form-label" [innerHTML]="it.status_b |  frameDict : 'RefundStatus' "></div>
      
        </div>
    
        <div class="row mb-1">
    
          <label class="col-lg-2 col-form-label text-lg-right">审核A意见</label>
          <div class="col-lg-8 col-form-label" style="white-space:pre-wrap">{{it.description_a}}</div>
        </div>
    
        <div class="row mb-1">
    
          <label class="col-lg-2 col-form-label text-lg-right">审核B意见</label>
          <div class="col-lg-8 col-form-label" style="white-space:pre-wrap">{{it.description_b}}</div>
        </div>
        
      </div>
  
      <div class="col-lg-12 ml-0">
          <div class="card-header">
            批量审核结果
          </div>
         </div>
  
        <div class="row mb-1">
    
            <label class="col-lg-2 col-form-label text-lg-right">审核结果</label>
            <div class="col-lg-4 col-form-label">
                <label class="radio-inline c-radio">
                    <input type="radio" name="audit_type" value="2" [(ngModel)]="audit_type" (click)="batchChangeRemark('审批通过')" />
                    <span class="fa fa-circle"></span>审核通过
                </label>&nbsp;&nbsp;
                <label class="radio-inline c-radio">
                    <input type="radio" name="audit_type" value="3" [(ngModel)]="audit_type" (click)="batchChangeRemark('审批不通过')"/>
                    <span class="fa fa-circle"></span>审核不通过
                </label>
            </div>
         </div>
    
        <div class="row mb-1">
          <label class="col-lg-2 col-form-label text-lg-right">审核意见</label>
          <div class="col-lg-8 col-form-label">
            
            <div class="input-group">
                <textarea class="form-control" [(ngModel)]="description"  rows="4" cols="200" maxlength="2000"></textarea>
    
            </div>
              </div>
        </div>
    
        <div class="modal-footer">
            <button class="btn btn-info" (click)="batchAudit()">
              <i class="fa fa-info-circle"> </i> 审核
            </button>
            <button class="btn btn-default" (click)="hideModal()">
              <i class="icon-close"> </i> 取消
            </button>
          </div>
    
          <div class="col-lg-12 ml-0">
            <div class="card-header">
              证明材料
            </div>
           </div>
        <div class="row mb-1">
          <label class="col-lg-1 col-form-label text-lg-right"></label>
          <div class="col-lg-3 col-form-label" *ngIf="item.file_path_one">
            <img-flex-pdf-viewer-modal #flexPdfModal size="lg" [id]="item.id" tablename="std_refund" fieldid="id" fieldname="file_path_one"></img-flex-pdf-viewer-modal>
            <img style="width:200px;height: 200px;cursor: pointer;" [src]="item.file_path_one" (click)="flexPdfModal.show();" title="点击预览图片">
          </div>
    
          <div class="col-lg-3 col-form-label" *ngIf="item.file_path_two">
              <img-flex-pdf-viewer-modal #flexPdfModal size="lg" [id]="item.id" tablename="std_refund" fieldid="id" fieldname="file_path_two"></img-flex-pdf-viewer-modal>
              <img style="width:200px;height: 200px;cursor: pointer;" [src]="item.file_path_two" (click)="flexPdfModal.show();" title="点击预览图片">
          
            </div>
    
            <div class="col-lg-3 col-form-label" *ngIf="item.file_path_three">
                <img-flex-pdf-viewer-modal #flexPdfModal size="lg" [id]="item.id" tablename="std_refund" fieldid="id" fieldname="file_path_three"></img-flex-pdf-viewer-modal>
                <img style="width:200px;height: 200px;cursor: pointer;" [src]="item.file_path_three" (click)="flexPdfModal.show();" title="点击预览图片">
            
              </div>
    
        </div>
    
        <div class="row mb-1">
    
            <label class="col-lg-1 col-form-label text-lg-right"></label>
            
            <div class="col-lg-3 col-form-label" *ngIf="item.file_path_four">
                <img-flex-pdf-viewer-modal #flexPdfModal size="lg" [id]="item.id" tablename="std_refund" fieldid="id" fieldname="file_path_four"></img-flex-pdf-viewer-modal>
                <img style="width:200px;height: 200px;cursor: pointer;" [src]="item.file_path_four" (click)="flexPdfModal.show();" title="点击预览图片">
            
              </div>
        
              <div class="col-lg-3 col-form-label" *ngIf="item.file_path_five">
                  <img-flex-pdf-viewer-modal #flexPdfModal size="lg" [id]="item.id" tablename="std_refund" fieldid="id" fieldname="file_path_five"></img-flex-pdf-viewer-modal>
                  <img style="width:200px;height: 200px;cursor: pointer;" [src]="item.file_path_five" (click)="flexPdfModal.show();" title="点击预览图片">
              
                </div>
        
                <div class="col-lg-3 col-form-label" *ngIf="item.file_path_six">
                    <img-flex-pdf-viewer-modal #flexPdfModal size="lg" [id]="item.id" tablename="std_refund" fieldid="id" fieldname="file_path_six"></img-flex-pdf-viewer-modal>
                    <img style="width:200px;height: 200px;cursor: pointer;" [src]="item.file_path_six" (click)="flexPdfModal.show();" title="点击预览图片">
                
                  </div>
        
          </div>
    
          <div class="col-lg-12 ml-0">
            <div class="card-header">
                考生统考成绩
          </div>
           
          <table class="table table-sm table-striped table-hover table-bordered bg-white">
            <thead>
                <tr>
                   
                    <th>序号</th>
                    <th align="center">批次</th>
                    <th>考生姓名</th>
                    <th align="center">准考证</th>
                   
                    <th>专业代码</th>
                    <th>专业名称</th>
                    <th align="center">课程代码</th>
                    <th>课程名称</th>
                    <th align="center">成绩</th>
                    
                </tr>
            </thead>
            <tbody>
                <tr *ngFor="let item of detailPager.getRecords(); let i = index">
                  
                    <td>{{detailPager.pageStart + i}}</td>
                    <td align="center">{{item.year_code}}</td>
                    <td>{{item.std_name}}</td>
                    <td align="center">{{item.ticket_no}}</td>
                    
                    <td>{{item.major_code}}</td>
                    <td>{{item.major_name}}</td>
                    <td align="center">{{item.course_code}}</td>
                    <td>{{item.course_name}}</td>
                    <td align="right">{{item.origin_score}}</td>
                    
                    
                </tr>
            </tbody>
        </table>
        <!-- TODO -->
        <frame-pager [url]="QUERY_DETAIL_URL"  hideSearch="true" hasCheck="true" #detailPager (preReqEvent)="searchKjUnifiedScore($event)"></frame-pager>
    
      </div>
    
          <div class="col-lg-12 ml-0">
            <div class="card-header">
                考生报考信息
          </div>
           
          <table class="table table-sm table-striped table-hover table-bordered bg-white">
            <thead>
                <tr>
                   
                    <th>序号</th>
                    <th align="center">批次</th>
                    <th align="center">准考证</th>
                    <th align="center">课程代码</th>
                    <th>课程名称</th>
                    <th>报考考区</th>
                    <th>考点名称</th>
                </tr>
            </thead>
            <tbody>
                <tr *ngFor="let item of kwLayoutDetailPager.getRecords(); let i = index">
                  
                    <td>{{kwLayoutDetailPager.pageStart + i}}</td>
                    <td align="center">{{item.year_code}}</td>          
                    <td align="center">{{item.ticket_no}}</td>
                    <td align="center">{{item.course_code}}</td>
                    <td>{{item.course_name}}</td>
                    <td>{{item.exam_name}}</td>
                    <td>{{item.unit_name}}</td>
                    
                </tr>
            </tbody>
        </table>
        <!-- TODO -->
        <frame-pager [url]="QUERY_KWDETAIL_URL"  hideSearch="true" hasCheck="true" #kwLayoutDetailPager (preReqEvent)="searchKwLayoutDetail($event)"></frame-pager>
    
      </div>
    
         
    
    
          <div class="col-lg-12 ml-0">
              <div class="card-header">
                  考生健康码
            </div>
             
              <table class="table table-sm table-striped table-hover table-bordered bg-white">
                  <thead>
                    <tr>
                      
                      <th>序号</th>
                      <th>姓名</th>
                      <th>证件号</th>
                      
                      <th align="center">准考证号</th>
                      
                      <th align="center">手机号码</th>
                      <th align="center">健康码</th>
                      <th align="center">更新时间</th>
                      
                      <th>黄或红码的原因</th>
                      <th align="center">是否注册</th>
                      <th align="center">更新状态</th>
                      <th>备注</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr *ngFor="let item of codePager.getRecords(); let i = index">
                      
                      <td>{{codePager.pageStart + i}}</td>
    
                      <td>{{item.std_name}}</td>
                      <td>{{item.cert_no}}</td>
                      <!-- <td>{{item.enrol_no}}</td> -->
                      <td align="center">{{item.ticket_no}}</td>
                      <!-- <td>{{item.school_code}}</td> -->
                      <td align="center">{{item.std_mobile}}</td>
                      <td align="center">
                        <font *ngIf="item.healthcode=='1'" style="color:red">红</font>
                        <font *ngIf="item.healthcode=='2'" style="color:#FB8F21">黄</font>
                        <font *ngIf="item.healthcode=='3'" style="color:green">绿</font>
    
    
                      </td>
                      <td align="center">{{item.create_date}}</td>
                      <td title="{{item.reason}}">{{carouselContentFilter2(item.reason)}}</td>
    
                      <td align="center">
                        <font *ngIf="item.status=='1'">已注册</font>
                        <font *ngIf="item.status=='0'">未注册</font>
                      </td>
    
                      <td align="center">
                        <font *ngIf="item.status=='1'">成功</font>
                        <font *ngIf="item.status=='0'">失败</font>
                      </td>
                      <td title="{{item.remark}}">{{carouselContentFilter2(item.remark)}}</td>
    
                     
    
                      
                    </tr>
                  </tbody>
                </table>
                <!-- TODO -->
                <frame-pager [url]="CODE_QUERY_URL"  hideSearch="true" hasCheck="true" #codePager (preReqEvent)="codeSearch($event)"></frame-pager>
            </div>
    
    
          
    </ng-template>
    
  <ng-template #batchEditTemplateModal>
      <div class="modal-content"  style="width: 1000px;">
        <div class="modal-header info-success-qm">
          <div class="pull-left">
            <em class="fa-lg fas fa-edit "></em> 批量退款审核
          </div>
          <button type="button" class="close" (click)="hideModal()">×</button>
        </div>
    
        <!-- 1@3 -->
        <div class="modal-body">
          <div [ngTemplateOutlet]="batchEditFormTemplate"></div>
        </div>
    
        <div class="modal-footer">
          <button class="btn btn-info" (click)="batchAudit()">
            <i class="fa fa-info-circle"> </i> 审核
          </button>
          <button class="btn btn-default" (click)="hideModal()">
            <i class="icon-close"> </i> 取消
          </button>
        </div>
      </div>
    </ng-template>
  
  