<div class="panel panel-default">

    <div class="panel-title">
        <nav aria-label="breadcrumb">
          <ol class="breadcrumb">
            <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">
                <form class="form-inline">
                  
                  <div class="input-group mr-1 input-group-sm">
                      <label>换证批次：</label>
                      <flex-select [allowClear]="true"
                          [url]= "'pl/plExamTime/listtime.htm'"
                          #exam_time_id
                          respDataPath= "array"
                          optionValueField="id"
                          optionTextField="exam_year_month"
                          [(ngModel)]="query.exam_time_id"
                          placeholder="请选择"
                          width = "60"
                          noResultsFound = "无数据"
                          [ngModelOptions]="{standalone: true}"
                          >
                      </flex-select>
    
                  </div>
                  <div class="input-group mr-1 input-group-sm">
                    <label>姓名：</label>
                    <input name="keyword" [(ngModel)]="query.std_name" style="width: 120px" class="input-sm form-control" type="text" value=""
                      maxlength="64">
    
                  </div>
                  <div class="input-group mr-1 input-group-sm">
                    <label>证件号：</label>
                    <input name="keyword" [(ngModel)]="query.cert_no" class="input-sm form-control" type="text" value=""
                      maxlength="64">
    
                  </div>
                  <div class="input-group mr-1 input-group-sm">
                    <label>准考证号：</label>
                    <input name="keyword" [(ngModel)]="query.ticket_no" class="input-sm form-control" type="text" value=""
                      maxlength="64">
                  </div>
    
                  <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(queryForm)">
                    <i class="fa fa-undo"></i> 重置</button>
                </form>
              </div>
            </div>
    
            <!-- 工具栏 -->
            <div class="row mb-2" [hidden]="editShowType=='only'">
              <div class="col-lg-12">
                <div class="pull-left">
                  <button class="btn btn-primary mr-1 btn-sm" (click)="goBatchStdHz(batchEditModal)" data-toggle="tooltip" data-placement="left"
                  title="考生换证">
                  <i class="fa fa-download"> 考生换证</i>
                  </button>
                 
                </div>
    
              </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>序号</th>
                      <th>姓名</th>
                      <th>证件号</th>
                      <th>准考证号</th>
                      <th>旧准考证号1</th>
                      <th>旧准考证号2</th>
                      <th>专业</th>
                      <th>主考院校</th>
                      <th>性别</th>
                      <th>手机号</th>
                      <th>电子邮箱</th>
                      <!-- <th>状态</th> -->
                      <!-- <th>操作</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'>{{framePager.pageStart + i}}</td>
                      <td>{{item.std_name}}</td>
                      <td>{{item.cert_no}}</td>
                      <td>{{item.ticket_no}}</td>
                      <td>{{item.old_ticket_no1}}</td>
                      <td>{{item.old_ticket_no2}}</td>
                      <td>{{item.major_name}}</td>
                      <td>{{item.school_name}}</td>
                      <td [innerHTML]="item.std_sex | frameDict : 'StdSexType'"></td>
                      <td>{{item.std_mobile}}</td>
                      <td>{{item.std_email}}</td>
                      <!-- <td>{{transStatus(item.hz_status)}}</td> -->
                      <!-- <td>
                          <button class="btn btn-sm" (click)="goBatchStdHz(batchEditModal,item)">
                              注册
                          </button>  
                      </td> -->
                      
                 
                    </tr>
                  </tbody>
                </table>
                <!-- TODO -->
                <frame-pager [url]="QUERY_URL" hideSearch="true" hasCheck="true" #framePager (preReqEvent)="search($event)"></frame-pager>
              </div>
    
           
            </div>
          </div>
        </div>
      </div>
</div>

