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.
52 lines
2.2 KiB
52 lines
2.2 KiB
3 years ago
|
<div class="orbox" id="orbox">
|
||
|
|
<div class="topbox">
|
||
|
|
<div class="lefttop">
|
||
|
|
<span>组织机构列表</span>
|
||
|
|
<span><img style="vertical-align: top;" src="../../../assets/images/icon/orgrey.png" alt="">
|
||
|
|
{{totalCount}}个单位</span>
|
||
|
|
</div>
|
||
|
|
<div class="righttop">
|
||
|
|
<!-- <form nz-form [formGroup]="validateForm" (ngSubmit)="submitForm()">
|
||
|
|
<nz-form-item>
|
||
|
|
<nz-form-control>
|
||
|
|
<nz-input-group nzPrefixIcon="search">
|
||
|
|
<input type="text" nz-input placeholder="请输入单位" formControlName="search" [(ngModel)]="searchValue"/>
|
||
|
|
</nz-input-group>
|
||
|
|
</nz-form-control>
|
||
|
|
<button style="display: none;" type="submit"></button>
|
||
|
|
</nz-form-item>
|
||
|
|
</form> -->
|
||
|
|
<nz-input-group nzPrefixIcon="search">
|
||
|
|
<input type="text" nz-input placeholder="请输入单位" [(ngModel)]="searchValue" />
|
||
|
|
</nz-input-group>
|
||
|
|
<button nz-button nzType="primary" (click)="addOr()"><i nz-icon nzType="plus-circle"
|
||
|
|
nzTheme="outline"></i>新增</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="treeTitle">
|
||
|
|
<span>组织机构</span>
|
||
|
|
<span>操作</span>
|
||
|
|
</div>
|
||
|
|
<nz-tree [nzHideUnMatched]='true' [nzSearchValue]="searchValue" #nzTreeComponent [nzData]="nodes"
|
||
|
|
[nzExpandAll]="nzExpandAll" [nzExpandedKeys]="defaultExpandedKeys" [nzTreeTemplate]="nzTreeTemplate" nzDraggable
|
||
|
|
nzBlockNode (nzOnDrop)="nzEvent($event)" [nzBeforeDrop]="beforeDrop" [nzExpandedIcon]="multiExpandedIconTpl">
|
||
|
|
</nz-tree>
|
||
|
|
<ng-template #nzTreeTemplate let-node let-origin="origin">
|
||
|
|
<div class="nodebox">
|
||
|
|
<span class="name">{{ node.title }}</span>
|
||
|
|
<span class="operation">
|
||
|
|
<span (click)="addOr(node)" *ngIf="!node.origin.isGasStation">新增</span>
|
||
|
|
<span (click)="editOr(node)">编辑</span>
|
||
|
|
<span (click)="deleteOr(node)">删除</span>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</ng-template>
|
||
|
|
<ng-template #multiExpandedIconTpl let-node let-origin="origin">
|
||
|
|
<ng-container *ngIf="node.children.length == 0; else elseTemplate">
|
||
|
|
|
||
|
|
</ng-container>
|
||
|
|
<ng-template #elseTemplate>
|
||
|
|
<i nz-icon [nzType]="node.isExpanded ? 'caret-down' : 'caret-right'" class="ant-tree-switcher-line-icon"></i>
|
||
|
|
</ng-template>
|
||
|
|
</ng-template>
|
||
|
|
</div>
|