yuhy
/
auseft.platform.datav
1
0
派生 1
代码 工单 0 合并请求 0 版本发布 0 百科 动态
浏览代码

Add：完成菜单和数据格式绑定。

master
lijie.hu 1年前
父节点
303e51a059
当前提交
eef6a3f48c
共有 3 个文件被更改，包括 688 次插入 和 30 次删除
合并视图
Diff 选项
显示统计 下载 Patch 文件 下载 Diff 文件
  1. +19
    -0
      src/app/routes/data-v/menu/lj-menu.interface.ts
  2. +16
    -0
      src/app/routes/data-v/menu/lj-menu.service.ts
  3. +653
    -30
      src/app/routes/data-v/navigation/navigation.component.ts

+ 19
- 0
src/app/routes/data-v/menu/lj-menu.interface.ts 查看文件

@@ -0,0 +1,19 @@
export interface Menu {
menuCode: string;
text: string;
link?: any;
grp: boolean;
leafFlag: boolean;
rootFlag: boolean;
hideInBreadcrumbFlag: boolean;
icon?: any;
i18n: any;
srtno: number;
valiFlag: boolean;
menuType: number;
parentId?: any;
clientId: string;
children?: Menu[];
acl?: any;
id: string;
}

+ 16
- 0
src/app/routes/data-v/menu/lj-menu.service.ts 查看文件

@@ -0,0 +1,16 @@
import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';

import { Menu } from './lj-menu.interface';

@Injectable({
providedIn: 'root'
})
export class MenuService {
constructor(private http: HttpClient) {}

getMenus(): Observable<Menu[]> {
return this.http.get<Menu[]>('path/to/your/api');
}
}

+ 653
- 30
src/app/routes/data-v/navigation/navigation.component.ts 查看文件

@@ -6,15 +6,17 @@ import { SFSchema } from '@delon/form';
import { ModalHelper, _HttpClient } from '@delon/theme'; import { ModalHelper, _HttpClient } from '@delon/theme';
import { SHARED_IMPORTS } from '@shared'; import { SHARED_IMPORTS } from '@shared';


import { Menu } from '../menu/lj-menu.interface';
import { MenuService } from '../menu/lj-menu.service';

