Skip to content
plan-config.component.html 10.3 KiB
Newer Older
wangqinghua's avatar
wangqinghua committed
<!--添加资源-->
<nz-modal [nzWidth]="1080" [(nzVisible)]="isVisiable" [nzTitle]="title" (nzOnCancel)="handleEditCancel()"
          (nzOnOk)="handEditleOk()" [nzOkLoading]="isLoading" >
    <div nz-row [nzGutter]="8">
        <div nz-col [nzSpan]="12">
            <nz-card nzTitle="基本信息">
                <form nz-form [formGroup]="validateForm">
                    <nz-form-item>
                        <nz-form-label [nzSpan]="6" nzFor="title">计划标题</nz-form-label>
                        <nz-form-control [nzSpan]="14">
                            <input nz-input id="title" formControlName="title">
                            <nz-form-explain
                                    *ngIf="validateForm.get('title').dirty && validateForm.get('title').errors">
                                请输入计划标题
                            </nz-form-explain>
                        </nz-form-control>
                    </nz-form-item>

                    <nz-form-item>
                        <nz-form-label [nzSpan]="6" nzFor="typeId">计划类型</nz-form-label>
                        <nz-form-control [nzSpan]="14">
                            <nz-select name="typeId" formControlName="typeId" id="typeId" nzPlaceHolder="选择计划类型">
                                <ng-container *ngFor="let item of planList">
                                    <nz-option [nzValue]="item.id" [nzLabel]="item.name"></nz-option>
                                </ng-container>
                            </nz-select>
                        </nz-form-control>
                    </nz-form-item>

                    <nz-form-item>
                        <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="createUserName">创建人</nz-form-label>
                        <nz-form-control [nzSm]="14" [nzXs]="24">
                            <input nz-input formControlName="createUserName" disabled id="createUserName">
                        </nz-form-control>
                    </nz-form-item>
                    <nz-form-item>
                        <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="createOrganizationName">所在部门</nz-form-label>
                        <nz-form-control [nzSm]="14" [nzXs]="24">
                            <input disabled nz-input formControlName="createOrganizationName"
                                   id="createOrganizationName">
                        </nz-form-control>
                    </nz-form-item>

                    <nz-form-item>
                        <nz-form-label [nzSpan]="6" nzFor="startTime">开始日期</nz-form-label>
                        <nz-form-control [nzSpan]="14">
                            <nz-date-picker
                                    nzShowTime
                                    nzFormat="yyyy-MM-dd"
                                    formControlName="startTime"
                                    nzPlaceHolder="开始时间"
                                    [nzDisabled]="isDisabled"
                            ></nz-date-picker>
                            <nz-form-explain
                                    *ngIf="validateForm.get('startTime').dirty && validateForm.get('startTime').errors">
                                请选择开始时间
                            </nz-form-explain>
                        </nz-form-control>
                    </nz-form-item>

                    <nz-form-item>
                        <nz-form-label [nzSpan]="6" nzFor="endTime">结束日期</nz-form-label>
                        <nz-form-control [nzSpan]="14">
                            <nz-date-picker
                                    nzShowTime
                                    nzFormat="yyyy-MM-dd"
                                    formControlName="endTime"
                                    nzPlaceHolder="结束时间"
                            ></nz-date-picker>
                            <nz-form-explain
                                    *ngIf="validateForm.get('endTime').dirty && validateForm.get('endTime').errors">
                                请选择结束日期
                            </nz-form-explain>

                        </nz-form-control>
                    </nz-form-item>

                    <nz-form-item>
                        <nz-form-label [nzSpan]="6" nzRequired nzFor="cycleType">
                            循环周期
                        </nz-form-label>
                        <nz-form-control [nzSpan]="7">
                            <nz-select name="cycleType" name="cycleType" nzPlaceHolder="周期"
                                       formControlName="cycleType">
                                <nz-option nzValue="0" nzLabel="每天"></nz-option>
                                <nz-option nzValue="1" nzLabel="工作日"></nz-option>
                                <nz-option nzValue="2" nzLabel="每周"></nz-option>
                                <nz-option nzValue="3" nzLabel="每月"></nz-option>
                                <nz-option nzValue="4" nzLabel="每季度"></nz-option>
                                <nz-option nzValue="5" nzLabel="每半年"></nz-option>
                                <nz-option nzValue="6" nzLabel="无"></nz-option>
                            </nz-select>
                            <nz-form-explain
                                    *ngIf="validateForm.get('cycleType').dirty && validateForm.get('cycleType').errors">
                                请选择循环周期
                            </nz-form-explain>
                        </nz-form-control>
                        <nz-form-control [nzSpan]="6" *ngIf="validateForm.value.cycleType != 6">
                            <nz-select name="cycleNum" name="cycleNum" nzPlaceHolder="次数"
                                       formControlName="cycleNum">
                                <nz-option nzValue="1" nzLabel="1"></nz-option>
                                <nz-option nzValue="2" nzLabel="2"></nz-option>
                                <nz-option nzValue="3" nzLabel="3"></nz-option>
                                <nz-option nzValue="4" nzLabel="4"></nz-option>
                                <nz-option nzValue="5" nzLabel="5"></nz-option>
                            </nz-select>
                        </nz-form-control>
                    </nz-form-item>

                    <nz-form-item>
                        <nz-form-label [nzSpan]="6" nzFor="maintainProjectName">关联项目</nz-form-label>
                        <nz-form-control [nzSpan]="14">
                            <input disabled nz-input id="maintainProjectName" style="width: 70%;display: inline-block"
                                   formControlName="maintainProjectName">
                            <button nz-button nzType="primary" (click)="showProjectmodal()">选择</button>
                        </nz-form-control>
                    </nz-form-item>

                    <nz-form-item>
                        <nz-form-label [nzSpan]="6" nzRequired nzFor="title">负责人
                        </nz-form-label>
                        <nz-form-control [nzSpan]="14">
                            <button (click)="selectPerson2()" nz-button><span>选择</span></button>
                            <ng-container *ngFor="let item2 of principalsList;let i = index;">
                                <span>{{item2.username}}</span><span class="cursor main-color"
                                                                     style="margin: 0px 10px 0px 5px;"
                                                                     (click)="delete2(i)">X</span>
                            </ng-container>
                        </nz-form-control>
                    </nz-form-item>

                </form>
            </nz-card>
        </div>
        <div nz-col [nzSpan]="12">
            <nz-card nzTitle="详细信息">
                <form nz-form [formGroup]="validateForm">
                    <nz-form-item>
                        <nz-form-label [nzSpan]="6" nzRequired nzFor="remindTime">派单时间</nz-form-label>
                        <nz-form-control [nzSpan]="14">
                            <nz-select id="remindTime" name="remindTime" nzPlaceHolder="派单时间"
                                       formControlName="remindTime">
                                <ng-container *ngFor="let item of remindTime">
                                    <nz-option [nzValue]="item.value" [nzLabel]="item.label"></nz-option>
                                </ng-container>
                            </nz-select>
                            <nz-form-explain
                                    *ngIf="validateForm.get('remindTime').dirty && validateForm.get('remindTime').errors">
                                请选择派单时间
                            </nz-form-explain>
                        </nz-form-control>
                    </nz-form-item>
                    <nz-form-item>
                        <nz-form-label [nzSpan]="6" nzFor="description">巡检计划描述</nz-form-label>
                        <nz-form-control [nzSpan]="14">
                            <textarea nz-input id="description" name="description" formControlName="description"
                                      placeholder="计划描述"
                                      [nzAutosize]="{ minRows: 4, maxRows: 6 }"></textarea>
                        </nz-form-control>
                    </nz-form-item>
                    <nz-form-item>
                        <nz-form-label [nzSpan]="6" nzFor="file">计划附件</nz-form-label>
                        <nz-form-control [nzSpan]="14">
                            <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-card>
        </div>
    </div>
</nz-modal>
<smart-select-person #smartSelectPerson (done)="getUser($event)"></smart-select-person>
<smart-project-modal #smartProjectModal (done)="getProject($event)"></smart-project-modal>