create-project.component.html

<nz-modal [nzWidth]="780" [(nzVisible)]="isVisible" [nzTitle]="title" (nzOnCancel)="handleCancel()"
          (nzOnOk)="handleOk()" [nzOkLoading]="isOkLoading">
  <nz-tabset [(nzSelectedIndex)]="tabNum" [nzType]="'card'" (nzSelectedIndexChange)="tabsChange($event)" style="padding-bottom: 25px;min-height: 500px">
    <nz-tab nzTitle="项目内容">
      <form [formGroup]="validateForm" nz-form>
        <nz-form-item>
          <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="name">项目名称</nz-form-label>
          <nz-form-control [nzSm]="14" [nzXs]="24">
            <input nz-input formControlName="name" id="name">
            <nz-form-explain *ngIf="validateForm.get('name').dirty && validateForm.get('name').errors">
              用户登录名为6到50个字符!
            </nz-form-explain>
          </nz-form-control>
        </nz-form-item>
        <nz-form-item>
          <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="type">项目类型</nz-form-label>
          <nz-form-control [nzSm]="14" [nzXs]="24">
            <nz-select name="type" formControlName="type" id="type" nzPlaceHolder="选择项目类型">
              <ng-container *ngFor="let item of opr_company_type">
                <nz-option [nzLabel]="item.value" [nzValue]="item.key"></nz-option>
              </ng-container>
            </nz-select>
          </nz-form-control>
        </nz-form-item>
        <nz-form-item>
          <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="officeName">项目单位</nz-form-label>
          <nz-form-control [nzSm]="14" [nzXs]="24">
            <input nz-input formControlName="officeName" id="officeName">
          </nz-form-control>
        </nz-form-item>
        <nz-form-item>
          <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="phone">乙方名称</nz-form-label>
          <nz-form-control [nzSm]="14" [nzXs]="24">
            <input nz-input formControlName="phone" id="phone">
            <button nz-button nzType="primary" (click)="showProjectmodal()">选择</button>
          </nz-form-control>
        </nz-form-item>
        <nz-form-item>
          <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="startDate">开始时间</nz-form-label>
          <nz-form-control [nzSm]="14" [nzXs]="24">
            <nz-date-picker
                    [nzFormat]="timeFormat"
                    formControlName="startDate" id="startDate"
                    nzPlaceHolder="终止时间"></nz-date-picker>
          </nz-form-control>
        </nz-form-item>
        <nz-form-item>
          <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="endDate">终止时间</nz-form-label>
          <nz-form-control [nzSm]="14" [nzXs]="24">
            <nz-date-picker
                    [nzFormat]="timeFormat"
                    formControlName="endDate" id="endDate"
                    nzPlaceHolder="终止时间"></nz-date-picker>
          </nz-form-control>
        </nz-form-item>
        <nz-form-item>
          <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="amount">项目金额</nz-form-label>
          <nz-form-control [nzSm]="14" [nzXs]="24">
            <input nz-input formControlName="amount" id="amount">
          </nz-form-control>
        </nz-form-item>
        <nz-form-item>
          <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="officePrincipal">单位负责人</nz-form-label>
          <nz-form-control [nzSm]="14" [nzXs]="24">
            <input nz-input formControlName="officePrincipal" id="officePrincipal">
          </nz-form-control>
        </nz-form-item>
        <nz-form-item>
          <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="aPrincipal">乙方维护组长</nz-form-label>
          <nz-form-control [nzSm]="14" [nzXs]="24">
            <input nz-input formControlName="principal" id="aPrincipal">
            <button nz-button nzType="primary" (click)="showProjectmodal()">选择</button>
          </nz-form-control>
        </nz-form-item>

        <nz-form-item>
          <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="group">项目附件</nz-form-label>
          <nz-form-control [nzSm]="14" [nzXs]="24">
            <nz-upload
                    [nzBeforeUpload]="beforeUpload"
                    [(nzFileList)]="fileList">
              <button nz-button>
                <i class="anticon anticon-upload"></i><span>上传</span>
              </button>
            </nz-upload>
          </nz-form-control>
        </nz-form-item>
      </form>
    </nz-tab>
    <nz-tab nzTitle="跟踪信息">
      <smart-track-info [maintainType]="2"></smart-track-info>
    </nz-tab>
  </nz-tabset>
</nz-modal>