From 1a30ba4211462589698d26688ec24319e48b740c Mon Sep 17 00:00:00 2001
From: fengxiang <110431245@qq.com>
Date: Wed, 11 Jul 2018 15:08:40 +0800
Subject: [PATCH] 提交
---
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