8 changed files with 279 additions and 37 deletions
@ -0,0 +1,74 @@
|
||||
<div class="box"> |
||||
<form nz-form [formGroup]="validateForm"> |
||||
<nz-form-item> |
||||
<nz-form-label [nzSm]="7" [nzXs]="24" nzRequired nzFor="单位名称">单位名称</nz-form-label> |
||||
<nz-form-control> |
||||
<nz-input-group style="width: 200px;"> |
||||
<input nz-input type="text" formControlName="account" placeholder="请输入单位名称" /> |
||||
</nz-input-group> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
<nz-form-item> |
||||
<nz-form-label [nzSm]="7" [nzXs]="24" nzFor="消防安全责任人">消防安全责任人</nz-form-label> |
||||
<nz-form-control> |
||||
<nz-input-group style="width: 200px;"> |
||||
<input nz-input type="text" formControlName="name" placeholder="请输入消防安全责任人" /> |
||||
</nz-input-group> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
<nz-form-item> |
||||
<nz-form-label [nzSm]="7" [nzXs]="24" nzFor="联系方式">联系方式</nz-form-label> |
||||
<nz-form-control> |
||||
<nz-input-group style="width: 200px;"> |
||||
<input nz-input type="text" formControlName="iphone" placeholder="请输入联系方式" /> |
||||
</nz-input-group> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
<nz-form-item> |
||||
<nz-form-label [nzSm]="7" [nzXs]="24" nzFor="单位地址">单位地址</nz-form-label> |
||||
<nz-form-control> |
||||
<nz-form-control> |
||||
<nz-input-group style="width: 200px;"> |
||||
<input nz-input type="text" formControlName="iphone" placeholder="请输入单位地址" /> |
||||
</nz-input-group> |
||||
</nz-form-control> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
<nz-form-item> |
||||
<nz-form-label nzRequired [nzSm]="7" [nzXs]="24" nzFor="所属救援站">所属救援站</nz-form-label> |
||||
<nz-form-control> |
||||
<nz-select style="width: 200px;" formControlName="role2" nzPlaceHolder="请选择所属救援站" nzMode="multiple"> |
||||
<nz-option *ngFor="let item of listOfData2" [nzValue]="item.normalizedName" [nzLabel]="item.displayName"> |
||||
</nz-option> |
||||
</nz-select> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
<nz-form-item > |
||||
<nz-form-label [nzSm]="7" [nzXs]="24" nzFor="所属大队">所属大队</nz-form-label> |
||||
<nz-form-control> |
||||
<nz-select style="width: 200px;" formControlName="role3" nzPlaceHolder="请选择所属大队" nzMode="multiple"> |
||||
<nz-option *ngFor="let item of listOfData2" [nzValue]="item.normalizedName" [nzLabel]="item.displayName"> |
||||
</nz-option> |
||||
</nz-select> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
<nz-form-item> |
||||
<nz-form-label nzRequired [nzSm]="7" [nzXs]="24" nzFor="使用性质">使用性质</nz-form-label> |
||||
<nz-form-control> |
||||
<nz-select style="width: 200px;" formControlName="role4" nzPlaceHolder="请选择使用性质" nzMode="multiple"> |
||||
<nz-option *ngFor="let item of listOfData2" [nzValue]="item.normalizedName" [nzLabel]="item.displayName"> |
||||
</nz-option> |
||||
</nz-select> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
<nz-form-item> |
||||
<nz-form-label [nzSm]="7" [nzXs]="24" nzFor="建筑类型">建筑类型</nz-form-label> |
||||
<nz-form-control> |
||||
<nz-select style="width: 200px;" formControlName="role5" nzPlaceHolder="请选择建筑类型" nzMode="multiple"> |
||||
<nz-option *ngFor="let item of listOfData2" [nzValue]="item.normalizedName" [nzLabel]="item.displayName"> |
||||
</nz-option> |
||||
</nz-select> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
</form> |
||||
</div> |
||||
@ -0,0 +1,25 @@
|
||||
import { ComponentFixture, TestBed } from '@angular/core/testing'; |
||||
|
||||
import { AddUnitComponent } from './add-unit.component'; |
||||
|
||||
describe('AddUnitComponent', () => { |
||||
let component: AddUnitComponent; |
||||
let fixture: ComponentFixture<AddUnitComponent>; |
||||
|
||||
beforeEach(async () => { |
||||
await TestBed.configureTestingModule({ |
||||
declarations: [ AddUnitComponent ] |
||||
}) |
||||
.compileComponents(); |
||||
}); |
||||
|
||||
beforeEach(() => { |
||||
fixture = TestBed.createComponent(AddUnitComponent); |
||||
component = fixture.componentInstance; |
||||
fixture.detectChanges(); |
||||
}); |
||||
|
||||
it('should create', () => { |
||||
expect(component).toBeTruthy(); |
||||
}); |
||||
}); |
||||
@ -0,0 +1,84 @@
|
||||
import { Component, OnInit,Input } from '@angular/core'; |
||||
import { NzModalRef } from 'ng-zorro-antd/modal'; |
||||
import { FormBuilder, FormGroup, Validators } from '@angular/forms'; |
||||
import { HttpClient } from '@angular/common/http'; |
||||
import { TreeService } from 'src/app/service/tree.service'; |
||||
@Component({ |
||||
selector: 'app-add-unit', |
||||
templateUrl: './add-unit.component.html', |
||||
styleUrls: ['./add-unit.component.scss'] |
||||
}) |
||||
export class AddUnitComponent implements OnInit { |
||||
|
||||
|
||||
@Input() title?: string; |
||||
@Input() subtitle?: string; |
||||
validateForm!: FormGroup; |
||||
constructor(private modal: NzModalRef, private fb: FormBuilder, private http: HttpClient, private toTree: TreeService) { } |
||||
|
||||
ngOnInit(): void { |
||||
this.validateForm = this.fb.group({ |
||||
account: [null, [Validators.required]], |
||||
name: [null, [Validators.required]], |
||||
organization: [null, [Validators.required]], |
||||
role: [[], [Validators.required]], |
||||
role2: [[]], |
||||
phonenum: [null, [Validators.required]] |
||||
}); |
||||
|
||||
} |
||||
destroyModal(): void { |
||||
this.modal.destroy({ data: 'this the result data' }); |
||||
} |
||||
|
||||
listOfData: any[] = []; |
||||
listOfData2: any[] = []; |
||||
//获取角色列表
|
||||
getAllRoles() { |
||||
let params = { |
||||
SkipCount: '0', |
||||
MaxResultCount: '999' |
||||
} |
||||
this.http.get('/api/services/app/Role/GetAll', { |
||||
params: params |
||||
}).subscribe((data: any) => { |
||||
// console.log('角色列表', data.result.items)
|
||||
this.listOfData = data.result.items |
||||
}) |
||||
} |
||||
//获取角色列表
|
||||
getAllRoles2() { |
||||
let params = { |
||||
SkipCount: '0', |
||||
MaxResultCount: '999', |
||||
IsViolationRoles:'true' |
||||
} |
||||
this.http.get('/api/services/app/Role/GetAll', { |
||||
params: params |
||||
}).subscribe((data: any) => { |
||||
// console.log('角色列表', data.result.items)
|
||||
this.listOfData2 = data.result.items |
||||
}) |
||||
} |
||||
//获取所有组织机构
|
||||
nodes: any = [] |
||||
getAllOrganization() { |
||||
let OrganizationUnitId = sessionStorage.getItem('isGasStation') == 'true' ? JSON.parse(sessionStorage.getItem('userdataOfgasstation')).organization.id : JSON.parse(sessionStorage.getItem('userdata')).organization.id |
||||
let params = { |
||||
OrganizationUnitId: OrganizationUnitId, |
||||
IsContainsChildren: "true" |
||||
} |
||||
this.http.get('/api/services/app/Organization/GetAll', { |
||||
params: params |
||||
}).subscribe((data: any) => { |
||||
data.result.items.forEach(element => { |
||||
if (element.id == OrganizationUnitId) { |
||||
element.parentId = null |
||||
} |
||||
element.key = element.id |
||||
element.title = element.displayName |
||||
}); |
||||
this.nodes = [...this.toTree.toTree(data.result.items)] |
||||
}) |
||||
} |
||||
} |
||||
Loading…
Reference in new issue