create-project.component.html

<nz-modal [nzWidth]="780" [(nzVisible)]="isVisible" [nzTitle]="title" (nzOnCancel)="handleCancel()"
          [nzOkLoading]="isOkLoading" [nzFooter]="modalFooter">
    <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" placeholder="项目名称">
                        <nz-form-explain *ngIf="validateForm.get('name').dirty && validateForm.get('name').errors">
                            请输入项目名称
                        </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.label" [nzValue]="item.value"></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" placeholder="项目名称">
                    </nz-form-control>
                </nz-form-item>
                <nz-form-item>
                    <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="companyName">乙方名称</nz-form-label>
                    <nz-form-control [nzSm]="14" [nzXs]="24">
                        <input disabled nz-input formControlName="companyName" style="width: 85%;display: inline-block"
                               placeholder="项目名称"  id="companyName" >
                        <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" placeholder="项目金额">
                    </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"  placeholder="单位负责人" id="officePrincipal">
                    </nz-form-control>
                </nz-form-item>
                <nz-form-item>
                    <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="bprincipalName">乙方维护组长</nz-form-label>
                    <nz-form-control [nzSm]="14" [nzXs]="24">
                        <input disabled nz-input formControlName="bprincipalName" style="width: 85%;display: inline-block"
                               id="bprincipalName"  placeholder="乙方维护组长">
                        <button nz-button nzType="primary" (click)="showSelectPeople()">选择</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 #smartTrackInfo [title]="'跟踪信息'" [maintainType]="2"></smart-track-info>
        </nz-tab>
    </nz-tabset>
    <ng-template #modalFooter>
        <button nz-button nzType="default" (click)="handleCancel()">取消</button>
        <button nz-button nzType="primary" (click)="handleOk(2)" [nzLoading]="isOkLoading">保存</button>
        <button *ngIf="title == '编辑运维项目'" nz-button nzType="primary" (click)="handleOk(0)" [nzLoading]="isOkLoading">启动项目</button>
        <button *ngIf="title == '编辑运维项目'" nz-button nzType="primary" (click)="handleOk(1)" [nzLoading]="isOkLoading">终止</button>
    </ng-template>
</nz-modal>
<!--选择公司-->
<smart-company-modal #smartCompanyModal (done)="getCompany($event)"></smart-company-modal>
<!--选择人员-->
<smart-team-modal #smartTeamModal (done)="setPeople($event)"></smart-team-modal>