<ng-template #batchEditModal>
  <div class="modal-content modal-lg col-lg-12">
    <div class="modal-header info-success-qm">
      <div class="pull-left">
         老生换证  <span *ngIf="batchItem && batchItem.old_ticket_no1" style="color:red;"> 已关联准考证号 {{batchItem.old_ticket_no1}} {{batchItem.old_ticket_no2}}</span>
      </div>
    </div>

    <div class="modal-body">
      <table style="width: 100%">
        <tr>
          <td style="vertical-align: top;width: 100%">
            <form [formGroup]="batchFormModel" class="form-validate form-horizontal">
              <!-- 考生信息 -->
              <table style="width: 100%;">
                <tr>
                  <td style="width: 15%;" align="right">准考证号：</td>
                  <td  style="width: 35%;">
                    <font style="font-size: 14px;color: red">
                      {{batchItem.ticket_no?batchItem.ticket_no:'暂无，上报后生成'}}
                    </font>
                  </td>
                  <td rowspan="5" colspan="2" style="vertical-align: top;" align="center">
                    <img *ngIf="batchItem.photo_path_full" [src]="batchItem.photo_path_full" style="width: 160px;height: 190px;">
                    <img *ngIf="!batchItem.photo_path_full" src="" style="width: 160px;height: 190px;">
                  </td>
                </tr>
                <tr>
                  <td align="right" ><label class="required">姓名：</label></td>
                  <td style="width:180px"> 
                      <input class="form-control" type="text" disabled formControlName="std_name" [formControl]="batchFormModel.get('std_name')"[(ngModel)]="batchItem.std_name" />
                      <span class="text-danger" *ngIf="batchFormModel.get('std_name').hasError('required') && (batchFormModel.get('std_name').dirty || batchFormModel.get('std_name').touched)">请输入考生姓名</span>
                  </td>
                </tr>
                <tr>
                  <td align="right"><label class="required">证件号码：</label></td>
                  <td>
                      <input class="form-control" type="text" (blur)="certNoBlur($event)" formControlName="cert_no" [formControl]="batchFormModel.get('cert_no')"[(ngModel)]="batchItem.cert_no" />
                      <div class="checkbox c-checkbox input-group-sm">
                          <label>
                            <input type="checkbox" [value] = "isSFZ" [(checked)]="isSFZ" (change)="sfzchange($event)"/>
                            <span class="fa fa-check"></span>
                            身份证
                          </label>
                      </div>
                      <span class="text-danger" *ngIf="batchFormModel.get('cert_no').hasError('required') && (batchFormModel.get('cert_no').dirty || batchFormModel.get('cert_no').touched)">请输入证件号</span>
                      <span class="text-danger" *ngIf="batchFormModel.get('cert_no').hasError('pattern') && (batchFormModel.get('cert_no').dirty || batchFormModel.get('cert_no').touched)">请输入正确的证件号</span>
                  </td>
                </tr>
                <tr>
                  <td align="right"><label class="required">性别：</label></td>
                  <td>
                    <select class="custom-select" formControlName="std_sex" [formControl]="batchFormModel.controls['std_sex']"
                      [(ngModel)]="batchItem.std_sex" frameDict [dictName]="'StdSexType'" [showCode]="true" [tipFlag]="true" [dictValue] = "batchItem.std_sex">
                    </select>
                    <span class="text-danger" *ngIf="batchFormModel.get('std_sex').hasError('required') && (batchFormModel.get('std_sex').dirty || batchFormModel.get('std_sex').touched)">请输入性别</span>
                  </td>
                 
                </tr>
                <tr>
                  <td align="right"><label class="required">考生类型：</label></td>
                  <td>
                    <select class="custom-select" formControlName="std_source" [formControl]="batchFormModel.controls['std_source']"
                      [(ngModel)]="batchItem.std_source" (change)="stdSourceChange($event)">
                      <option  value="">请选择</option>
                      <option  value="1">1 | 社会考生</option>
                      <option  value="3">3 | 助学考生</option>
                    </select>
                    <span class="text-danger" *ngIf="batchFormModel.get('std_source').hasError('required') && (batchFormModel.get('std_source').dirty || batchFormModel.get('std_source').touched)">请输入考生类型</span>
                  </td>
                 
                </tr>
                <tr>
                  <td align="right"><label class="required">民族：</label></td>
                  <td>
                    <select class="custom-select" formControlName="std_nation" [formControl]="batchFormModel.controls['std_nation']"
                      [(ngModel)]="batchItem.std_nation" frameDict [dictName]="'std_nation'"  [showCode]="true" [tipFlag]="true" [dictValue] = "batchItem.std_nation">
                    </select>
                  </td>
                  <td style="width: 85px" align="right"><label class="required">政治面貌：</label></td>
                  <td>
                    <select class="custom-select" formControlName="political_status" [formControl]="batchFormModel.controls['political_status']"
                      [(ngModel)]="batchItem.political_status" frameDict [dictName]="'std_political_status'"  [showCode]="true" [tipFlag]="true" [dictValue] = "batchItem.political_status">
                    </select>
                    <span class="text-danger" *ngIf="batchFormModel.get('political_status').hasError('required') && (batchFormModel.get('political_status').dirty || batchFormModel.get('political_status').touched)">请输入政治面貌</span>
                  </td>
                 
                </tr>
                <tr>
                  <td align="right"><label class="required">学历：</label></td>
                  <td>
                    <select class="custom-select" formControlName="std_edu" [formControl]="batchFormModel.controls['std_edu']"
                      [(ngModel)]="batchItem.std_edu" frameDict [dictName]="'std_edu'"  [showCode]="true" [tipFlag]="true"  [dictValue] = "batchItem.std_edu">
                    </select>
                    <span class="text-danger" *ngIf="batchFormModel.get('std_edu').hasError('required') && (batchFormModel.get('std_edu').dirty || batchFormModel.get('std_edu').touched)">请输入学历</span>
                  </td>
                  <td align="right"><label class="required">户籍：</label></td>
                  <td>
                    <select class="custom-select" formControlName="std_family_reg" [formControl]="batchFormModel.controls['std_family_reg']"
                      [(ngModel)]="batchItem.std_family_reg" frameDict [dictName]="'std_family_reg'"  [showCode]="true" [tipFlag]="true" [dictValue] = "batchItem.std_family_reg">
                    </select>
                    <span class="text-danger" *ngIf="batchFormModel.get('std_family_reg').hasError('required') && (batchFormModel.get('std_family_reg').dirty || batchFormModel.get('std_family_reg').touched)">请输入户籍</span>
                  </td>
                  
                </tr>
    
                <tr>
                  <td align="right"><label class="required">健康状况：</label></td>
                  <td>
                    <select class="custom-select" formControlName="std_healthy" [formControl]="batchFormModel.controls['std_healthy']"
                      [(ngModel)]="batchItem.std_healthy" frameDict [dictName]="'std_healthy'"  [showCode]="true" [tipFlag]="true" [showCode]="true"  [dictValue] = "batchItem.std_healthy">
                    </select>
                    <span class="text-danger" *ngIf="batchFormModel.get('std_healthy').hasError('required') && (batchFormModel.get('std_healthy').dirty || batchFormModel.get('std_healthy').touched)">请输入健康状况</span>
                  </td>
                  <td align="right"><label class="required">职业：</label></td>
                  <td>
                    <select class="custom-select" formControlName="std_occupation" [formControl]="batchFormModel.controls['std_occupation']"
                      [(ngModel)]="batchItem.std_occupation" frameDict [dictName]="'std_occupation'" [showCode]="true" [tipFlag]="true"  [dictValue] = "batchItem.std_occupation">
                    </select>
                    <span class="text-danger" *ngIf="batchFormModel.get('std_occupation').hasError('required') && (batchFormModel.get('std_occupation').dirty || batchFormModel.get('std_occupation').touched)">请输入职业</span>
                  </td>
                </tr>
                <tr>
                  <td align="right"><label class="required">出生日期：</label></td>
                  <td>
                      <div class="input-group">
                          <input class="form-control" readonly type="text" DateTimePicker [dpType]="'date'" [dpValue]="batchItem.std_birth"
                            formControlName="std_birth" [formControl]="this.batchFormModel.get('std_birth')" [(ngModel)]="batchItem.std_birth" />
                            <div class="input-icon">
                              <i class="icon-calendar" ></i>
                            </div>
                      </div>
                      <span class="text-danger" *ngIf="batchFormModel.get('std_birth').hasError('required') && (batchFormModel.get('std_birth').dirty || batchFormModel.get('std_birth').touched)">请输入出生日期</span>
                  </td>
                  <td align="right"><label class="required">手机号码：</label></td>
                  <td>
                      <input class="form-control" type="text" formControlName="std_mobile" [formControl]="batchFormModel.get('std_mobile')"[(ngModel)]="batchItem.std_mobile" />
                      <span class="text-danger" *ngIf="batchFormModel.get('std_mobile').hasError('required') && (batchFormModel.get('std_mobile').dirty || batchFormModel.get('std_mobile').touched)">请输入手机号码</span>
                      <span class="text-danger" *ngIf="batchFormModel.get('std_mobile').hasError('pattern') && (batchFormModel.get('std_mobile').dirty || batchFormModel.get('std_mobile').touched)">请输入手机号码</span>
                  </td>
                </tr>
                <tr>
                  <td align="right"><label class="required">邮编：</label></td>
                  <td>
                      <input class="form-control" maxlength="6" formControlName="std_postcode" [(ngModel)]="batchItem.std_postcode">
                      <span class="text-danger" *ngIf="batchFormModel.get('std_postcode').hasError('required') && (batchFormModel.get('std_postcode').dirty || batchFormModel.get('std_postcode').touched)">请输入邮编</span>
                      <span class="text-danger" *ngIf="batchFormModel.get('std_postcode').hasError('pattern') && (batchFormModel.get('std_postcode').dirty || batchFormModel.get('std_postcode').touched)">请输入正确邮编</span>
                  </td>
                 
                  <td align="right"><label class="required">电子邮箱：</label></td>
                  <td>
                      <input class="form-control" type="text" formControlName="std_email" [formControl]="batchFormModel.get('std_email')"
                      [(ngModel)]="batchItem.std_email" />
                      <span class="text-danger" *ngIf="batchFormModel.get('std_email').hasError('required') && (batchFormModel.get('std_email').dirty || batchFormModel.get('std_email').touched)">请输入邮编</span>
                      <span class="text-danger" *ngIf="batchFormModel.get('std_email').hasError('email') && (batchFormModel.get('std_email').dirty || batchFormModel.get('std_email').touched)">请输入正确的邮编</span>
                  </td>
                </tr>
                <tr>
                  <td align="right"><label class="required">住址：</label></td>
                  <td colspan="3">
                      <input class="form-control" maxlength="50" formControlName="std_address" [(ngModel)]="batchItem.std_address">
                      <span class="text-danger" *ngIf="batchFormModel.get('std_address').hasError('required') && (batchFormModel.get('std_address').dirty || batchFormModel.get('std_address').touched)">请输入联系地址</span>
                  </td>
                </tr>
                <tr>
                  <td align="right">备注：</td>
                  <td colspan="3">
                      <textarea class="form-control" maxlength="50" formControlName="remark" [(ngModel)]="batchItem.remark" rows="2"></textarea>
                      <span class="text-danger" *ngIf="batchFormModel.get('remark').hasError('required') && (batchFormModel.get('remark').dirty || batchFormModel.get('remark').touched)">请输入备注</span>
                  </td>
                </tr>
                <tr>
                    <td align="right">老准考证1：</td>
                    <td colspan="3">
                        {{batchItem.old_ticket_no1}}
                    </td>
                </tr>
                <tr>
                    <td align="right">老准考证2：</td>
                    <td colspan="3">
                        {{batchItem.old_ticket_no2}}
                    </td>
                </tr>

                <tr style="border-top: gainsboro">
                  <td align="right"><label class="required">专业：</label></td>
                  <td colspan="3" *ngIf="batchItem.std_source == 1">
                      <select class="custom-select" formControlName="major_id" [formControl]="batchFormModel.controls['major_id']"
                        [(ngModel)]="batchItem.major_id" (change)="socialMajorChange($event)">
                        <option value=""> {{socialMajorArray.length == 0?'请先选择考生类型刷新数据':'请选择'}}</option>
                        <option  *ngFor="let opt of socialMajorArray" value="{{opt.major_id}}">
                            {{opt.major_code+' | '+opt.major_name}}
                        </option>
                      </select>
                      <span class="text-danger" *ngIf="batchFormModel.get('major_id').hasError('required') && (batchFormModel.get('major_id').dirty || batchFormModel.get('major_id').touched)">请选择专业</span>
                  </td>
                  <td colspan="3" *ngIf="batchItem.std_source != 1">
                      <select class="custom-select" formControlName="major_id" [formControl]="batchFormModel.controls['major_id']"
                        [(ngModel)]="batchItem.major_id">
                        <option value="">请选择</option>
                        <option  *ngFor="let opt of nSocialMajorArray" value="{{opt.major_id}}">
                            {{opt.major_code+' | '+opt.major_name}}
                        </option>
                      </select>
                      <span class="text-danger" *ngIf="batchFormModel.get('major_id').hasError('required') && (batchFormModel.get('major_id').dirty || batchFormModel.get('major_id').touched)">请选择专业</span>
                  </td>
                </tr>
                <tr *ngIf="batchItem.std_source == 1">
                  <td align="right"><label class="required">主考院校：</label></td>
                  <td colspan="3">
                      <select class="custom-select" formControlName="school_id" [formControl]="batchFormModel.controls['school_id']"
                        [(ngModel)]="batchItem.school_id">
                        <option value="">请选择</option>
                        <option *ngFor="let opt of socialSchoolArray" value="{{opt.id}}">
                            {{opt.org_code+' | '+opt.org_name}}
                        </option>
                      </select>
                      <span class="text-danger" *ngIf="batchFormModel.get('school_id').hasError('required') && (batchFormModel.get('school_id').dirty || batchFormModel.get('school_id').touched)">请选择主考院校</span>
                  </td>
                </tr>
                <tr>
                  <td align="right"><label class="required">考区：</label></td>
                  <td colspan="3">
                      <select class="custom-select" formControlName="exam_area_id" [formControl]="batchFormModel.controls['exam_area_id']"
                        [(ngModel)]="batchItem.exam_area_id">
                        <option value="">请选择</option>
                        <option *ngFor="let opt of examAreaOrgArray" value="{{opt.id}}">
                            {{opt.org_code+' | '+opt.org_name}}
                        </option>
                     
                      </select>
                      <span class="text-danger" *ngIf="batchFormModel.get('exam_area_id').hasError('required') && (batchFormModel.get('exam_area_id').dirty || batchFormModel.get('exam_area_id').touched)">请选择考区</span>
                  </td>
                </tr>

                <tr>
                  <td>&nbsp;</td>
                  <td colspan="4">
                    <font style="color:red;">
                      <br>
                      <h4>
                        注意: 考生初始密码为手机号码后6位!
                      </h4>
                    </font>
                  </td>
                </tr>
      
              </table>
            </form>

          </td>
          <td style="vertical-align: top;">
            <!-- 考生列表 -->
            <table style="width: 380px;" class="table table-sm table-striped table-hover table-bordered bg-white">
              <thead>
                  <tr>
                      <th style="width:80px">考号</th>
                      <th style="width:80px">准考证号</th>
                      <th style="width:60px">姓名</th>
                      <th style="width:90px">状态</th>
                    </tr>
              </thead>
              
              <tr *ngFor="let item of  batchFramePager.getRecords(); let i = index" (click)="chooseBatchItem(item)" [ngClass]="(selectedBatchId != null && selectedBatchId == item.zhunkaozhenghao)? 'batchActive':''">
                <td>{{item.kaohao}}</td>
                <td>{{item.zhunkaozhenghao}}</td>
                <td>{{item.xingming}}</td>
                <td>{{transStatus(item.status)}} | {{transStdStatus(item.std_status)}}</td>
              </tr>
              <tr>
                <td colspan="4" align="right">
                  <frame-pager [url]="BATCH_PAGE_QUERY_URL" hideSearch="false" hasCheck="false" hidePager="true" pageLimit="15" (preReqEvent)="batchSearch($event)" #batchFramePager></frame-pager>
                  <div class="row">
                      <div class="col-xl-12 col-md-12">
                          <div class="input-group">
                            <!-- {{batchFramePager.query}} -->
                            <!-- (keyup)="batchFramePager.goSearch($event)"  -->
                            <input class="form-control" style="width: 160px" type="text" [(ngModel)]="batchFramePager.query" placeholder="模糊查询" />
                            <div class="input-group-append">
                              <button id="batchItemsSearchBtn" class="btn btn-outline-secondary bg-white" (click)="batchFramePager.goSearch()"><em class="fa fas fa-search"></em></button>
                            </div>
                          </div>
                        </div>
                      <div class="col-lg-12 col-md-12 mt-2">
                        <div class="col-lg-9 col-md-9 " *ngIf="batchFramePager.records && batchFramePager.records.length > 0 ">
                          <div class="row float-right">
                            <span style="vertical-align:middle;float: left;margin-top: 6px;">
                                <!-- 第{{batchFramePager.pageIndex}}页, -->
                               <!-- 共{{batchFramePager.pageTotal}}页({{batchFramePager.recordTotal}}条数据) -->
                            </span>
                              <ul [class]="batchFramePager.paging === true?'pagination ml-2':'pagination ml-4'">
                                  <li class="pagination-first page-item" *ngIf="batchFramePager.showFirst"><a class="page-link" href="#" (click)="batchFramePager.goFirst()"><em class="fa fas fa-fast-backward"></em></a></li>
                                  <li class="pagination-prev page-item" *ngIf="batchFramePager.hasPrevGroup"><a class="page-link" href="#" (click)="batchFramePager.goPrevGroup()"><em class="fa fa-angle-double-left"></em></a></li>
                                  <ng-container *ngFor="let pg of batchFramePager.pages">
                                    <li [class.active]="pg.active" [class.disabled]="batchFramePager.disabled&&!pg.active" *ngIf="pg.data"  class="pagination-page page-item">
                                      <a class="page-link" [innerHTML]="pg.number" href="#"  (click)="batchFramePager.goPage(pg)"></a>
                                    </li>
                                  </ng-container>
                                  <li class="pagination-next page-item" *ngIf="batchFramePager.hasNextGroup"><a class="page-link" href="#" (click)="batchFramePager.goNextGroup()"><em class="fa fa-angle-double-right"></em></a></li>
                                  <li class="pagination-last page-item" *ngIf="batchFramePager.showLast"><a class="page-link" href="#" (click)="batchFramePager.goLast()"><em class="fa fas fa-fast-forward"></em></a></li>
                              </ul>
                          </div>
                      </div>

                    </div>
                  </div>
                </td>
              </tr>
            </table>
          </td>
        </tr>

      </table>

     

    </div>
    <div class="modal-footer">
        <button class="btn btn-default" (click)="initBatchItemData()">
            数据重置
        </button>
        <button class="btn btn-default" (click)="batchAdd()">
            注册
        </button>
     
        <button class="btn btn-default" (click)="batchUploadPic(uploadPhotoModal)">
            上传照片
        </button>

        <button class="btn btn-default" (click)="batchConfirm()">
            确定换证并迁移历史分数
        </button>

        <button class="btn btn-default" (click)="batchModalWin.hide()">
            退出
        </button>

      
      </div>
  </div>

</ng-template>

<ng-template #uploadPhotoModal>

  <div class="modal-content model-md">
    <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)="batchUploadPhotoModalWin.hide()">×</button>
    </div>
    
    <div class="modal-body">
    
        <input type="file"  ng2FileSelect [uploader]="batchFileuploader" (change)="onChangeSelectFile($event)" />
  
        <button type="button" class="btn btn-primary" (click)="handleUploadFile()">上传</button><br>
          <img *ngIf="!uploadImageUrl" src="assets/img/defaut.png" border="1"  style="border:1px solid #FFFFFF;width: 172px;height: 230px;">
          <img *ngIf="uploadImageUrl" [src]="uploadImageUrl" border="1" style="border:1px solid #FFFFFF;width: 172px;height: 230px;">    
      </div>
    
    <div class="modal-footer">
 
      <button class="btn btn-default" (click)="batchUploadPhotoModalWin.hide()">
        <i class="icon-close"> </i> 取消
      </button>
    </div>
    </div>
</ng-template>

 