kely
11 months ago
19 changed files with 406 additions and 207 deletions
@ -0,0 +1,30 @@ |
|||
<div cl> |
|||
<nz-checkbox-wrapper> |
|||
<div class="checkAll mb-3"> |
|||
<label |
|||
nz-checkbox |
|||
[(ngModel)]="checkAll" |
|||
(ngModelChange)="onCheckAll($event)" |
|||
[nzIndeterminate]="indeterminate" |
|||
> |
|||
全选/取消 |
|||
</label> |
|||
</div> |
|||
<div class="h-64 overflow-y-auto p-3"> |
|||
<div nz-row [nzGutter]="[12, 12]"> |
|||
@for (item of menus; track $index) { |
|||
<div nz-col nzSpan="8"> |
|||
<label |
|||
nz-checkbox |
|||
[nzValue]="item.menuId" |
|||
(nzCheckedChange)="onMenuChange($event, item)" |
|||
[nzChecked]="value.has(item.menuId)" |
|||
> |
|||
{{ item.menuName }} |
|||
</label> |
|||
</div> |
|||
} |
|||
</div> |
|||
</div> |
|||
</nz-checkbox-wrapper> |
|||
</div> |
|||
@ -0,0 +1,4 @@ |
|||
.checkAll { |
|||
padding: 12px 0; |
|||
border-bottom: 1px solid #e8e8e8; |
|||
} |
|||
@ -0,0 +1,98 @@ |
|||
import { CommonModule } from '@angular/common' |
|||
import { ChangeDetectorRef, Component, Input, OnInit, TemplateRef, forwardRef } from '@angular/core' |
|||
import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms' |
|||
import { NzCardModule } from 'ng-zorro-antd/card' |
|||
import { NzSafeAny } from 'ng-zorro-antd/core/types' |
|||
import { NzModalModule, NzModalService } from 'ng-zorro-antd/modal' |
|||
|
|||
import { ApiService } from 'app/services' |
|||
import { NzMessageModule, NzMessageService } from 'ng-zorro-antd/message' |
|||
|
|||
import { SharedModule } from 'app/shared/shared.module' |
|||
|
|||
@Component({ |
|||
selector: 'app-permissions-select', |
|||
standalone: true, |
|||
imports: [SharedModule], |
|||
templateUrl: './permissions-select.component.html', |
|||
styleUrl: './permissions-select.component.less', |
|||
providers: [ |
|||
{ |
|||
provide: NG_VALUE_ACCESSOR, |
|||
multi: true, |
|||
useExisting: forwardRef(() => PermissionsSelectComponent), |
|||
}, |
|||
], |
|||
}) |
|||
export class PermissionsSelectComponent { |
|||
constructor( |
|||
private modal: NzModalService, |
|||
private api: ApiService, |
|||
private msg: NzMessageService, |
|||
private cdr: ChangeDetectorRef, |
|||
) {} |
|||
|
|||
value = new Set<NzSafeAny>() |
|||
|
|||
disabled = false |
|||
|
|||
menus: NzSafeAny[] = [] |
|||
|
|||
checkAll = false |
|||
|
|||
indeterminate = false |
|||
|
|||
ngOnInit(): void { |
|||
this.api.getMenus().subscribe((res) => { |
|||
this.menus = res.body |
|||
this.refreashCheckStatus() |
|||
}) |
|||
} |
|||
|
|||
onTouched = () => {} |
|||
|
|||
onCheckAll(checked: any) { |
|||
if (checked) { |
|||
this.value = new Set(this.menus.map((i) => i.menuId)) |
|||
} else { |
|||
this.value.clear() |
|||
} |
|||
this.refreashCheckStatus() |
|||
} |
|||
|
|||
onMenuChange(checked: NzSafeAny, item: NzSafeAny) { |
|||
if (checked) { |
|||
this.value.add(item.menuId) |
|||
} else { |
|||
this.value.delete(item.menuId) |
|||
} |
|||
this.refreashCheckStatus() |
|||
} |
|||
|
|||
refreashCheckStatus() { |
|||
this.indeterminate = this.menus.length !== 0 && this.value.size > 0 && this.menus.length !== this.value.size |
|||
this.checkAll = this.menus.length === this.value.size |
|||
this.onChange(Array.from(this.value)) |
|||
} |
|||
|
|||
onChange(v: NzSafeAny[]) {} |
|||
|
|||
writeValue(v: NzSafeAny[]): void { |
|||
if (Array.isArray(v) && v.length > 0) { |
|||
this.value = new Set(v) |
|||
this.refreashCheckStatus() |
|||
} |
|||
} |
|||
|
|||
registerOnChange(fn: any): void { |
|||
this.onChange = fn |
|||
} |
|||
|
|||
registerOnTouched(fn: any): void { |
|||
this.onTouched = fn |
|||
} |
|||
|
|||
setDisabledState?(isDisabled: boolean): void { |
|||
this.disabled = isDisabled |
|||
} |
|||
} |
|||
@ -1,19 +1,18 @@ |
|||
import { inject } from '@angular/core' |
|||
import { CanActivateFn, Router, UrlTree } from '@angular/router' |
|||
import { ApiService, LocalHttpInterceptorService } from 'app/services' |
|||
import { map } from 'rxjs' |
|||
import { ApiService } from 'app/services' |
|||
import { PermissionService } from 'app/shared/permission/permission.service' |
|||
|
|||
export const authGuard: CanActivateFn = (route, state) => { |
|||
// const local = inject(LocalHttpInterceptorService)
|
|||
// const accessData = local.getAccess()
|
|||
// let token = accessData?.access_token
|
|||
// if (token) {
|
|||
// return true
|
|||
// }
|
|||
const router = inject(Router) |
|||
const permission = inject(PermissionService) |
|||
const api = inject(ApiService) |
|||
const authInfo = api.authInfo |
|||
if (!api.authInfo) { |
|||
return router.createUrlTree(['/login']) |
|||
} |
|||
permission.loadPermission(authInfo?.permissions ?? []) |
|||
permission.isRoot = Boolean(authInfo?.roles.includes('admin')) |
|||
// console.log('authInfo', authInfo, Boolean(authInfo?.roles.includes('admin')), permission)
|
|||
return true |
|||
} |
|||
|
|||
@ -0,0 +1 @@ |
|||
<p>home works!</p> |
|||
@ -0,0 +1,27 @@ |
|||
import { Component } from '@angular/core' |
|||
import { Router } from '@angular/router' |
|||
import { PermissionService } from 'app/shared/permission/permission.service' |
|||
import { NzMessageService } from 'ng-zorro-antd/message' |
|||
|
|||
@Component({ |
|||
selector: 'app-home', |
|||
standalone: true, |
|||
imports: [], |
|||
templateUrl: './home.component.html', |
|||
styleUrl: './home.component.less', |
|||
}) |
|||
export class HomeComponent { |
|||
constructor( |
|||
private permission: PermissionService, |
|||
private router: Router, |
|||
private msg: NzMessageService, |
|||
) {} |
|||
|
|||
ngOnInit(): void { |
|||
if (this.permission.hasPermission('dashboard:view') || this.permission.isRoot) { |
|||
this.router.navigate(['/dashboard']) |
|||
return |
|||
} |
|||
this.router.navigate(['/profile/basic']) |
|||
} |
|||
} |
|||
Loading…
Reference in new issue