From a3a8c23b196980732a795713a5eb5fe0c7075bf9 Mon Sep 17 00:00:00 2001 From: fengxiang <110431245@qq.com> Date: Wed, 11 Jul 2018 21:47:13 +0800 Subject: [PATCH] Revert "提交" --- src/app/routes/pro/list/basic-list/basic-list.component.html | 91 +++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 91 insertions(+), 0 deletions(-) diff --git a/src/app/routes/pro/list/basic-list/basic-list.component.html b/src/app/routes/pro/list/basic-list/basic-list.component.html new file mode 100644 index 0000000..77302ce --- /dev/null +++ b/src/app/routes/pro/list/basic-list/basic-list.component.html @@ -0,0 +1,91 @@ +<page-header></page-header> +<nz-card [nzBordered]="false"> + <div nz-row> + <div nz-col [nzXs]="24" [nzSm]="8" class="header-info"> + <span class="text-grey-dark">������������</span> + <span class="d-block display-2">8���������</span> + <em></em> + </div> + <div nz-col [nzXs]="24" [nzSm]="8" class="header-info"> + <span class="text-grey-dark">������������������������������</span> + <span class="d-block display-2">32������</span> + <em></em> + </div> + <div nz-col [nzXs]="24" [nzSm]="8" class="header-info"> + <span class="text-grey-dark">���������������������</span> + <span class="d-block display-2">24���������</span> + </div> + </div> +</nz-card> +<nz-card [nzBordered]="false"> + <div class="d-flex align-items-center mb-lg"> + <h3 class="flex-1 text-lg">������������</h3> + <div> + <nz-radio-group [(ngModel)]="q.status" class="mr-md"> + <label nz-radio-button [nzValue]="'all'"> + <span>������</span> + </label> + <label nz-radio-button [nzValue]="'progress'"> + <span>���������</span> + </label> + <label nz-radio-button [nzValue]="'waiting'"> + <span>���������</span> + </label> + </nz-radio-group> + <nz-input-group nzSuffixIcon="anticon anticon-search" style="width: 270px;"> + <input type="text" nz-input placeholder="���������" [(ngModel)]="q.q" name="q"> + </nz-input-group> + </div> + </div> + <button nz-button (click)="msg.success('add')" [nzType]="'dashed'" class="ant-btn__block mb-sm"> + <i class="anticon anticon-plus"></i> + <span>������</span> + </button> + <nz-list [nzDataSource]="data" [nzLoading]="loading" [nzRenderItem]="item" [nzPagination]="pagination"> + <ng-template #item let-item> + <nz-list-item [nzContent]="nzContent" [nzActions]="[edit, op]"> + <ng-template #edit> + <a (click)="msg.success('���������' + item.title)">������</a> + </ng-template> + <ng-template #op> + <nz-dropdown> + <a class="ant-dropdown-link" nz-dropdown> + ������ + <i class="anticon anticon-down"></i> + </a> + <ul nz-menu> + <li nz-menu-item (click)="msg.success('���������' + item.title)">������</li> + <li nz-menu-item (click)="msg.success('���������' + item.title)">������</li> + </ul> + </nz-dropdown> + </ng-template> + <nz-list-item-meta [nzTitle]="nzTitle" [nzDescription]="item.subDescription" [nzAvatar]="nzAvatar"> + <ng-template #nzTitle> + <a href="{{item.href}}" target="_blank">{{item.title}}</a> + </ng-template> + <ng-template #nzAvatar> + <nz-avatar [nzSrc]="item.logo" nzSize="large" [nzShape]="'square'"></nz-avatar> + </ng-template> + </nz-list-item-meta> + <ng-template #nzContent> + <div class="width-md"> + <div class="d-flex text-grey-dark"> + <div class="flex-1"> + Owner + <p>{{item.owner}}</p> + </div> + <div class="text-right"> + ������������ + <p>{{item.createdAt | _date}}</p> + </div> + </div> + <nz-progress [nzPercent]="item.percent" [nzStatus]="item.status" [nzStrokeWidth]="6"></nz-progress> + </div> + </ng-template> + </nz-list-item> + </ng-template> + <ng-template #pagination> + <nz-pagination [nzTotal]="50" [nzPageSize]="5" (nzPageIndexChange)="getData()"></nz-pagination> + </ng-template> + </nz-list> +</nz-card> -- Gitblit v1.8.0