<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]="this.editShowType=='only'">
    <div class="card card-default">
      <div class="card-body">
        <!--查询条件-->
        <div class="row mb-3 ml-1" [hidden]="this.editShowType=='only'">
          <div class="col-lg-12">
            <form (ngSubmit)="framePager.goSearch()" class="form-inline">
              <table>
                <tr>
                  <td>
              <div class="input-group mr-1 input-group-sm">
                <label>考生姓名：</label>
                <input name="keyword" stlye="width:160px;" [(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>证件号码：</label>
                <input name="keyword" stlye="width:160px;" [(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>准考证号：</label>
                <input name="keyword" stlye="width:200px;" [(ngModel)]="query.ticket_no" class="input-sm form-control" type="text" value=""
                  maxlength="64">

              </div>
            </td>
            </tr>
            <tr>
              
              <td>
              <div class="input-group mr-1 input-group-sm">
                <label>考试批次：</label>
                <flex-select [allowClear]="true"
                    [url]= "'pl/plExamTime/listtime.htm'"
                    respDataPath= "array"
                    optionValueField="id"
                    optionTextField="exam_year_month"
                    [(ngModel)]="query.exam_time_id"
                    placeholder="请选择"
                    width = "100"
                    noResultsFound = "无数据"
                    [ngModelOptions]="{standalone: true}"
                    (ngModelChange)="changePoint()"
                    >
                </flex-select>
              </div>
              </td>
              <td>
                  <div class="input-group mr-1 input-group-sm">
                    <label>考区名称：</label>
                    <select class="custom-select" stlye="width:160px;" [(ngModel)]="query.agent_id" [ngModelOptions]="{standalone: true}">
                      <option value="">--请选择--</option>
                      <option *ngFor="let item of agentArray" [value]="item.id">{{item.org_code}}-{{item.org_name}}</option>
                    </select>
                  </div>
                  </td>
              <td>
              <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 type="submit">提交</button> -->
            </td>
            </tr>
            </table>
            </form>
          </div>
        </div>

        <!-- 工具栏 -->
        <div class="row mb-2" [hidden]="this.editShowType=='only'">
          <div class="col-lg-12">
            <div class="pull-left" style="text-align: right;">
              <button class="btn btn-primary mr-1 btn-sm" data-toggle="tooltip" data-placement="left" (click)="this.goEdit(editTemplateModal,'modal','modal-lg',null)"
                title="添加">
                <i class="fa fa-plus"></i> 添加</button>
              <!-- 
	          <button class="btn btn-primary mr-1 btn-sm" data-toggle="tooltip" data-placement="left" title="修改">
	            <i class="fa fa-edit"></i> 修改</button>
	            -->
              <button class="btn btn-primary mr-1 btn-sm" (click)="this.delete()" data-toggle="tooltip" data-placement="left"
                title="删除">
                <i class="fa fa-trash"> 删除</i>
              </button>
              <button class="btn btn-primary mr-1 btn-sm" (click)="exportExcel()" data-toggle="tooltip"
              data-placement="left" title="违规数据下载">
              <i class="fa icon-cloud-download"></i>违规数据下载</button>
              <button class="btn btn-primary mr-1 btn-sm" (click)="exportNotice()" data-toggle="tooltip"
              data-placement="left" title="违规处理告知书下载">
              <i class="fa icon-cloud-download"></i>违规处理告知书下载</button>
              <button class="btn btn-primary mr-1 btn-sm" (click)="exportDecision()" data-toggle="tooltip"
              data-placement="left" title="违规处理决定书下载">
              <i class="fa icon-cloud-download"></i>违规处理决定书下载</button>
<!--
              <button class="btn btn-primary mr-1 btn-sm" (click)="shouModalWin(importModal,'modal-sm')" data-toggle="tooltip"
              data-placement="left" title="导入">
              <i class="fa icon-cloud-download"></i>导入</button>
              <button class="btn btn-primary mr-1 btn-sm" (click)="downTemplate()" data-toggle="tooltip"
              data-placement="left" title="模板下载">
              <i class="fa icon-cloud-download"></i>模板下载</button>
              <button type="button" class="btn btn-warning btn-xs ml-2" (click)="downloadErrFile()" *ngIf="filePath">
                <i class="fa icon-cloud-download"></i> 下载错误数据</button>  

               <button id="btnExport" class="btn btn-primary mr-1 btn-sm" data-toggle="tooltip" data-placement="left"
                title="导出">
                <i class="fa fa-file-excel"></i> 导出</button> -->
            </div>

            <!-- <div class="">
	          <button class="btn btn-primary btn-rounded btn-outline btn-sm  mr-1" (click)="this.onSearch($event)">
	            <i class="fa fa-search"></i> 查询</button>
	          <button class="btn btn-primary btn-rounded btn-outline btn-sm  mr-1" (click)="this.reset()">
	            <i class="fa fa-undo"></i> 重置</button>
	        </div> -->
          </div>
        </div>

        <!--表格-->
        <div class="row">
          <div class="col-lg-12 ml-0" [hidden]="this.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>考试科目</th>
                  <th>考区名称</th>
                  <th>违规事实</th>
                  <th>违规处理结果</th>
                  <th style="width: 100px;" align="center">告知书</th>
                  <th style="width: 80px;" align="center">决定书</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.ticket_no}}</td>
                  <td>{{item.std_name}}</td>
                  <td>{{item.cert_no}}</td>
                  <td align="center">{{getExamTime(item.exam_time_id)}}</td>
                  <td>{{item.course_code}}-{{item.course_name}}</td>
                  <td>{{item.agent_name}}</td>

                  
                  <td>{{getItemName(item.item_id)}}</td>
                  <td>{{getRuleName(item.rule_id)}}</td>
                  <td align="center">
                    <a href="#" (click)="goQueryUploadFileForNotice(queryNoticeFileTemplateModal,item,'告知书')" title="上传告知书">告知书</a>
                  </td>
                  <td align="center">
                    <a href="#" (click)="goQueryUploadFileForNotice(queryDecisionFileTemplateModal,item,'决定书')" title="上传决定书">决定书</a>
                  </td>
                  <td align="center">
                    <!--
	              <a href="#" *ngIf="item.optr_id>0" frameRole res="optr_manage" (click)="this.goEdit(editTemplateModal,'modal','modal-lg',item)" title="编辑"><em class="fa-lg fas fa-edit mr-1"></em></a>
	              <a href="#" *ngIf="item.optr_id>0" frameRole res="optr_manage" (click)="this.delete(item)" title="删除"><em class="fa-lg fas fa-trash mr-1" style="color:#F56D6D"></em></a>
	              -->
                    <a href="#" (click)="this.goEdit(editTemplateModal,'modal','modal-lg',item)" title="编辑"><em class="fa-lg fas fa-edit mr-1"></em></a>
                    <a href="#" (click)="this.deleteOne(item)" title="删除"><em class="fa-lg fas fa-trash mr-1" style="color:#F56D6D"></em></a>
                    <!-- <a href="#" *ngIf="item.optr_id>0" frameRole res="optr_manage" (click)="this.goEdit(editTemplateModal,'modal','modal-lg',item)"><em class="fa-md fas fa-edit "></em></a>
	              <a href="#" *ngIf="item.optr_id>0" frameRole res="optr_manage" (click)="this.goEdit(editTemplateModal,'modal','modal-lg',item)"><em class="fa-md fas fa-edit "></em></a> -->
                  </td>
                </tr>
              </tbody>
            </table>
            <!-- TODO -->
            <frame-pager [url]="QUERY_URL" hideSearch="true" [autoLoad]="false" hasCheck="true" #framePager (preReqEvent)="this.search($event)"></frame-pager>
          </div>

          <!-- 编辑页面 -->
          <div class="col-lg-12" *ngIf="this.item && this.editShowType != null &&this.editShowType!='modal'">
            <ng-container *ngTemplateOutlet="editTemplateModal">
            </ng-container>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- only编辑页面 -->
  <div class="col-lg-12" *ngIf="this.item && this.editShowType != null && this.editShowType =='only'">
    <ng-container *ngTemplateOutlet="editTemplateModal">
    </ng-container>
  </div>
</div>


<!--导入选择年度码模态窗口-->
<ng-template #importModal>
  <div class="modal-content">
      <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)="this.hideModal();">×</button>
      </div>
    
      <!-- 1@3 -->
      <div class="modal-body">
          <div [ngTemplateOutlet]="impPopupTemplate"></div>
      </div>
    
      <div class="modal-footer">
          <button class="btn btn-info" (click)="importFunc()">
            <i class="fa fa-info-circle"> </i> 导入
          </button>
      </div>
  </div>
</ng-template> 

<ng-template #impPopupTemplate>
  <div class="form-inline" >
      <label>考试批次：</label>
      <flex-select [allowClear]="true"
          [(items)] = "examTimeIdArray"
          respDataPath= "array"
          optionValueField="id"
          optionTextField="exam_year_month"
          [(ngModel)]="impParam.exam_time_id"
          placeholder="请选择"
          [ngModelOptions]="{standalone: true}"
          width = "80"
          noResultsFound = "无数据"
          >
      </flex-select>
  </div>
  <div class="row">
      <frame-uploader #uploader [silenceUpload]="true" [autoUpload]="true" [(uploadUrl)]="UPLOAD_URL"></frame-uploader>
  </div>
</ng-template>


<ng-template #editFormTemplate>
  <form [formGroup]="formModel" *ngIf="item" class="form-validate form-horizontal" novalidate="">
      <input type="hidden" class="form-control" formControlName="id" [(ngModel)]="this.item.id" [formControl]="this.formModel.controls['id']" />
      <div class="row mb-1">
          <label class="col-lg-2 col-form-label text-lg-right"><font style="color:red">*</font>考试时间</label>
          <div class="col-lg-4">
              <select class="custom-select" style="width:340px;" formControlName="exam_time_id" 	[formControl]="this.formModel.get('exam_time_id')" [(ngModel)]="item.exam_time_id" (change)="examTimeAndStd_coursesChange()">
                <option *ngFor="let item of examTimeIdArray" [value]="item.id">{{item.exam_year_month}}</option>
              </select>
              <span class="text-danger" *ngIf="formModel.get('exam_time_id').hasError('required') && (formModel.get('exam_time_id').dirty || formModel.get('exam_time_id').touched)">请选择考试时间</span>
          </div>

          <label class="col-lg-2 col-form-label text-lg-right"><font style="color:red">*</font>考生姓名</label>
          <div class="col-lg-4">
            <div class="input-group">
              <std-reg-info-modal #stdRegInfoModal size="lg" selectType="s" (confirm) = "stdRegInfoModalConfirm($event)" ></std-reg-info-modal>
              <input class="form-control" type="text"  formControlName="std_name" [formControl]="formModel.get('std_name')"
                [(ngModel)]="item.std_name" (click)="stdRegInfoModal.show()"/>
                <div class="input-group-append">
                  <div class="input-group-text"><i class="icon-user" style="cursor: pointer;" (click)="stdRegInfoModal.show()"></i></div>
                </div>
            </div>
            <span class="text-danger" *ngIf="this.formModel.get('std_name').hasError('required') && (this.formModel.get('std_name').dirty || this.formModel.get('std_name').touched)">请输入考生姓名</span>
          </div>
      </div>
      <div class="row mb-1">
  
       

        <label class="col-lg-2 col-form-label text-lg-right"><font style="color:red">*</font>准考证号</label>
        <div class="col-lg-4">
  
          <input class="form-control" type="text" style="width:340px;" disabled formControlName="ticket_no" [formControl]="this.formModel.get('ticket_no')"
            [(ngModel)]="this.item.ticket_no" />
  
          <span class="text-danger" *ngIf="this.formModel.get('ticket_no').hasError('required') && (this.formModel.get('ticket_no').dirty || this.formModel.get('ticket_no').touched)">请输入准考证号</span>
          <span class="text-danger" *ngIf="this.formModel.get('ticket_no').hasError('pattern') && (this.formModel.get('ticket_no').dirty || this.formModel.get('ticket_no').touched)">准考证号只能为数字和字母</span>
        </div>
  
        <label class="col-lg-2 col-form-label text-lg-right"><font style="color:red">*</font>证件号码</label>
        <div class="col-lg-4">
  
          <input class="form-control" type="text" disabled formControlName="cert_no" [formControl]="this.formModel.get('cert_no')"
            [(ngModel)]="this.item.cert_no" />
  
          <span class="text-danger" *ngIf="this.formModel.get('cert_no').hasError('required') && (this.formModel.get('cert_no').dirty || this.formModel.get('cert_no').touched)">请输入证件号码</span>
          <span class="text-danger" *ngIf="this.formModel.get('cert_no').hasError('pattern') && (this.formModel.get('cert_no').dirty || this.formModel.get('cert_no').touched)">证件号码只能为数字和字母</span>
        </div>
       
      </div>
      <div class="row mb-1">
       
        

        <label class="col-lg-2 col-form-label text-lg-right"><font style="color:red">*</font>考试科目</label>
        <div class="col-lg-4">
            <flex-select [allowClear]="true" [(items)]="courseList" respDataPath="array" optionTextField="full_name_score" optionValueField="course_code"
            [(ngModel)]="item.course_code" placeholder="请选择" width="250" noResultsFound="无数据" (ngModelChange)="examTimeAndStdAndcourses_layoutChange()"
            [ngModelOptions]="{standalone: true}">
            </flex-select>

            </div>

        <label class="col-lg-2 col-form-label text-lg-right"><font style="color:red">*</font>考区名称</label>
          <div class="col-lg-4">
              <!-- [ngModelOptions]="{standalone: true}" -->
            <select class="custom-select" disabled formControlName="agent_id" 	[formControl]="this.formModel.get('agent_id')" [(ngModel)]="item.agent_id">
              <option *ngFor="let item of item_agentArray" [value]="item.id">{{item.exam_name}}</option>
            </select>
    
            <span class="text-danger" *ngIf="this.formModel.get('agent_id').hasError('required') && (this.formModel.get('agent_id').dirty || this.formModel.get('agent_id').touched)">请输入考区名称</span>
          </div>
      </div>
     

      <div class="row mb-1">
        <label class="col-lg-2 col-form-label text-lg-right"><font style="color:red">*</font>违规事实</label>
        <div class="col-lg-10">
            <flex-select [allowClear]="true" [(items)]="itemArray" respDataPath="array" optionTextField="full_name" optionValueField="id"
            [(ngModel)]="item.item_id" placeholder="请选择" width="625" noResultsFound="无数据" (ngModelChange)="changeItem()"
            [ngModelOptions]="{standalone: true}">
            </flex-select>
         
  
        </div>
    </div>
    <div class="row mb-1">
      <label class="col-lg-2 col-form-label text-lg-right"><font style="color:red">*</font>违规处理结果</label>
      <div class="col-lg-10">
          <flex-select [allowClear]="true" [(items)]="ruleArray" respDataPath="array" optionTextField="full_name" optionValueField="id"
          [(ngModel)]="item.rule_id" placeholder="请选择" width="625" noResultsFound="无数据"
          [ngModelOptions]="{standalone: true}">
          </flex-select>

      

      </div>
  </div>
      
      <div class="row mb-1">
  
        <label class="col-lg-2 col-form-label text-lg-right">停考/延期开始时间</label>
        <div class="col-lg-4">
  
          <div class="input-group">
            <input class="form-control" type="text" DateTimePicker [dpType]="'date'" [dpValue]="item.stop_starttime"
              formControlName="stop_starttime" [formControl]="this.formModel.get('stop_starttime')" [(ngModel)]="item.stop_starttime" />
            <div class="input-group-append">
              <div class="input-group-text"><i class="icon-calendar"></i></div>
            </div>
          </div>
  
        </div>
  
        <label class="col-lg-2 col-form-label text-lg-right">停考/延期结束时间</label>
        <div class="col-lg-4">
  
          <div class="input-group">
            <input class="form-control" type="text" DateTimePicker [dpType]="'date'" [dpValue]="item.stop_endtime"
              formControlName="stop_endtime" [formControl]="this.formModel.get('stop_endtime')" [(ngModel)]="item.stop_endtime" />
            <div class="input-group-append">
              <div class="input-group-text"><i class="icon-calendar"></i></div>
            </div>
          </div>
  
        </div>
      </div>
      
      <div class="row mb-1">
          <label class="col-lg-2 col-form-label text-lg-right">违纪材料</label>
          <div class="col-lg-10 col-form-label">
              <button *ngIf="(item.audit_status && item.audit_status ==1)||!item.id" class="btn btn-info" (click)="uploadFile()">
                  <i class="fa fa-info-circle"> </i> 上传
              </button>&nbsp;&nbsp;&nbsp;&nbsp;
              <span *ngIf="item.file_name && !item.id">{{item.file_name}}</span>
              <span *ngIf="item.file_name && item.id"><a href="#" (click)="downloadFile(item.id);">{{item.file_name}}</a></span>
              <input type="hidden" class="form-control" [(ngModel)]="item.file_path"  formControlName="file_path" [formControl]="formModel.controls['file_path']"/>
         
    
           
    
          </div>
      </div>
    
  </form>
</ng-template>

<ng-template #editTemplateModal>
  <div class="modal-content" style="width: 900px;">
    <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)="this.hideModal()">×</button>
    </div>

    <!-- 1@3 -->
    <div class="modal-body" >
      <div [ngTemplateOutlet]="editFormTemplate"></div>
    </div>

    <div class="modal-footer">
      <button class="btn btn-info" (click)="save()">
        <i class="fa fa-info-circle"> </i> 保存
      </button>
      <button class="btn btn-default" (click)="this.hideModal()">
        <i class="icon-close"> </i> 取消
      </button>
    </div>
  </div>
