35 lines
2.7 KiB
HTML
35 lines
2.7 KiB
HTML
<div class="msg-alert-main-container">
|
||
<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">
|
||
<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)' 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">
|
||
<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>
|
||
<div class="self-row-footer">
|
||
<button (click)='saveSelf()' nzTitle="保存配置" nzPlacement="top" nz-tooltip nz-button nzSize="large" nzType="primary"><i class="fa fa-check" aria-hidden="true"></i> 确定</button>
|
||
<button (click)='cancelSelf()' nzTitle="取消配置" nzPlacement="top" nz-tooltip nz-button nzSize="large" nzType="default"><i class="fa fa-times" aria-hidden="true"></i> 取消</button>
|
||
</div>
|
||
</div>
|
||
</div> |