From 12b04f145bae740e1971036b1e2dfc1bc224d17b Mon Sep 17 00:00:00 2001 From: fengxiang <110431245@qq.com> Date: Wed, 11 Jul 2018 14:38:47 +0800 Subject: [PATCH] Revert "框架调整" --- src/app/routes/pro/form/advanced-form/advanced-form.component.html | 218 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 218 insertions(+), 0 deletions(-) diff --git a/src/app/routes/pro/form/advanced-form/advanced-form.component.html b/src/app/routes/pro/form/advanced-form/advanced-form.component.html new file mode 100644 index 0000000..37b5748 --- /dev/null +++ b/src/app/routes/pro/form/advanced-form/advanced-form.component.html @@ -0,0 +1,218 @@ +<page-header [title]="'������������'"> + ������������������������������������������������������������������������������������������������������������������������������������������ +</page-header> +<form nz-form [formGroup]="form" (ngSubmit)="_submitForm()" [nzLayout]="'vertical'"> + <nz-card [nzBordered]="false" nzTitle="������������"> + <nz-row nzGutter="16"> + <nz-col nzLg="6" nzMd="12" nzSm="24"> + <nz-form-item> + <nz-form-label nzFor="name">���������</nz-form-label> + <nz-form-control> + <input nz-input formControlName="name" id="name" placeholder="���������������������"> + <nz-form-explain *ngIf="(name.dirty || name.touched) && name.errors?.required"> + ��������������������� + </nz-form-explain> + </nz-form-control> + </nz-form-item> + </nz-col> + <nz-col [nzXl]="{span:6, offset:2}" [nzLg]="{span:8}" [nzMd]="{span:12}" nzSm="24"> + <nz-form-item> + <nz-form-label>������������</nz-form-label> + <nz-form-control> + <nz-input-group nzAddOnBefore="http://" nzAddOnAfter=".com"> + <input nz-input formControlName="url" placeholder="���������"> + </nz-input-group> + <nz-form-explain *ngIf="(url.dirty || url.touched) && url.errors?.required"> + ��������������������� + </nz-form-explain> + </nz-form-control> + </nz-form-item> + </nz-col> + <nz-col [nzXl]="{span:8, offset:2}" [nzLg]="{span:10}" [nzMd]="{span:24}" nzSm="24"> + <nz-form-item> + <nz-form-label>���������������</nz-form-label> + <nz-form-control> + <nz-select formControlName="owner" [nzPlaceHolder]="'������������������'" [nzShowSearch]="true"> + <nz-option *ngFor="let i of users" [nzLabel]="i.label" [nzValue]="i.value"></nz-option> + </nz-select> + <nz-form-explain *ngIf="(owner.dirty || owner.touched) && owner.errors?.required"> + ������������������ + </nz-form-explain> + </nz-form-control> + </nz-form-item> + </nz-col> + </nz-row> + <nz-row nzGutter="16"> + <nz-col nzLg="6" nzMd="12" nzSm="24"> + <nz-form-item> + <nz-form-label>���������</nz-form-label> + <nz-form-control> + <nz-select formControlName="approver" [nzPlaceHolder]="'������������������'" [nzShowSearch]="true"> + <nz-option *ngFor="let i of users" [nzLabel]="i.label" [nzValue]="i.value"> + </nz-option> + </nz-select> + <nz-form-explain *ngIf="(approver.dirty || approver.touched) && approver.errors?.required"> + ������������������ + </nz-form-explain> + </nz-form-control> + </nz-form-item> + </nz-col> + <nz-col [nzXl]="{span:6, offset:2}" [nzLg]="{span:8}" [nzMd]="{span:12}" nzSm="24"> + <nz-form-item> + <nz-form-label>������������</nz-form-label> + <nz-form-control> + <nz-range-picker formControlName="date_range" [nzStyle]="{width: '100%'}"></nz-range-picker> + </nz-form-control> + </nz-form-item> + </nz-col> + <nz-col [nzXl]="{span:8, offset:2}" [nzLg]="{span:10}" [nzMd]="{span:24}" nzSm="24"> + <nz-form-item> + <nz-form-label>������������</nz-form-label> + <nz-form-control> + <nz-select formControlName="type" [nzShowSearch]="true" [nzPlaceHolder]="'���������������������'"> + <nz-option [nzLabel]="'������'" [nzValue]="'private'"></nz-option> + <nz-option [nzLabel]="'������'" [nzValue]="'public'"></nz-option> + </nz-select> + <nz-form-explain *ngIf="(type.dirty || type.touched) && type.errors?.required"> + ��������������������� + </nz-form-explain> + </nz-form-control> + </nz-form-item> + </nz-col> + </nz-row> + </nz-card> + <nz-card [nzBordered]="false" nzTitle="������������"> + <nz-row nzGutter="16"> + <nz-col nzLg="6" nzMd="12" nzSm="24"> + <nz-form-item> + <nz-form-label>���������</nz-form-label> + <nz-form-control> + <input nz-input formControlName="name2" placeholder="������������������"> + <nz-form-explain *ngIf="(name2.dirty || name2.touched) && name2.errors?.required"> + ������������������ + </nz-form-explain> + </nz-form-control> + </nz-form-item> + </nz-col> + <nz-col [nzXl]="{span:6, offset:2}" [nzLg]="{span:8}" [nzMd]="{span:12}" nzSm="24"> + <nz-form-item> + <nz-form-label>������������</nz-form-label> + <nz-form-control> + <textarea nz-input formControlName="summary" [nzAutosize]="true" placeholder="���������������������"></textarea> + <nz-form-explain *ngIf="(summary.dirty || summary.touched) && summary.errors?.required"> + ��������������������� + </nz-form-explain> + </nz-form-control> + </nz-form-item> + </nz-col> + <nz-col [nzXl]="{span:8, offset:2}" [nzLg]="{span:10}" [nzMd]="{span:24}" nzSm="24"> + <nz-form-item> + <nz-form-label>���������</nz-form-label> + <nz-form-control> + <nz-select formControlName="owner2" [nzPlaceHolder]="'������������������'" [nzShowSearch]="true"> + <nz-option *ngFor="let i of users" [nzLabel]="i.label" [nzValue]="i.value"> + </nz-option> + </nz-select> + <nz-form-explain *ngIf="(owner2.dirty || owner2.touched) && owner2.errors?.required"> + ������������������ + </nz-form-explain> + </nz-form-control> + </nz-form-item> + </nz-col> + </nz-row> + <nz-row nzGutter="16"> + <nz-col nzLg="6" nzMd="12" nzSm="24"> + <nz-form-item> + <nz-form-label>���������</nz-form-label> + <nz-form-control> + <nz-select formControlName="approver2" [nzPlaceHolder]="'������������������'" [nzShowSearch]="true"> + <nz-option *ngFor="let i of users" [nzLabel]="i.label" [nzValue]="i.value"></nz-option> + </nz-select> + <nz-form-explain *ngIf="(approver2.dirty || approver2.touched) && approver2.errors?.required"> + ������������������ + </nz-form-explain> + </nz-form-control> + </nz-form-item> + </nz-col> + <nz-col [nzXl]="{span:6, offset:2}" [nzLg]="{span:8}" [nzMd]="{span:12}" nzSm="24"> + <nz-form-item> + <nz-form-label>������������</nz-form-label> + <nz-form-control> + <nz-time-picker formControlName="time"></nz-time-picker> + </nz-form-control> + </nz-form-item> + </nz-col> + <nz-col [nzXl]="{span:8, offset:2}" [nzLg]="{span:10}" [nzMd]="{span:24}" nzSm="24"> + <nz-form-item> + <nz-form-label>������������</nz-form-label> + <nz-form-control> + <nz-select formControlName="type2" [nzShowSearch]="true" [nzPlaceHolder]="'���������������������'"> + <nz-option [nzLabel]="'������'" [nzValue]="'private'"></nz-option> + <nz-option [nzLabel]="'������'" [nzValue]="'public'"></nz-option> + </nz-select> + <nz-form-explain *ngIf="(type2.dirty || type2.touched) && type2.errors?.required"> + ��������������������� + </nz-form-explain> + </nz-form-control> + </nz-form-item> + </nz-col> + </nz-row> + </nz-card> + <nz-card [nzBordered]="false" nzTitle="������������"> + <nz-table formArrayName="items" [nzData]="items.value" [nzShowPagination]="false"> + <thead> + <tr> + <th>������������</th> + <th>������</th> + <th>������������</th> + <th>������</th> + </tr> + </thead> + <tbody> + <tr *ngFor="let item of items.controls; let i = index" [formGroupName]="i"> + <td> + <span *ngIf="editIndex!==i">{{items.value[i].name}}</span> + <span *ngIf="editIndex===i" nz-form-control> + <input nz-input formControlName="name" placeholder="���������������������"> + </span> + </td> + <td> + <span *ngIf="editIndex!==i">{{items.value[i].workId}}</span> + <span *ngIf="editIndex===i" nz-form-control> + <input nz-input formControlName="workId" placeholder="���������������"> + </span> + </td> + <td> + <span *ngIf="editIndex!==i">{{items.value[i].department}}</span> + <span *ngIf="editIndex===i" nz-form-control> + <input nz-input formControlName="department" placeholder="���������������������"> + </span> + </td> + <td> + <span *ngIf="editIndex!==i"> + <a (click)="edit(i)">������</a> + <nz-divider nzType="vertical"></nz-divider> + <nz-popconfirm (nzOnConfirm)="del(i)" [nzTitle]="'������������������������'"> + <a nz-popconfirm>������</a> + </nz-popconfirm> + </span> + <span *ngIf="editIndex===i"> + <a (click)="save(i)">������</a> + <nz-divider nzType="vertical"></nz-divider> + <nz-popconfirm (nzOnConfirm)="cancel(i)" [nzTitle]="'������������������������'"> + <a nz-popconfirm>������</a> + </nz-popconfirm> + </span> + </td> + </tr> + </tbody> + </nz-table> + <button *ngIf="editIndex===-1" nz-button [nzType]="'dashed'" (click)="add()" class="ant-btn__block mt-md"> + <i class="anticon anticon-plus"></i> + <span>������������</span> + </button> + </nz-card> + <footer-toolbar errorCollect> + <button nz-button type="primary" nzType="primary">������</button> + </footer-toolbar> +</form> -- Gitblit v1.8.0