</ng-template>

<!-- 查看告知书界面 -->
<ng-template #queryNoticeFileTemplateModal>
  <div class="modal-content">
    <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)="bsModalWin.hide()">×</button>
    </div>

    <!-- 1@3 -->
    <div class="modal-body">
      <div [ngTemplateOutlet]="queryNoticeFileTemplate"></div>
    </div>

    <div class="modal-footer">
        <button class="btn mr-1 btn-sm btn-primary" (click)="goUploadFile(uploadNoticeFileTemplateModal)"
        data-toggle="tooltip" data-placement="left" title="上传告知书">
        <i class="fa fa-upload">上传告知书</i>
      </button>

      <button class="btn btn-default" (click)="bsModalWin.hide()">
        <i class="icon-close"> </i> 关闭
      </button>
    </div>
  </div>
</ng-template>

<ng-template #queryNoticeFileTemplate>
  <div class="container">

    <div class="row" >
      <div class="col-sm-12 ml-0">
        <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 align="center">身份证号</th>
              <th  align="center">上传时间</th>
              <th align="center">
                  操作
              </th>
            </tr>
          </thead>
          <tbody>
            <tr *ngFor="let item of fileNoticeList; let i = index" >
              <td>{{i+1}} </td>
              <td align="center">{{item.exam_year_month}}</td>
              <td align="center">{{item.ticket_no}}</td>
              <td align="center">{{item.std_name}}</td>
              <td align="center">{{item.cert_no}}</td>

              <td align="center">{{item.create_time}}</td>
              <td align="center">
                <a href="#" (click)="deleteFile(item,'告知书')" title="删除"><em
                    class="fa-lg fas fa-trash mr-1" style="color:#F56D6D"></em></a>&nbsp;
                    <a href="#" (click)="checkUploadFile(item,'告知书')" title="{{item.file_url}}">下载告知书</a>
              </td>
              
            </tr>
          </tbody>
        </table>
       
      </div>
      
  
    </div>

  </div>
