cdia/airport-chengdu-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

增加消息提示统一管理

Browse Source
This commit is contained in:
zhouyuejun
2019-02-27 15:37:57 +08:00
parent 430d096d92
commit 6fb51f08fe
7 changed files with 557 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/main/main.component.html
+40 -3
View File
@@ -3,7 +3,7 @@
<div class="search-filter mb-2" #searchFilter>
<div class="first-condition row">
<div class="line-operator-left input-container mb-2">
<select [(ngModel)]="SEL_COL" class="mr-4 form-control" (ngModelChange)="resetPositionArray()" name="" id="">
<select [(ngModel)]="SEL_COL" class="mr-4 form-control" (ngModelChange)="resetPositionArray()">
<option value="">选择列名</option>
<option *ngFor="let airline_col of render_col_lists" [value]="airline_col.COL_CODE">{{airline_col.COL_CN}}</option>
</select>
@@ -15,10 +15,47 @@
<input type="radio" [(ngModel)]="FLT_POS" [value]="2" name="filter-position">
<span>查找定位</span>
</label>
<input class="form-control mr-4" [(ngModel)]="SEARCH" (ngModelChange)="resetPositionArray()" type="text" (keyup.enter)="inputEnter()">
<input class="form-control mr-4" [(ngModel)]="SEARCH" (ngModelChange)="resetPositionArray()" type="text"
(keyup.enter)="inputEnter()">
<div class="input-container mr-4" style="display:inline-block">
<label for="">筛选日期：&nbsp;&nbsp;</label>
<nz-date-picker [nzShowToday]="false" [(ngModel)]="dateSelect" (ngModelChange)="onChangeDate($event)"></nz-date-picker>
</div>
<div class="line-operator-right">
<button type="button" class="btn btn-info mr-2" (click)="toggleFilter()">{{filterClose?'展开':'关闭'}}</button>
<button type="button" class="btn btn-info mr-2" (click)="export()">导出</button>
<button type="button" class="btn btn-info mr-2" (click)="toggleFilter()">{{filterClose?'展开筛选':'关闭筛选'}}</button>
<button type="button" class="btn btn-info mr-2" (click)="refresh()">刷新</button>
<nz-dropdown [nzVisible]="menuVisible" [nzTrigger]="'click'" [nzPlacement]="'bottomRight'">
<button nz-dropdown type="button" class="btn btn-info mr-2 badge-btn">
<span>消息</span>
<span class="badge-count">{{toastConfigs.length}}</span>
</button>
<ul nzBordered nz-menu nzSelectable class="notify-container">
<li nz-menu-item *ngFor="let config of toastConfigs">
<pre>{{config.text}}</pre>
<i (click)="remove(config)" nz-icon type="close" theme="outline"></i>
</li>
<li class="text-center" *ngIf="toastConfigs.length<=0" nz-menu-item>暂无消息</li>
<!-- <li class="text-center" *ngIf="toastConfigs.length>0">
<button class="btn btn-outline-primary">清空所有</button>
</li> -->
</ul>
<div class="text-center clearAll" *ngIf="toastConfigs.length>0">
<button class="btn btn-outline-primary" (click)="clearAllNotify()">清空所有</button>
</div>
<!-- <nz-list nz-menu nzSelectable [nzFooter]="Footer" [nzDataSource]="data" nzBordered [nzRenderItem]="item" [nzItemLayout]="'horizontal'">
<ng-template #item let-item>
<nz-list-item [nzContent]="item" [nzActions]="[removeAction]">
<ng-template #removeAction><i nz-icon type="close" theme="outline"></i></ng-template>
</nz-list-item>
</ng-template>
<ng-template #Footer>
<div class="text-center">
<button class="btn btn-outline-primary">清空所有</button>
</div>
</ng-template>
</nz-list> -->
</nz-dropdown>
</div>
</div>
</div>