You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
31 lines
1000 B
31 lines
1000 B
<div class="data-tree">
|
|
<nz-tree
|
|
nzBlockNode
|
|
[nzSelectedKeys]="contact.selecedKeys"
|
|
[nzExpandedKeys]="contact.expandedKeys"
|
|
[nzData]="nodes"
|
|
(nzClick)="activeNode($event)"
|
|
(nzExpandChange)="handleExpandedKeysChange($event)"
|
|
[nzTreeTemplate]="nzTreeTemplate"
|
|
>
|
|
</nz-tree>
|
|
</div>
|
|
|
|
<ng-template #nzTreeTemplate let-node let-origin="origin">
|
|
<div class="flex items-center justify-between overflow-hidden">
|
|
<span class="flex-1 overflow-hidden text-ellipsis">{{ node.title }}</span>
|
|
|
|
@if (origin.id !== '1') {
|
|
<button nz-button nzType="text" nz-dropdown [nzDropdownMenu]="menu" (click)="$event.stopPropagation()">
|
|
<i nz-icon nzType="more"></i>
|
|
</button>
|
|
}
|
|
<nz-dropdown-menu #menu="nzDropdownMenu">
|
|
<ul nz-menu>
|
|
<!-- <li nz-menu-item (click)="createGroup(node)">新增下级部门</li> -->
|
|
<li nz-menu-item (click)="editGroup(node)">编辑</li>
|
|
<li nz-menu-item (click)="deleteGroup(node)">删除</li>
|
|
</ul>
|
|
</nz-dropdown-menu>
|
|
</div>
|
|
</ng-template>
|
|
|