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.
35 lines
1.5 KiB
35 lines
1.5 KiB
<div class="orbox"> |
|
<div class="topbox"> |
|
<div class="righttop"> |
|
<nz-input-group nzPrefixIcon="search"> |
|
<input type="text" nz-input placeholder="请输入机构名称" [(ngModel)]="searchValue" /> |
|
</nz-input-group> |
|
</div> |
|
</div> |
|
|
|
<div class="treeTitle"> |
|
<span>组织机构</span> |
|
<label nz-checkbox [(ngModel)]="IsContainsChildren" (ngModelChange)="getAllOrganization()">包含子节点</label> |
|
</div> |
|
<div class="treebox"> |
|
<nz-tree [nzHideUnMatched]='true' [nzSearchValue]="searchValue" #nzTreeComponent [nzData]="nodes" |
|
[nzExpandedKeys]="defaultExpandedKeys" [nzTreeTemplate]="nzTreeTemplate" nzBlockNode |
|
[nzExpandedIcon]="multiExpandedIconTpl"> |
|
</nz-tree> |
|
<ng-template #nzTreeTemplate let-node let-origin="origin"> |
|
<div class="nodebox"> |
|
<span class="name">{{ node.title }}</span> |
|
<div class="operation"> |
|
<span class="blueColor" (click)="okbinding(node)">绑定机构</span> |
|
</div> |
|
</div> |
|
</ng-template> |
|
<ng-template #multiExpandedIconTpl let-node let-origin="origin"> |
|
<ng-container *ngIf="node.children.length !== 0"> |
|
<i nz-icon [nzType]="node.isExpanded ? 'caret-down' : 'caret-right'" |
|
class="ant-tree-switcher-line-icon"></i> |
|
</ng-container> |
|
</ng-template> |
|
</div> |
|
|
|
</div> |