@Component({ @Component({
selector: 'data-v-navigation', selector: 'data-v-navigation',
standalone: true, standalone: true,
imports: [RouterOutlet, CommonModule, ...SHARED_IMPORTS], imports: [RouterOutlet, CommonModule, ...SHARED_IMPORTS],
template: ` <div class="navigation-container"> template: ` <div class="navigation-container">
<ul> <ul>
<li class="dropdown-submenu" *ngFor="let menu of menuList" (mouseover)="menuOver(menu, $event)">
<a href="javascript:void(0);" class="menu-group" [class.active]="isActive(menu.MenuGrpCd)"
(click)="navigate(menu)">{{ menu.text }}</a>
<li class="dropdown-submenu" *ngFor="let menu of menuNetDataList" (mouseover)="menuOver(menu, $event)">
<a href="javascript:void(0);" class="menu-group" [class.active]="isActive(true)" (click)="navigate(menu)">{{ menu.text }}</a>
</li> </li>
</ul> </ul>
</div>`, </div>`,
@@ -24,45 +26,666 @@ export class DataVNavigationComponent implements OnInit {
private readonly http = inject(_HttpClient); private readonly http = inject(_HttpClient);
private readonly modal = inject(ModalHelper); private readonly modal = inject(ModalHelper);
private readonly router = inject(Router); private readonly router = inject(Router);

menuList: any = [
{
code: '01',
text: '我的工作站',
url: '/'
},
{
code: '02',
text: '化验总览',
url: '/data-v/s1'
},
{
code: '03',
text: '3D',
url: '/data-v/threejs'
},
{
text: '...'
}
];
menuNetDataList: Menu[] = [];


imageUrl: string = 'assets/dashboard/menu_btn_l.png'; imageUrl: string = 'assets/dashboard/menu_btn_l.png';
title: string = 'Label'; title: string = 'Label';


context: string = '2024-02-29 10:00'; context: string = '2024-02-29 10:00';
constructor(private menuService: MenuService) {}


ngOnInit(): void { }
ngOnInit(): void {
// this.menuService.getMenus().subscribe((menus: Menu[]) => {
// this.menuNetDataList = menus;
// // this.menuList;
// });
this.menuNetDataList = [
{
menuCode: 'Home',
text: '我的工作站',

i18n: null,
icon: null,
grp: true,
leafFlag: false,
rootFlag: true,
hideInBreadcrumbFlag: true,
link: '/',
srtno: 0,
valiFlag: false,
menuType: 0,
parentId: null,
clientId: 'Platform_Datav',
acl: null,
id: '3a1167f1-a86c-194d-eabf-258993a337ac'
},
{
menuCode: 'CoalFlowOverview',
text: '煤流总览',
i18n: null,
icon: null,
grp: true,
leafFlag: false,
rootFlag: true,
hideInBreadcrumbFlag: true,
link: '/data-v/s1',
srtno: 0,
valiFlag: false,
menuType: 0,
parentId: null,
clientId: 'Platform_Datav',
children: [
{
menuCode: 'EnteringFactoryQueue',
text: '入厂排队',
i18n: null,
icon: 'anticon-appstore',
grp: true,
leafFlag: false,
rootFlag: false,
hideInBreadcrumbFlag: false,
link: null,
srtno: 0,
valiFlag: false,
menuType: 0,
parentId: '3a1167d9-814f-5a16-96ad-37595e54eeb8',
clientId: 'Platform_Datav',
children: [],
acl: null,
id: '3a1167d9-8189-ef37-f6a2-72ca8a926a10'
},
{
menuCode: 'EntranceFactorySampling',
text: '入厂采样',
i18n: null,
icon: 'anticon-appstore',
grp: true,
leafFlag: false,
rootFlag: false,
hideInBreadcrumbFlag: false,
link: null,
srtno: 0,
valiFlag: false,
menuType: 0,
parentId: '3a1167d9-814f-5a16-96ad-37595e54eeb8',
clientId: 'Platform_Datav',
children: [],
acl: null,
id: '3a1167d9-81bd-11b0-2df2-d66b72b6c999'
},
{
menuCode: 'GrossWeightMeasurement',
text: '毛重计量',
i18n: null,
icon: 'anticon-appstore',
grp: true,
leafFlag: false,
rootFlag: false,
hideInBreadcrumbFlag: false,
link: null,
srtno: 0,
valiFlag: false,
menuType: 0,
parentId: '3a1167d9-814f-5a16-96ad-37595e54eeb8',
clientId: 'Platform_Datav',
children: [
{
menuCode: 'GrossWeightMeasurement.Blockbuster1',
text: '重磅1',
i18n: null,
icon: null,
grp: false,
leafFlag: false,
rootFlag: false,
hideInBreadcrumbFlag: false,
link: '',
srtno: 1,
valiFlag: false,
menuType: 0,
parentId: '3a1167dd-4307-f0bb-5bcb-4274aa1735b7',
clientId: 'Platform_Datav',
children: [],
acl: {
ability: ['GrossWeightMeasurement.Blockbuster1']
},
id: '3a1167f1-a7ac-59aa-9215-3fee372a4995'
},
{
menuCode: 'GrossWeightMeasurement.Blockbuster2',
text: '重磅2',
i18n: null,
icon: null,
grp: false,
leafFlag: false,
rootFlag: false,
hideInBreadcrumbFlag: false,
link: '',
srtno: 1,
valiFlag: false,
menuType: 0,
parentId: '3a1167dd-4307-f0bb-5bcb-4274aa1735b7',
clientId: 'Platform_Datav',
children: [],
acl: {
ability: ['GrossWeightMeasurement.Blockbuster2']
},
id: '3a1167f1-a7f9-219d-dbb9-d81196d92574'
},
{
menuCode: 'GrossWeightMeasurement.Blockbuster3',
text: '重磅3',
i18n: null,
icon: null,
grp: false,
leafFlag: false,
rootFlag: false,
hideInBreadcrumbFlag: false,
link: '',
srtno: 3,
valiFlag: false,
menuType: 0,
parentId: '3a1167dd-4307-f0bb-5bcb-4274aa1735b7',
clientId: 'Platform_Datav',
children: [],
acl: {
ability: ['GrossWeightMeasurement.Blockbuster3']
},
id: '3a1167f1-a81f-97b4-1816-e081385f5f1e'
},
{
menuCode: 'GrossWeightMeasurement.Blockbuster4',
text: '重磅4',
i18n: null,
icon: null,
grp: false,
leafFlag: false,
rootFlag: false,
hideInBreadcrumbFlag: false,
link: '',
srtno: 4,
valiFlag: false,
menuType: 0,
parentId: '3a1167dd-4307-f0bb-5bcb-4274aa1735b7',
clientId: 'Platform_Datav',
children: [],
acl: {
ability: ['GrossWeightMeasurement.Blockbuster4']
},
id: '3a1167f1-a844-2035-8a00-63df140caaa6'
}
],
acl: null,
id: '3a1167dd-4307-f0bb-5bcb-4274aa1735b7'
},
{
menuCode: 'TransshipmentMeasurement',
text: '转运计量',
i18n: null,
icon: 'anticon-appstore',
grp: true,
leafFlag: false,
rootFlag: false,
hideInBreadcrumbFlag: false,
link: null,
srtno: 0,
valiFlag: false,
menuType: 0,
parentId: '3a1167d9-814f-5a16-96ad-37595e54eeb8',
clientId: 'Platform_Datav',
children: [
{
menuCode: 'TransshipmentMeasurement.TransferScale',
text: '转运磅',
i18n: null,
icon: null,
grp: false,
leafFlag: false,
rootFlag: false,
hideInBreadcrumbFlag: false,
link: '',
srtno: 4,
valiFlag: false,
menuType: 0,
parentId: '3a1167f1-a86c-194d-eabf-258993a337ac',
clientId: 'Platform_Datav',
children: [],
acl: {
ability: ['TransshipmentMeasurement.TransferScale']
},
id: '3a1167f1-a896-a133-12d5-e9b69a5e3328'
}
],
acl: null,
id: '3a1167f1-a86c-194d-eabf-258993a337ac'
},
{
menuCode: 'CoalUnloadingQueue',
text: '卸煤排队',
i18n: null,
icon: 'anticon-appstore',
grp: true,
leafFlag: false,
rootFlag: false,
hideInBreadcrumbFlag: false,
link: null,
srtno: 0,
valiFlag: false,
menuType: 0,
parentId: '3a1167d9-814f-5a16-96ad-37595e54eeb8',
clientId: 'Platform_Datav',
children: [
{
menuCode: 'CoalUnloadingQueue.CoalYard',
text: '煤场1',
i18n: null,
icon: null,
grp: false,
leafFlag: false,
rootFlag: false,
hideInBreadcrumbFlag: false,
link: '',
srtno: 1,
valiFlag: false,
menuType: 0,
parentId: '3a1167f1-a8c5-a17d-18ec-2cc6dd520571',
clientId: 'Platform_Datav',
children: [],
acl: {
ability: ['CoalUnloadingQueue.CoalYard']
},
id: '3a1167f1-a8ee-7fbf-82d2-f5a4638050d5'
},
{
menuCode: 'CoalUnloadingQueue.CoalYard2',
text: '煤场2',
i18n: null,
icon: null,
grp: false,
leafFlag: false,
rootFlag: false,
hideInBreadcrumbFlag: false,
link: '',
srtno: 1,
valiFlag: false,
menuType: 0,
parentId: '3a1167f1-a8c5-a17d-18ec-2cc6dd520571',
clientId: 'Platform_Datav',
children: [],
acl: {
ability: ['CoalUnloadingQueue.CoalYard2']
},
id: '3a1167f1-a912-7df1-d1f5-02803f77cf6e'
},
{
menuCode: 'CoalUnloadingQueue.CoalYard3',
text: '煤场3',
i18n: null,
icon: null,
grp: false,
leafFlag: false,
rootFlag: false,
hideInBreadcrumbFlag: false,
link: '',
srtno: 1,
valiFlag: false,
menuType: 0,
parentId: '3a1167f1-a8c5-a17d-18ec-2cc6dd520571',
clientId: 'Platform_Datav',
children: [],
acl: {
ability: ['CoalUnloadingQueue.CoalYard3']
},
id: '3a1167f1-a937-dced-f79c-6e556cba39d4'
},
{
menuCode: 'CoalUnloadingQueue.CoalYard4',
text: '煤场4',
i18n: null,
icon: null,
grp: false,
leafFlag: false,
rootFlag: false,
hideInBreadcrumbFlag: false,
link: '',
srtno: 4,
valiFlag: false,
menuType: 0,
parentId: '3a1167f1-a8c5-a17d-18ec-2cc6dd520571',
clientId: 'Platform_Datav',
children: [],
acl: {
ability: ['CoalUnloadingQueue.CoalYard4']
},
id: '3a1167f1-a95c-80ab-eb78-47e5d9485161'
}
],
acl: null,
id: '3a1167f1-a8c5-a17d-18ec-2cc6dd520571'
}
],
acl: null,
id: '3a1167d9-814f-5a16-96ad-37595e54eeb8'
},
{
menuCode: 'CoalFlowOverview',
text: '煤样总览',
i18n: null,
icon: null,
grp: true,
leafFlag: false,
rootFlag: true,
hideInBreadcrumbFlag: true,
link: '/data-v/threejs',
srtno: 0,
valiFlag: false,
menuType: 0,
parentId: null,
clientId: 'Platform_Datav',
children: [
{
menuCode: 'EnteringFactoryQueue',
text: '入厂排队',
i18n: null,
icon: 'anticon-appstore',
grp: true,
leafFlag: false,
rootFlag: false,
hideInBreadcrumbFlag: false,
link: null,
srtno: 0,
valiFlag: false,
menuType: 0,
parentId: '3a1167d9-814f-5a16-96ad-37595e54eeb8',
clientId: 'Platform_Datav',
children: [],
acl: null,
id: '3a1167d9-8189-ef37-f6a2-72ca8a926a10'
},
{
menuCode: 'EntranceFactorySampling',
text: '入厂采样',
i18n: null,
icon: 'anticon-appstore',
grp: true,
leafFlag: false,
rootFlag: false,
hideInBreadcrumbFlag: false,
link: null,
srtno: 0,
valiFlag: false,
menuType: 0,
parentId: '3a1167d9-814f-5a16-96ad-37595e54eeb8',
clientId: 'Platform_Datav',
children: [],
acl: null,
id: '3a1167d9-81bd-11b0-2df2-d66b72b6c999'
},
{
menuCode: 'GrossWeightMeasurement',
text: '毛重计量',
i18n: null,
icon: 'anticon-appstore',
grp: true,
leafFlag: false,
rootFlag: false,
hideInBreadcrumbFlag: false,
link: null,
srtno: 0,
valiFlag: false,
menuType: 0,
parentId: '3a1167d9-814f-5a16-96ad-37595e54eeb8',
clientId: 'Platform_Datav',
children: [
{
menuCode: 'GrossWeightMeasurement.Blockbuster1',
text: '重磅1',
i18n: null,
icon: null,
grp: false,
leafFlag: false,
rootFlag: false,
hideInBreadcrumbFlag: false,
link: '',
srtno: 1,
valiFlag: false,
menuType: 0,
parentId: '3a1167dd-4307-f0bb-5bcb-4274aa1735b7',
clientId: 'Platform_Datav',
children: [],
acl: {
ability: ['GrossWeightMeasurement.Blockbuster1']
},
id: '3a1167f1-a7ac-59aa-9215-3fee372a4995'
},
{
menuCode: 'GrossWeightMeasurement.Blockbuster2',
text: '重磅2',
i18n: null,
icon: null,
grp: false,
leafFlag: false,
rootFlag: false,
hideInBreadcrumbFlag: false,
link: '',
srtno: 1,
valiFlag: false,
menuType: 0,
parentId: '3a1167dd-4307-f0bb-5bcb-4274aa1735b7',
clientId: 'Platform_Datav',
children: [],
acl: {
ability: ['GrossWeightMeasurement.Blockbuster2']
},
id: '3a1167f1-a7f9-219d-dbb9-d81196d92574'
},
{
menuCode: 'GrossWeightMeasurement.Blockbuster3',
text: '重磅3',
i18n: null,
icon: null,
grp: false,
leafFlag: false,
rootFlag: false,
hideInBreadcrumbFlag: false,
link: '',
srtno: 3,
valiFlag: false,
menuType: 0,
parentId: '3a1167dd-4307-f0bb-5bcb-4274aa1735b7',
clientId: 'Platform_Datav',
children: [],
acl: {
ability: ['GrossWeightMeasurement.Blockbuster3']
},
id: '3a1167f1-a81f-97b4-1816-e081385f5f1e'
},
{
menuCode: 'GrossWeightMeasurement.Blockbuster4',
text: '重磅4',
i18n: null,
icon: null,
grp: false,
leafFlag: false,
rootFlag: false,
hideInBreadcrumbFlag: false,
link: '',
srtno: 4,
valiFlag: false,
menuType: 0,
parentId: '3a1167dd-4307-f0bb-5bcb-4274aa1735b7',
clientId: 'Platform_Datav',
children: [],
acl: {
ability: ['GrossWeightMeasurement.Blockbuster4']
},
id: '3a1167f1-a844-2035-8a00-63df140caaa6'
}
],
acl: null,
id: '3a1167dd-4307-f0bb-5bcb-4274aa1735b7'
},
{
menuCode: 'TransshipmentMeasurement',
text: '转运计量',
i18n: null,
icon: 'anticon-appstore',
grp: true,
leafFlag: false,
rootFlag: false,
hideInBreadcrumbFlag: false,
link: null,
srtno: 0,
valiFlag: false,
menuType: 0,
parentId: '3a1167d9-814f-5a16-96ad-37595e54eeb8',
clientId: 'Platform_Datav',
children: [
{
menuCode: 'TransshipmentMeasurement.TransferScale',
text: '转运磅',
i18n: null,
icon: null,
grp: false,
leafFlag: false,
rootFlag: false,
hideInBreadcrumbFlag: false,
link: '',
srtno: 4,
valiFlag: false,
menuType: 0,
parentId: '3a1167f1-a86c-194d-eabf-258993a337ac',
clientId: 'Platform_Datav',
children: [],
acl: {
ability: ['TransshipmentMeasurement.TransferScale']
},
id: '3a1167f1-a896-a133-12d5-e9b69a5e3328'
}
],
acl: null,
id: '3a1167f1-a86c-194d-eabf-258993a337ac'
},
{
menuCode: 'CoalUnloadingQueue',
text: '卸煤排队',
i18n: null,
icon: 'anticon-appstore',
grp: true,
leafFlag: false,
rootFlag: false,
hideInBreadcrumbFlag: false,
link: null,
srtno: 0,
valiFlag: false,
menuType: 0,
parentId: '3a1167d9-814f-5a16-96ad-37595e54eeb8',
clientId: 'Platform_Datav',
children: [
{
menuCode: 'CoalUnloadingQueue.CoalYard',
text: '煤场1',
i18n: null,
icon: null,
grp: false,
leafFlag: false,
rootFlag: false,
hideInBreadcrumbFlag: false,
link: '',
srtno: 1,
valiFlag: false,
menuType: 0,
parentId: '3a1167f1-a8c5-a17d-18ec-2cc6dd520571',
clientId: 'Platform_Datav',
children: [],
acl: {
ability: ['CoalUnloadingQueue.CoalYard']
},
id: '3a1167f1-a8ee-7fbf-82d2-f5a4638050d5'
},
{
menuCode: 'CoalUnloadingQueue.CoalYard2',
text: '煤场2',
i18n: null,
icon: null,
grp: false,
leafFlag: false,
rootFlag: false,
hideInBreadcrumbFlag: false,
link: '',
srtno: 1,
valiFlag: false,
menuType: 0,
parentId: '3a1167f1-a8c5-a17d-18ec-2cc6dd520571',
clientId: 'Platform_Datav',
children: [],
acl: {
ability: ['CoalUnloadingQueue.CoalYard2']
},
id: '3a1167f1-a912-7df1-d1f5-02803f77cf6e'
},
{
menuCode: 'CoalUnloadingQueue.CoalYard3',
text: '煤场3',
i18n: null,
icon: null,
grp: false,
leafFlag: false,
rootFlag: false,
hideInBreadcrumbFlag: false,
link: '',
srtno: 1,
valiFlag: false,
menuType: 0,
parentId: '3a1167f1-a8c5-a17d-18ec-2cc6dd520571',
clientId: 'Platform_Datav',
children: [],
acl: {
ability: ['CoalUnloadingQueue.CoalYard3']
},
id: '3a1167f1-a937-dced-f79c-6e556cba39d4'
},
{
menuCode: 'CoalUnloadingQueue.CoalYard4',
text: '煤场4',
i18n: null,
icon: null,
grp: false,
leafFlag: false,
rootFlag: false,
hideInBreadcrumbFlag: false,
link: '',
srtno: 4,
valiFlag: false,
menuType: 0,
parentId: '3a1167f1-a8c5-a17d-18ec-2cc6dd520571',
clientId: 'Platform_Datav',
children: [],
acl: {
ability: ['CoalUnloadingQueue.CoalYard4']
},
id: '3a1167f1-a95c-80ab-eb78-47e5d9485161'
}
],
acl: null,
id: '3a1167f1-a8c5-a17d-18ec-2cc6dd520571'
}
],
acl: null,
id: '3a1167d9-814f-5a16-96ad-37595e54eeb8'
}
];
}


add(): void { }
add(): void {}


menuOver(menu: any, $event: any) { }
menuOver(menu: any, $event: any) {}


isActive(menu: any) { }
isActive(menu: any) {}


// 新的 navigate 方法 // 新的 navigate 方法
navigate(menu: any) { navigate(menu: any) {
if (menu.url) {
this.router.navigateByUrl(menu.url);
if (menu.link) {
this.router.navigateByUrl(menu.link);
} }


// if (menu.code == '01') { // if (menu.code == '01') {


撰写 预览
正在加载...
取消
保存