64 lines
3.7 KiB
HTML
64 lines
3.7 KiB
HTML
<div class="main-container">
|
|
<nz-tabset [nzTabPosition]="'top'" [nzType]="'card'">
|
|
<nz-tab nzTitle="自定义显示列">
|
|
<div class="self-row-box">
|
|
|
|
<div class="self-row-content">
|
|
<div class="ant-transfer-list">
|
|
<div class="ant-transfer-list-header">可选列</div>
|
|
<div class="ant-transfer-list-body">
|
|
<ul class="ant-transfer-list-content">
|
|
<li (click)="selectNode(item,i,1)" [ngClass]="{'bg':moveIndex==i&&selectedType==1}" class="ant-transfer-list-content-item ng-star-inserted" *ngFor="let item of sourceList;let i=index"><label class="ant-checkbox-wrapper ng-untouched ng-pristine ng-valid"><span>{{item.COL_CN}}</span></label></li>
|
|
<div class="self-row-tips" *ngIf="!sourceList.length>0">暂无数据</div>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="move-btn-box">
|
|
<button (click)='moveCross(3)' class="move-btn" nz-button nzSize="large" [disabled]='!sourceList.length>0' nzType="primary"><i nz-icon type="double-right" theme="outline"></i></button>
|
|
<button (click)='moveCross(1)' class="move-btn" nz-button nzSize="large" [disabled]='disableRight||sourceList.length==0' nzType="primary"><i nz-icon type="right" theme="outline"></i></button>
|
|
<button (click)='moveCross(2)' class="move-btn" nz-button nzSize="large" [disabled]='disabledLeft||targetList.length==0' nzType="primary"><i nz-icon type="left" theme="outline"></i></button>
|
|
<button (click)='moveCross(4)' class="move-btn" nz-button nzSize="large" [disabled]='!targetList.length>0' nzType="primary"><i nz-icon type="double-left" theme="outline"></i></button>
|
|
</div>
|
|
<div class="ant-transfer-list">
|
|
<div class="ant-transfer-list-header">已选列</div>
|
|
<div class="ant-transfer-list-body">
|
|
<ul class="ant-transfer-list-content">
|
|
<li (click)="selectNode(item,i,2)" [ngClass]="{'bg':moveIndex==i&&selectedType==2}" class="ant-transfer-list-content-item ng-star-inserted" *ngFor="let item of targetList;let i=index"><label class="ant-checkbox-wrapper ng-untouched ng-pristine ng-valid"><span>{{item.COL_CN}}</span></label></li>
|
|
<div class="self-row-tips" *ngIf="!targetList.length>0">暂无数据</div>
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="move-btn-box">
|
|
<button (click)='moveUpDown(3)' class="move-btn" nz-button nzSize="large" [disabled]='disabledUpTop' nzType="primary"><i nz-icon type="arrow-up" theme="outline"></i></button>
|
|
<button (click)='moveUpDown(1)' class="move-btn" nz-button nzSize="large" [disabled]='disableUp' nzType="primary"><i nz-icon type="up" theme="outline"></i></button>
|
|
<button (click)='moveUpDown(2)' class="move-btn" nz-button nzSize="large" [disabled]='disableDown' nzType="primary"><i nz-icon type="down" theme="outline"></i></button>
|
|
<button (click)='moveUpDown(4)' class="move-btn" nz-button nzSize="large" [disabled]='disabledDownBtm' nzType="primary"><i nz-icon type="arrow-down" theme="outline"></i></button>
|
|
</div>
|
|
</div>
|
|
<div class="self-row-footer">
|
|
<button (click)='saveSelf()' nz-button nzSize="large" nzType="primary"><i class="fa fa-check" aria-hidden="true"></i> 确定</button>
|
|
<button (click)='cancelSelf()' nz-button nzSize="large" nzType="default"><i class="fa fa-times" aria-hidden="true"></i> 取消</button>
|
|
</div>
|
|
</div>
|
|
</nz-tab>
|
|
<nz-tab nzTitle="消息警示提醒">
|
|
消息警示提醒
|
|
</nz-tab>
|
|
<nz-tab nzTitle="消息声音提醒">
|
|
消息声音提醒
|
|
</nz-tab>
|
|
<nz-tab nzTitle="航班代理">
|
|
航班代理
|
|
</nz-tab>
|
|
<nz-tab nzTitle="ORMS启动路径">
|
|
ORMS启动路径
|
|
</nz-tab>
|
|
<nz-tab nzTitle="颜色配置">
|
|
颜色配置
|
|
</nz-tab>
|
|
<nz-tab nzTitle="刷新设置">
|
|
刷新设置
|
|
</nz-tab>
|
|
</nz-tabset>
|
|
</div> |