129 lines
3.7 KiB
TypeScript
129 lines
3.7 KiB
TypeScript
import { Component, OnInit, ViewChild } from '@angular/core';
|
||
import { Menu } from '@delon/theme';
|
||
import { EAEnvironmentService } from '@shared';
|
||
import { NzModalService } from 'ng-zorro-antd/modal';
|
||
import { MenuManagerService } from './../../services/menu-manager.service';
|
||
|
||
@Component({
|
||
selector: 'app-menu-manager-components-index',
|
||
templateUrl: './index.component.html',
|
||
styleUrls: ['./index.component.less']
|
||
})
|
||
export class MenuManagerComponentsIndexComponent implements OnInit {
|
||
selectedPlatform!: { name: string; appId: string; enName: string };
|
||
menus: Array<any> = [];
|
||
platforms: Array<any> = [];
|
||
currentSelectedNode: any;
|
||
transferData!: string;
|
||
dropType = {
|
||
dropPrev: true,
|
||
dropNext: true,
|
||
dropInner: true
|
||
};
|
||
constructor(private envSrv: EAEnvironmentService, public service: MenuManagerService, private modal: NzModalService) {}
|
||
|
||
ngOnInit(): void {
|
||
this.initData();
|
||
}
|
||
|
||
initData(): void {
|
||
this.platforms = [
|
||
{ name: '货主PC', appId: 'A48F72F0A304427F921794BAD86B3522', enName: 'tms-smc-web' },
|
||
{ name: '运营后台', appId: this.envSrv.env.appId, enName: 'tms-obc-web' }
|
||
];
|
||
this.selectedPlatform = this.platforms[0];
|
||
// this.platformChange(this.selectedPlatform);
|
||
}
|
||
|
||
platformChange(e: { name: string; appId: string }) {
|
||
if (e) {
|
||
this.loadMenus(e.appId);
|
||
} else {
|
||
this.menus = [];
|
||
this.currentSelectedNode = null;
|
||
}
|
||
}
|
||
|
||
loadMenus(appId: string) {
|
||
this.service.request(this.service.$api_get_one, { appId }, 'POST', false).subscribe(res => {
|
||
this.menus = res;
|
||
});
|
||
}
|
||
|
||
editValueChange(event: any) {
|
||
console.log('editChanged', event);
|
||
}
|
||
|
||
menuImport(index: number) {
|
||
this.selectedPlatform = this.platforms[index];
|
||
if (!this.selectedPlatform) {
|
||
return;
|
||
}
|
||
|
||
this.service.http.request('GET', `assets/mocks/platform/${this.selectedPlatform.enName}.json`).subscribe((res: any) => {
|
||
this.addMenu(res.menu);
|
||
});
|
||
}
|
||
|
||
addMenu(menus: Array<Menu>, parentId: string = '') {
|
||
menus.forEach(r => {
|
||
if (parentId !== '') {
|
||
r.parentId = parentId;
|
||
}
|
||
this.service.request(this.service.$api_get_one, { appId: this.selectedPlatform.appId }, 'POST', false).subscribe(res => {
|
||
// 如果res.data存在，则更新菜单
|
||
if (res.data) {
|
||
r.id = res.data.id;
|
||
}
|
||
this.service
|
||
.addOne({ appId: this.selectedPlatform.appId, ...r, isLeaf: !(r.children && r.children.length > 0) })
|
||
.subscribe(result => {
|
||
if (result) {
|
||
if (r.children && r.children.length > 0) {
|
||
this.addMenu(r.children, result.id);
|
||
}
|
||
}
|
||
});
|
||
});
|
||
});
|
||
|
||
// this.loadMenus(this.selectedPlatform.appId);
|
||
}
|
||
|
||
addMenuRecursion() {}
|
||
|
||
delMenu(type: number) {
|
||
this.modal.confirm({
|
||
nzTitle: '<i>删除确认</i>',
|
||
nzContent: `是否确认删除？`,
|
||
nzOnOk: () => {
|
||
this.getMenuByAppID(type === 0 ? 'A48F72F0A304427F921794BAD86B3522' : this.envSrv.env.appId);
|
||
}
|
||
});
|
||
}
|
||
|
||
getMenuByAppID(appId: string) {
|
||
this.service.request(this.service.$api_get_one, { appId }, 'POST', false).subscribe(res => {
|
||
console.log(res);
|
||
if (res) {
|
||
const menus = res.data;
|
||
if (res.data?.length > 0) {
|
||
this.deleteMenuByAppID(res.data);
|
||
} else {
|
||
this.service.msgSrv.success('菜单已清空');
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
deleteMenuByAppID(arr: Array<any>) {
|
||
let ids: any[] = arr?.map(item => item.id) || [];
|
||
arr.forEach(item => {
|
||
if (item.children?.length > 0) {
|
||
this.deleteMenuByAppID(item.children);
|
||
}
|
||
});
|
||
this.service.request(this.service.$api_del_many, ids).subscribe(res => {});
|
||
}
|
||
}
|