create-company.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" 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" nzFor="principal">维护负责人</nz-form-label>
                    <nz-form-control [nzSm]="14" [nzXs]="24">
                        <input nz-input formControlName="principal" id="principal" placeholder="维护负责人">
                        <nz-form-explain *ngIf="validateForm.get('principal').dirty && validateForm.get('principal').errors">
                            请输入维护负责人
                        </nz-form-explain>
                    </nz-form-control>
                </nz-form-item>
                <nz-form-item>
                    <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="phone">联系电话1</nz-form-label>
                    <nz-form-control [nzSm]="14" [nzXs]="24">
                        <input nz-input formControlName="phone" id="phone" placeholder="联系电话">
                        <nz-form-explain *ngIf="validateForm.get('phone').dirty && validateForm.get('phone').errors">手机号码错误!
                        </nz-form-explain>
                    </nz-form-control>
                </nz-form-item>
                <nz-form-item>
                    <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="phone2">联系电话2</nz-form-label>
                    <nz-form-control [nzSm]="14" [nzXs]="24">
                        <input nz-input formControlName="phone2" id="phone2" placeholder="联系电话">
                        <nz-form-explain *ngIf="validateForm.get('phone2').dirty && validateForm.get('phone2').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="description">职责描述</nz-form-label>
                    <nz-form-control [nzSm]="14" [nzXs]="24">
                        <textarea formControlName="description" nz-input rows="2" placeholder="职责描述"></textarea>
                    </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]="0"></smart-track-info>
        </nz-tab>
    </nz-tabset>
</nz-modal>