</ng-template>

<!-- 查看告决定书界面 -->
<ng-template #queryDecisionFileTemplateModal>
  <div class="modal-content">
    <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)="bsModalWin.hide()">×</button>
    </div>

    <!-- 1@3 -->
    <div class="modal-body">
      <div [ngTemplateOutlet]="queryDecisionFileTemplate"></div>
    </div>

    <div class="modal-footer">
        <button class="btn mr-1 btn-sm btn-primary" (click)="goUploadFile(uploadDecisionFileTemplateModal)"
        data-toggle="tooltip" data-placement="left" title="上传决定书">
        <i class="fa fa-upload">上传决定书</i>
      </button>

      <button class="btn btn-default" (click)="bsModalWin.hide()">
        <i class="icon-close"> </i> 关闭
      </button>
    </div>
  </div>
</ng-template>

<ng-template #queryDecisionFileTemplate>
  <div class="container">

    <div class="row" >
      <div class="col-sm-12 ml-0">
        <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 align="center">身份证号</th>
              <th  align="center">上传时间</th>
              <th align="center">
                  操作
              </th>
            </tr>
          </thead>
          <tbody>
            <tr *ngFor="let item of fileNoticeList; let i = index" >
              <td>{{i+1}} </td>
              <td align="center">{{item.exam_year_month}}</td>
              <td align="center">{{item.ticket_no}}</td>
              <td align="center">{{item.std_name}}</td>
              <td align="center">{{item.cert_no}}</td>

              <td align="center">{{item.create_time}}</td>
              <td align="center">
                <a href="#" (click)="deleteFile(item,'决定书')" title="删除"><em
                    class="fa-lg fas fa-trash mr-1" style="color:#F56D6D"></em></a>&nbsp;
                    <a href="#" (click)="checkUploadFile(item,'决定书')" title="{{item.file_url}}">下载决定书</a>
              </td>
              
            </tr>
          </tbody>
        </table>
       
      </div>
      
  
    </div>

  </div>
