<div class="panel panel-default">
  <!--标题-->
  <div class="panel-title">
    <nav aria-label="breadcrumb">
      <ol class="breadcrumb">
        <li class="breadcrumb-item active" aria-current="page">发票申请时间设置</li>
      </ol>
    </nav>
  </div>

  <div class="panel-body ml-sm ">
    <form [formGroup]="formModel" (ngSubmit)="save()" class="form-validate form-horizontal" novalidate>
      <div>
        <table class="table table-sm table-bordered  bg-white">
          <tr></tr>
          <tr></tr>
          <tr></tr>
          <tr>
            <div class="row mb-3 ml-1">
              <label class="col-lg-2 col-form-label text-lg-right">考试批次</label>

              <div class="col-lg-4">
                <select class="custom-select" formControlName="exam_time_id" [formControl]="formModel.controls['exam_time_id']"
                  (change)="loadTime(items.exam_time_id)" [(ngModel)]="items.exam_time_id">
                  <option *ngFor="let time of examtimeList" value="{{time.id}}">
                    {{time.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>

              <div class="col-lg-6">
                <table class="table table-sm table-striped table-hover table-bordered bg-white" *ngIf="examTime">
                  <thead>
                    <tr>
                      <th>第一天</th>
                      <th>第二天</th>
                      <th>第三天</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td>{{examTime.exam_first_day}}</td>
                      <td>{{examTime.exam_second_day}}</td>
                      <td>{{examTime.exam_third_day}}</td>
                    </tr>
                  </tbody>
                </table>
              </div>

            </div>


            <div class="row mb-3 ml-1">
              <label class="col-lg-2 col-form-label text-lg-right font-weight-bold">发票申请时间设置</label>
            </div>

            <div class="row mb-3 ml-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" formControlName="start_time" [formControl]="formModel.controls['start_time']"
                    DateTimePicker [dpType]="'time'" [dpValue]="ticketObj.start_time" [(ngModel)]="ticketObj.start_time" />
                  <div class="input-group-append">
                    <div class="input-group-text"><i class="icon-calendar"></i></div>
                  </div>
                </div>
                <span class="text-danger" *ngIf="formModel.get('start_time').hasError('required') && (formModel.get('start_time').dirty || formModel.get('start_time').touched)">请选择发票申请开始时间</span>
              </div>
            </div>

            <div class="row mb-3 ml-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" formControlName="end_time" [formControl]="formModel.controls['end_time']"
                    DateTimePicker [dpType]="'time'" [dpValue]="ticketObj.end_time" [(ngModel)]="ticketObj.end_time" />
                  <div class="input-group-append">
                    <div class="input-group-text"><i class="icon-calendar"></i></div>
                  </div>
                </div>
                <span class="text-danger" *ngIf="formModel.get('end_time').hasError('required') && (formModel.get('end_time').dirty || formModel.get('end_time').touched)">请选择发票申请结束时间</span>
              </div>
            </div>

            <div class="row mb-3 ml-1">
              <div class="col-lg-3"></div>
              <div class="col-lg-3">
                <button class="btn btn-primary mr-1 btn-lg" data-toggle="tooltip" data-placement="left" title="新建">保存</button>
              </div>
            </div>
          </tr>
        </table>
      </div>
    </form>
  </div>

</div>