<pro-header>
|
<ng-template #breadcrumb>
|
<nz-breadcrumb>
|
<nz-breadcrumb-item><a [routerLink]="['/']">首页</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 nzSize="large" nzSrc="https://gw.alipayobjects.com/zos/rmsportal/lctvVCLfRpYCkYxAsiVQ.png"></nz-avatar></div>
|
<div class="desc">
|
<div class="desc-title">你好，管理员！</div>
|
<p>系统管理员 | 中国－江苏省－苏州市－昆山市－摩瑞尔电器</p>
|
</div>
|
</div>
|
</ng-template>
|
<ng-template #extra>
|
<div class="page-extra">
|
<div>
|
<p>下属组织</p>
|
<p>8<span> / 24</span></p>
|
</div>
|
<div>
|
<p>监控点</p>
|
<p>20</p>
|
</div>
|
<div>
|
<p>监控仪</p>
|
<p>560</p>
|
</div>
|
<!--
|
<div>
|
<p>项目访问</p>
|
<p>2,223</p>
|
</div>
|
-->
|
</div>
|
</ng-template>
|
</pro-header>
|
<div nz-row [nzGutter]="24">
|
<div nz-col nzXs="24" nzSm="24" nzMd="16">
|
<nz-card nzTitle="进行中的项目" [nzBordered]="false" [nzLoading]="loading" nzNoPadding class="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 nzNoPadding [nzBordered]="false" class="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" nzNoPadding class="mb-lg active-card">
|
<nz-list nzSize="large">
|
<nz-list-item *ngFor="let item of activities" class="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" nzNoPadding class="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">
|
<ng-template #body><radar [data]="radarData" [height]="343" [hasLegend]="true"></radar></ng-template>
|
</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>
|
