Skip to content
plan-modal.component.html 8.21 KiB
Newer Older
wangqinghua's avatar
wangqinghua committed
<!--添加资源-->
<nz-modal [nzWidth]="1080" [(nzVisible)]="isVisiable" [nzTitle]="title" (nzOnCancel)="handleEditCancel()" (nzOnOk)="handEditleOk()">
  <form nz-form [formGroup]="validateForm">
    <div nz-form class="ant-advanced-search-form form-select">
      <div nz-row [nzGutter]="24">
        <div nz-col [nzSpan]="12">
          <nz-form-item nzFlex>
            <nz-form-label [nzOffset]="4" [nzSpan]="6" nzRequired nzFor="title">计划标题</nz-form-label>
            <nz-form-control [nzSpan]="14">
              <input id="title" name="title" nz-input placeholder="计划标题" formControlName="title">
wangqinghua's avatar
wangqinghua committed
              <nz-form-explain *ngIf="validateForm.get('title').dirty && validateForm.get('title').errors">请输入计划标题</nz-form-explain>

wangqinghua's avatar
wangqinghua committed
            </nz-form-control>
          </nz-form-item>
        </div>

        <div nz-col [nzSpan]="12">
          <nz-form-item nzFlex>
wangqinghua's avatar
wangqinghua committed
            <nz-form-label [nzSpan]="6" nzRequired nzFor="typeId">计划类型</nz-form-label>
wangqinghua's avatar
wangqinghua committed
            <nz-form-control [nzSpan]="14">
              <nz-select id="typeId" name="typeId" nzPlaceHolder="计划类型" formControlName="typeId">
                <ng-container *ngFor="let item of planList">
                  <nz-option [nzValue]="item.id" [nzLabel]="item.name"></nz-option>
                </ng-container>
              </nz-select>
wangqinghua's avatar
wangqinghua committed
              <nz-form-explain *ngIf="validateForm.get('typeId').dirty && validateForm.get('typeId').errors">请选择计划类型</nz-form-explain>

wangqinghua's avatar
wangqinghua committed
            </nz-form-control>
          </nz-form-item>
        </div>
      </div>

      <div nz-row [nzGutter]="24">
        <div nz-col [nzSpan]="12">
          <nz-form-item nzFlex>
            <nz-form-label [nzOffset]="4" [nzSpan]="6" nzRequired nzFor="secondLevelType">
              开始日期
            </nz-form-label>
            <nz-form-control [nzSpan]="14">
              <nz-date-picker
                      nzShowTime
                      formControlName="startTime"
                      nzPlaceHolder="开始时间"
              ></nz-date-picker>
wangqinghua's avatar
wangqinghua committed
              <nz-form-explain *ngIf="validateForm.get('startTime').dirty && validateForm.get('startTime').errors">请选择开始时间</nz-form-explain>

wangqinghua's avatar
wangqinghua committed
            </nz-form-control>
          </nz-form-item>
        </div>

        <div nz-col [nzSpan]="12">
          <nz-form-item nzFlex>
wangqinghua's avatar
wangqinghua committed
            <nz-form-label [nzSpan]="6" nzRequired nzFor="serialnoA">终止日期</nz-form-label>
wangqinghua's avatar
wangqinghua committed
            <nz-form-control [nzSpan]="14">
              <nz-date-picker
                      nzShowTime
                      nzFormat="yyyy-MM-dd HH:mm:ss"
                      formControlName="endTime"
                      nzPlaceHolder="结束时间"
              ></nz-date-picker>
wangqinghua's avatar
wangqinghua committed
              <nz-form-explain *ngIf="validateForm.get('endTime').dirty && validateForm.get('endTime').errors">请选择终止日期</nz-form-explain>

wangqinghua's avatar
wangqinghua committed
            </nz-form-control>
          </nz-form-item>
        </div>
      </div>

      <div nz-row [nzGutter]="24">
        <div nz-col [nzSpan]="12">
          <nz-form-item nzFlex>
            <nz-form-label [nzOffset]="4" [nzSpan]="6" nzRequired nzFor="secondLevelType">
              循环周期
            </nz-form-label>
            <nz-form-control [nzSpan]="7">
