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/dashboard/workplace/workplace.component.html | 111 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 111 insertions(+), 0 deletions(-) diff --git a/src/app/routes/dashboard/workplace/workplace.component.html b/src/app/routes/dashboard/workplace/workplace.component.html new file mode 100644 index 0000000..5b5e68b --- /dev/null +++ b/src/app/routes/dashboard/workplace/workplace.component.html @@ -0,0 +1,111 @@ +<page-header> + <ng-template #breadcrumb> + <nz-breadcrumb> + <nz-breadcrumb-item> + <a [routerLink]="['/']">������</a> + </nz-breadcrumb-item> + <nz-breadcrumb-item> + <a [routerLink]="['/']">Dashboard</a> + </nz-breadcrumb-item> + <nz-breadcrumb-item>���������</nz-breadcrumb-item> + </nz-breadcrumb> + </ng-template> + <ng-template #content> + <div class="page-header"> + <div class="avatar"> + <nz-avatar nzSrc="https://gw.alipayobjects.com/zos/rmsportal/lctvVCLfRpYCkYxAsiVQ.png"></nz-avatar> + </div> + <div class="desc"> + <div class="desc-title">���������������������������������</div> + <div>��������� | ���������������������������������������������������������������</div> + </div> + </div> + </ng-template> + <ng-template #extra> + <div class="page-extra"> + <div> + <p>���������</p> + <p>56</p> + </div> + <div> + <p>���������������</p> + <p>8 + <span> / 24</span> + </p> + </div> + <div> + <p>������������</p> + <p>2,223</p> + </div> + </div> + </ng-template> +</page-header> +<div nz-row [nzGutter]="24"> + <div nz-col nzXs="24" nzSm="24" nzMd="16"> + <nz-card nzTitle="������������������" [nzBordered]="false" [nzLoading]="loading" class="ant-card__body-nopadding mb-lg project-list"> + <ng-template #extra> + <a (click)="msg.success('to')">������������</a> + </ng-template> + <div *ngFor="let item of notice" nz-card-grid class="project-grid"> + <nz-card [nzBordered]="false" class="ant-card__body-nopadding mb0"> + <nz-card-meta [nzTitle]="noticeTitle" [nzDescription]="item.description"> + <ng-template #noticeTitle> + <div class="card-title"> + <nz-avatar [nzSrc]="item.logo" [nzSize]="'small'"></nz-avatar> + <a (click)="msg.info('to' + item.href)">{{item.title}}</a> + </div> + </ng-template> + </nz-card-meta> + <div class="project-item"> + <a (click)="msg.info('show user: ' + item.member)">{{item.member}}</a> + <span *ngIf="item.updatedAt" class="datetime" title="{{item.updatedAt}}"> + {{item.updatedAt | _date: 'fn' }} + </span> + </div> + </nz-card> + </div> + </nz-card> + <nz-card nzTitle="������" [nzBordered]="false" [nzLoading]="loading" class="ant-card__body-nopadding mb-lg active-card"> + <nz-list nzSize="large" class="activities"> + <nz-list-item *ngFor="let item of activities"> + <nz-list-item-meta [nzAvatar]="item.user.avatar" [nzTitle]="activeTitle" [nzDescription]="activeDescription"> + <ng-template #activeTitle> + <a (click)="msg.success(item.user.name)" class="username">{{item.user.name}}</a> + + <span class="event" [innerHTML]="item.template"></span> + </ng-template> + <ng-template #activeDescription> + <span class="datetime" title="{{item.updatedAt}}">{{item.updatedAt | _date: 'fn'}}</span> + </ng-template> + </nz-list-item-meta> + </nz-list-item> + </nz-list> + </nz-card> + </div> + <div nz-col nzXs="24" nzSm="24" nzMd="8"> + <nz-card nzTitle="������������ / ������������" [nzBordered]="false" class="ant-card__body-nopadding mb-lg"> + <div class="links"> + <a *ngFor="let item of links" (click)="msg.success(item.title)">{{item.title}}</a> + <button nz-button (click)="links.push({title: 'new titel', href: 'href'})" [nzType]="'dashed'" [nzSize]="'small'"> + <i class="anticon anticon-plus"></i> + <span>������</span> + </button> + </div> + </nz-card> + <nz-card nzTitle="XX ������" [nzBordered]="false" [nzLoading]="loading" class="mb-lg"> + <g2-radar [data]="radarData" [height]="343" [hasLegend]="true"></g2-radar> + </nz-card> + <nz-card nzTitle="������" [nzBordered]="false" [nzBodyStyle]="{'padding-top.px': 12, 'padding-bottom.px': 12 }" class="mb-lg"> + <div class="members"> + <div nz-row [nzGutter]="48"> + <div nz-col [nzSpan]="12" *ngFor="let i of members"> + <a (click)="msg.success(i.title)"> + <nz-avatar [nzSrc]="i.logo" [nzSize]="'small'"></nz-avatar> + <span class="member">{{i.title}}</span> + </a> + </div> + </div> + </div> + </nz-card> + </div> +</div> -- Gitblit v1.8.0