刘向辉 3 years ago
parent
commit
c9dbbf6126
  1. 13
      src/app/system-management/organization/organization.component.html
  2. 41
      src/app/system-management/organization/organization.component.ts
  3. 3
      src/index.html

13
src/app/system-management/organization/organization.component.html

@ -2,7 +2,8 @@
<div class="topbox"> <div class="topbox">
<div class="lefttop"> <div class="lefttop">
<span>组织机构列表</span> <span>组织机构列表</span>
<span><img style="vertical-align: top;" src="../../../assets/images/icon/orgrey.png" alt=""> {{totalCount}}个单位</span> <span><img style="vertical-align: top;" src="../../../assets/images/icon/orgrey.png" alt="">
{{totalCount}}个单位</span>
</div> </div>
<div class="righttop"> <div class="righttop">
<!-- <form nz-form [formGroup]="validateForm" (ngSubmit)="submitForm()"> <!-- <form nz-form [formGroup]="validateForm" (ngSubmit)="submitForm()">
@ -16,7 +17,7 @@
</nz-form-item> </nz-form-item>
</form> --> </form> -->
<nz-input-group nzPrefixIcon="search"> <nz-input-group nzPrefixIcon="search">
<input type="text" nz-input placeholder="请输入单位" [(ngModel)]="searchValue"/> <input type="text" nz-input placeholder="请输入单位" [(ngModel)]="searchValue" />
</nz-input-group> </nz-input-group>
<button nz-button nzType="primary" (click)="addOr()"><i nz-icon nzType="plus-circle" <button nz-button nzType="primary" (click)="addOr()"><i nz-icon nzType="plus-circle"
nzTheme="outline"></i>新增</button> nzTheme="outline"></i>新增</button>
@ -26,9 +27,9 @@
<span>组织机构</span> <span>组织机构</span>
<span>操作</span> <span>操作</span>
</div> </div>
<nz-tree [nzHideUnMatched]='true' [nzSearchValue]="searchValue" #nzTreeComponent [nzData]="nodes" [nzExpandAll]="nzExpandAll" [nzExpandedKeys]="defaultExpandedKeys" <nz-tree [nzHideUnMatched]='true' [nzSearchValue]="searchValue" #nzTreeComponent [nzData]="nodes"
(nzClick)="nzClick($event)" (nzContextMenu)="nzClick($event)" (nzCheckBoxChange)="nzCheck($event)" [nzExpandAll]="nzExpandAll" [nzExpandedKeys]="defaultExpandedKeys" [nzTreeTemplate]="nzTreeTemplate" nzDraggable
(nzExpandChange)="nzCheck($event)" [nzTreeTemplate]="nzTreeTemplate"> nzBlockNode (nzOnDrop)="nzEvent($event)" [nzBeforeDrop]="beforeDrop">
</nz-tree> </nz-tree>
<ng-template #nzTreeTemplate let-node let-origin="origin"> <ng-template #nzTreeTemplate let-node let-origin="origin">
<div class="nodebox"> <div class="nodebox">
@ -40,4 +41,4 @@
</span> </span>
</div> </div>
</ng-template> </ng-template>
</div> </div>

41
src/app/system-management/organization/organization.component.ts

@ -7,6 +7,10 @@ import { NzModalService } from 'ng-zorro-antd/modal';
import { NzMessageService } from 'ng-zorro-antd/message'; import { NzMessageService } from 'ng-zorro-antd/message';
import { AddorComponent } from './addor/addor.component'; import { AddorComponent } from './addor/addor.component';
import { EditorComponent } from './editor/editor.component'; import { EditorComponent } from './editor/editor.component';
import { NzFormatBeforeDropEvent } from 'ng-zorro-antd/tree';
import { Observable, of } from 'rxjs';
import { delay } from 'rxjs/operators';
@Component({ @Component({
selector: 'app-organization', selector: 'app-organization',
templateUrl: './organization.component.html', templateUrl: './organization.component.html',
@ -24,7 +28,6 @@ export class OrganizationComponent implements OnInit {
} }
//搜索框提交 //搜索框提交
submitForm(): void { submitForm(): void {
console.log(12345)
for (const i in this.validateForm.controls) { for (const i in this.validateForm.controls) {
this.validateForm.controls[i].markAsDirty(); this.validateForm.controls[i].markAsDirty();
this.validateForm.controls[i].updateValueAndValidity(); this.validateForm.controls[i].updateValueAndValidity();
@ -45,7 +48,6 @@ export class OrganizationComponent implements OnInit {
params: params params: params
}).subscribe((data: any) => { }).subscribe((data: any) => {
this.totalCount = data.result.totalCount this.totalCount = data.result.totalCount
// console.log('组织机构',data.result.totalCount)
data.result.items.forEach(element => { data.result.items.forEach(element => {
element.key = element.id element.key = element.id
element.title = element.displayName element.title = element.displayName
@ -63,33 +65,6 @@ export class OrganizationComponent implements OnInit {
nodes: any[] = [] nodes: any[] = []
nzClick(event: NzFormatEmitEvent): void {
// console.log(event);
console.log('展开节点', this.nzTreeComponent.getExpandedNodeList())
}
nzCheck(event: NzFormatEmitEvent): void {
console.log(event);
}
// nzSelectedKeys change
nzSelect(keys: string[]): void {
console.log(keys, this.nzTreeComponent.getSelectedNodeList());
}
ngAfterViewInit(): void {
// get node by key: '10011'
console.log(this.nzTreeComponent.getTreeNodeByKey('10011'));
// use tree methods
console.log(
this.nzTreeComponent.getTreeNodes(),
this.nzTreeComponent.getCheckedNodeList(),
this.nzTreeComponent.getSelectedNodeList(),
this.nzTreeComponent.getExpandedNodeList()
);
}
addOr(node?: any) { addOr(node?: any) {
// console.log(node) // console.log(node)
@ -200,4 +175,12 @@ export class OrganizationComponent implements OnInit {
} }
}); });
} }
nzEvent(event: NzFormatEmitEvent): void {
}
beforeDrop = (arg: NzFormatBeforeDropEvent) => {
}
} }

3
src/index.html

@ -10,8 +10,5 @@
<body> <body>
<app-root></app-root> <app-root></app-root>
</body> </body>
<script src="./assets/js/signalr.js"></script>
<script src="./assets/js/abp.js"></script> <script src="./assets/js/abp.js"></script>
<!-- <script src="./assets/js/abp.signalr-client.js"></script> -->
<!-- <script src="../../Sinopec-Anxin/node_modules/angular-load/angular-load.js"></script> -->
</html> </html>

Loading…
Cancel
Save