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.
puhui-go-web/src/app/pages/body/index/index.component.ts

114 lines
3.4 KiB

11 months ago
import { Component } from '@angular/core';
11 months ago
import {Router, RouterLink, RouterOutlet} from "@angular/router";
11 months ago
import {
NzContentComponent,
NzFooterComponent,
NzHeaderComponent,
NzLayoutComponent,
NzSiderComponent
} from "ng-zorro-antd/layout";
11 months ago
import {NzBreadCrumbComponent, NzBreadCrumbItemComponent} from "ng-zorro-antd/breadcrumb";
import {NzColDirective, NzRowDirective} from "ng-zorro-antd/grid";
11 months ago
import {NzMenuDirective, NzMenuGroupComponent, NzMenuItemComponent, NzSubMenuComponent} from "ng-zorro-antd/menu";
11 months ago
import {menuData} from "../../../data/menu/menu.namespace";
import {NgClass, NgForOf} from "@angular/common";
import {animate, state, style, transition, trigger} from "@angular/animations";
import {NzIconDirective} from "ng-zorro-antd/icon";
import {NzTabComponent, NzTabSetComponent} from "ng-zorro-antd/tabs";
import {TabComponent} from "../tab/tab.component";
11 months ago
import {BrowserStorageService} from "../../../utils/localStorage.service";
11 months ago
import {DATA, INIT_FLAG, LOGIN_DATA, USER_TOKEN} from "../../../data/login/localStorage.namespace";
import {NzDropDownDirective, NzDropdownMenuComponent} from "ng-zorro-antd/dropdown";
import {LoginService} from "../../../servies/login/login.service";
import {NzMessageService} from "ng-zorro-antd/message";
11 months ago
@Component({
selector: 'app-index',
standalone: true,
imports: [
RouterOutlet,
NzLayoutComponent,
NzHeaderComponent,
NzBreadCrumbComponent,
NzBreadCrumbItemComponent,
NzContentComponent,
NzFooterComponent,
NzRowDirective,
NzColDirective,
NzMenuItemComponent,
NzMenuDirective,
RouterLink,
NzSubMenuComponent,
NgForOf,
NgClass,
NzIconDirective,
NzTabComponent,
NzTabSetComponent,
11 months ago
TabComponent,
11 months ago
NzSiderComponent,
11 months ago
NzMenuGroupComponent,
NzDropDownDirective,
NzDropdownMenuComponent
11 months ago
],
templateUrl: './index.component.html',
styleUrl: './index.component.less',
})
export class IndexComponent {
11 months ago
// 菜单数据
menuData: any = [{
'menuName' : '首页',
'selected' : true,
}];
11 months ago
userInfo: any;
11 months ago
// 左侧菜单栏数据
leftMenuData: any = [];
11 months ago
// 侧边菜单展示开关
11 months ago
isCollapse = true;
11 months ago
11 months ago
// 当前顶级菜单
currentParentMenu: any = {};
11 months ago
constructor(
private storage: BrowserStorageService,
private message: NzMessageService,
private router: Router, // 路由
private login: LoginService
) {
11 months ago
this.menuData = this.menuData.concat(this.storage.get(DATA)['menuTree']);
11 months ago
this.userInfo = this.storage.get(DATA)['account'];
console.log("用户数据" , this.userInfo);
11 months ago
}
11 months ago
// 选择操作
isSelected(item: any) {
11 months ago
this.menuData.map((data: any) => {
data.selected = data.menuName === item.menuName;
11 months ago
});
11 months ago
if (item.menuName === '首页') {
// 激活首页路由
this.router.navigateByUrl('/admin/index').finally();
}
11 months ago
this.currentParentMenu = item;
11 months ago
this.leftMenuData = item['childMenuList'];
11 months ago
this.isCollapse = item['menuName'] === '首页';
11 months ago
11 months ago
}
11 months ago
// 退出登录
public loginOut(): void {
this.login.loginOut( (data: any) => {
if (data['return_code'] === '000000') {
this.storage.remove(LOGIN_DATA);
this.storage.remove(DATA);
this.storage.remove(USER_TOKEN);
this.storage.remove(INIT_FLAG);
this.router.navigateByUrl('/login').then();
} else {
this.message.error(data['return_msg']);
}
});
}
11 months ago
}