wangqinghua's avatar
wangqinghua committed
            <nz-select name="cycleType" name="cycleType" nzPlaceHolder="周期" formControlName="cycleType">
wangqinghua's avatar
wangqinghua committed
              <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>
wangqinghua's avatar
wangqinghua committed
              <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">
wangqinghua's avatar
wangqinghua committed
              <nz-select name="cycleNum" name="cycleNum"  nzPlaceHolder="次数" formControlName="cycleNum">
wangqinghua's avatar
wangqinghua committed
                <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-control [nzSpan]="6">

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

        <div nz-col [nzSpan]="12">
          <nz-form-item nzFlex>
wangqinghua's avatar
wangqinghua committed
            <nz-form-label [nzSpan]="6" nzRequired nzFor="number">巡检人数</nz-form-label>
wangqinghua's avatar
wangqinghua committed
            <nz-form-control [nzSpan]="14">
wangqinghua's avatar
wangqinghua committed
              <nz-select name="number" nzPlaceHolder="巡检人数" formControlName="number">
wangqinghua's avatar
wangqinghua committed
                <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>
wangqinghua's avatar
wangqinghua committed
              <nz-form-explain *ngIf="validateForm.get('number').dirty && validateForm.get('number').errors">请选择巡检人数</nz-form-explain>

wangqinghua's avatar
wangqinghua committed
            </nz-form-control>
          </nz-form-item>
        </div>
      </div>

wangqinghua's avatar
wangqinghua committed
      <!--<nz-form-item>-->
        <!--<nz-form-label [nzSpan]="4" nzFor="serviceid">计划工作量</nz-form-label>-->
        <!--<nz-form-control [nzSpan]="14">-->
wangqinghua's avatar
wangqinghua committed

wangqinghua's avatar
wangqinghua committed
        <!--</nz-form-control>-->
      <!--</nz-form-item>-->
wangqinghua's avatar
wangqinghua committed

wangqinghua's avatar
wangqinghua committed
      <div nz-row [nzGutter]="24">
        <div nz-col [nzSpan]="12">
          <nz-form-item nzFlex>
            <nz-form-label [nzOffset]="4" [nzSpan]="6" nzRequired nzFor="title">参与人</nz-form-label>
            <nz-form-control [nzSpan]="14">
              <button (click)="selectPerson1()" nz-button><span>选择</span></button>
              <ng-container *ngFor="let item1 of participantsList;let i = index;">
                <span>{{item1.username}}</span><span (click)="delete1(i)">X</span>
              </ng-container>
            </nz-form-control>
          </nz-form-item>
        </div>
      </div>

      <div nz-row [nzGutter]="24">
        <div nz-col [nzSpan]="12">
          <nz-form-item nzFlex>
            <nz-form-label [nzOffset]="4" [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 (click)="delete2(i)">X</span>
              </ng-container>
            </nz-form-control>
          </nz-form-item>
        </div>
      </div>

      <div nz-row [nzGutter]="24">
        <div nz-col [nzSpan]="12">
          <nz-form-item nzFlex>
wangqinghua's avatar
wangqinghua committed
            <nz-form-label [nzOffset]="4" [nzSpan]="6" nzFor="description">计划描述</nz-form-label>
wangqinghua's avatar
wangqinghua committed
            <nz-form-control [nzSpan]="14">
              <textarea nz-input id="description" name="description" formControlName="description" placeholder="计划描述" [nzAutosize]="{ minRows: 2, maxRows: 6 }"></textarea>
            </nz-form-control>
          </nz-form-item>
        </div>
      </div>

      <div nz-row [nzGutter]="24">
        <div nz-col [nzSpan]="12">
          <nz-form-item nzFlex>
wangqinghua's avatar
wangqinghua committed
            <nz-form-label [nzOffset]="4" [nzSpan]="6" nzFor="file">附件</nz-form-label>
wangqinghua's avatar
wangqinghua committed
            <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>
        </div>
      </div>
wangqinghua's avatar
wangqinghua committed
    </div>
  </form>
</nz-modal>
wangqinghua's avatar
wangqinghua committed
<smart-select-person #smartSelectPerson (done)="getUser($event)"></smart-select-person>