Sinopec-Anxin/src/app/system-management/or-binding/or-binding-model/or-binding-model.component.html

<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>