61 lines
4.4 KiB
HTML
61 lines
4.4 KiB
HTML
<div class="system-main-container">
|
||
<div class="card " id="main-box">
|
||
<nz-tabset [nzTabPosition]="'top'" [nzType]="'card'" class="self-main-content">
|
||
<nz-tab nzTitle="自定义显示列">
|
||
<div class="self-row-box">
|
||
<div class="self-row-content">
|
||
<div class="ant-transfer-list">
|
||
<div class="ant-transfer-list-header">可选列（{{sourceList.length}}）</div>
|
||
<div class="ant-transfer-list-body">
|
||
<app-request-status [statusParams]='statusParamsData'></app-request-status>
|
||
<ul class="ant-transfer-list-content" *ngIf='statusParamsData.status==3'>
|
||
<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)' nzTitle="全部右移" nzPlacement="left" nz-tooltip 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)' nzTitle="右移" nzPlacement="left" nz-tooltip 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)' nzTitle="左移" nzPlacement="right" nz-tooltip 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)' nzTitle="全部左移" nzPlacement="right" nz-tooltip 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">已选列（{{targetList.length}}）</div>
|
||
<div class="ant-transfer-list-body">
|
||
<app-request-status [statusParams]='statusParamsData'></app-request-status>
|
||
<ul class="ant-transfer-list-content" *ngIf='statusParamsData.status==3'>
|
||
<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)' nzTitle="置顶" nzPlacement="right" nz-tooltip 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)' nzTitle="上移" nzPlacement="right" nz-tooltip class="move-btn" nz-button nzSize="large" [disabled]='disableUp' nzType="primary"><i nz-icon type="up" theme="outline"></i></button>
|
||
<button (click)='moveUpDown(2)' nzTitle="下移" nzPlacement="right" nz-tooltip class="move-btn" nz-button nzSize="large" [disabled]='disableDown' nzType="primary"><i nz-icon type="down" theme="outline"></i></button>
|
||
<button (click)='moveUpDown(4)' nzTitle="置底" nzPlacement="right" nz-tooltip 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()' [nzLoading]="isLoadingSave" nzPlacement="top" nz-tooltip nz-button nzType="primary">保存</button>
|
||
<button (click)='cancelSelf()' nzPlacement="top" nz-tooltip nz-button nzType="default">取消</button>
|
||
</div>
|
||
</div>
|
||
</nz-tab>
|
||
<nz-tab nzTitle="消息警示提醒">
|
||
<app-msg-alert-warning></app-msg-alert-warning>
|
||
</nz-tab>
|
||
<nz-tab nzTitle="消息声音提醒">
|
||
<app-msg-alert-warning></app-msg-alert-warning>
|
||
</nz-tab>
|
||
<nz-tab nzTitle="航班代理">
|
||
<app-flight-agency></app-flight-agency>
|
||
</nz-tab>
|
||
<nz-tab nzTitle="颜色配置">
|
||
<app-color-settings></app-color-settings>
|
||
</nz-tab>
|
||
</nz-tabset>
|
||
</div>
|
||
</div> |