</ng-template>

<!-- 上传文件界面 -->
<ng-template #uploadNoticeFileTemplateModal>
  <div class="modal-content">
    <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)="bsModalWin2.hide()">×</button>
    </div>

    <!-- 1@3 -->
    <div class="modal-body">
      <div [ngTemplateOutlet]="uploadNoticeFileTemplate"></div>
    </div>

    <div class="modal-footer">
      <button class="btn btn-info" (click)="uploadFile('告知书')">
        <i class="fa fa-info-circle"> </i> 上传告知书
      </button>
      <button class="btn btn-default" (click)="bsModalWin2.hide()">
        <i class="icon-close"> </i> 取消
      </button>
    </div>
  </div>
</ng-template>




<ng-template #uploadNoticeFileTemplate>
  <div class="container">

    <div class="row">
      <div class="col-lg-12">
        <h4>说明：</h4>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-12">
        <p>1、请上传有效的附件（如盖章等）；</p>
        <p>2、上传材料后，考生即可查看到。</p>
      </div>
    </div>

  </div>
</ng-template>


<!-- 上传文件界面 -->
<ng-template #uploadDecisionFileTemplateModal>
  <div class="modal-content">
    <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)="bsModalWin2.hide()">×</button>
    </div>

    <!-- 1@3 -->
    <div class="modal-body">
      <div [ngTemplateOutlet]="uploadNoticeFileTemplate"></div>
    </div>

    <div class="modal-footer">
      <button class="btn btn-info" (click)="uploadFile('决定书')">
        <i class="fa fa-info-circle"> </i> 上传决定书
      </button>
      <button class="btn btn-default" (click)="bsModalWin2.hide()">
        <i class="icon-close"> </i> 取消
      </button>
    </div>
  </div>
</ng-template>



<div class="mt-5">
  <frame-uploader #uploaderFile [silenceUpload]="true" [autoUpload]="true" [uploadUrl]="UPLOAD_FILE_URL">
  </frame-uploader>
</div>
