Skip to content

I
ibzlite
提交 908fe703 编写于 作者: sq3536's avatar sq3536
浏览文件
操作

reset

上级 01a6b902
隐藏空白字符变更
内嵌 并排
正在显示 包含 0 行增加 和 1003 行删除
app_web/src/widgets/app/lite-index-appmenu/lite-index-appmenu-base.vue 已删除 100644 → 0
浏览文件 @ 01a6b902
<template>
<div class="app-app-menu">
<el-menu
class="app-menu"
:default-openeds="defaultOpeneds"
:mode="mode"
:menu-trigger="trigger"
:collapse="isCollapse"
@select="select"
:default-active="defaultActive">
<template v-if="Object.is(mode,'horizontal')">
<template v-for="item0 in menus">
<template v-if="item0.items && Array.isArray(item0.items) && item0.items.length > 0">
<el-submenu v-show="!item0.hidden" :index="item0.name" :popper-class="popperClass" :key="item0.id" :class="item0.textcls">
<template slot='title'>
<template v-if="item0.icon && item0.icon != ''">
<img :src="item0.icon" class='app-menu-icon' />
</template>
<template v-else-if="item0.iconcls && item0.iconcls != ''">
<i :class="[item0.iconcls, 'app-menu-icon']"></i>
</template>
<template v-else>
<i class='fa fa-cogs app-menu-icon'></i>
</template>
<span class='text' :title="$t('app.menus.liteindex.' + item0.name)">{{$t('app.menus.liteindex.' + item0.name)}}</span>
</template>
<template v-for="item1 in item0.items">
<template v-if="item1.items && Array.isArray(item1.items) && item1.items.length > 0">
<el-submenu v-show="!item1.hidden" :index="item1.name" :popper-class="popperClass" :key="item1.id" :class="item1.textcls">
<template slot='title'>
<template v-if="item1.icon && item1.icon != ''">
<img :src="item1.icon" class='app-menu-icon' />
</template>
<template v-else-if="item1.iconcls && item1.iconcls != ''">
<i :class="[item1.iconcls, 'app-menu-icon']"></i>
</template>
<span class='text' :title="$t('app.menus.liteindex.' + item1.name)">{{$t('app.menus.liteindex.' + item1.name)}}</span>
</template>
<template v-for="item2 in item1.items">
<template v-if="item2.type =='MENUITEM'">
<el-menu-item v-show="!item2.hidden" :index="item2.name" :key="item2.id" :class="item2.textcls">
<template v-if="item2.icon && item2.icon != ''">
<img :src="item2.icon" class='app-menu-icon' />
</template>
<template v-else-if="item2.iconcls && item2.iconcls != ''">
<i :class="[item2.iconcls, 'app-menu-icon']"></i>
</template>
<template slot="title">
<span class="text" :title="$t('app.menus.liteindex.' + item2.name)">{{$t('app.menus.liteindex.' + item2.name)}}</span>
<template v-if="counterdata && counterdata[item2.counterid] && counterdata[item2.counterid] > 0">
<span class="pull-right">
<badge :count="counterdata[item2.counterid]" :overflow-count="9999"></badge>
</span>
</template>
</template>
</el-menu-item>
</template>
</template>
</el-submenu>
</template>
<template v-else>
<template v-if="item1.type =='MENUITEM'">
<el-menu-item v-show="!item1.hidden" :index="item1.name" :key="item1.id" :class="item1.textcls">
<template v-if="item1.icon && item1.icon != ''">
<img :src="item1.icon" class='app-menu-icon' />
</template>
<template v-else-if="item1.iconcls && item1.iconcls != ''">
<i :class="[item1.iconcls, 'app-menu-icon']"></i>
</template>
<template slot="title">
<span class="text" :title="$t('app.menus.liteindex.' + item1.name)">{{$t('app.menus.liteindex.' + item1.name)}} </span>
<template v-if="counterdata && counterdata[item1.counterid] && counterdata[item1.counterid] > 0">
<span class="pull-right">
<badge :count="counterdata[item1.counterid]" :overflow-count="9999"></badge>
</span>
</template>
</template>
</el-menu-item>
</template>
</template>
</template>
</el-submenu>
</template>
<template v-else>
<template v-if="item0.type =='MENUITEM'">
<el-menu-item v-show="!item0.hidden" :index="item0.name" :key="item0.id" :class="item0.textcls">
<template v-if="item0.icon && item0.icon != ''">
<img :src="item0.icon" class='app-menu-icon' />
</template>
<template v-else-if="item0.iconcls && item0.iconcls != ''">
<i :class="[item0.iconcls, 'app-menu-icon']"></i>
</template>
<template v-else>
<i class='fa fa-cogs app-menu-icon'></i>
</template>
<template slot="title">
<span class="text" :title="$t('app.menus.liteindex.' + item0.name)">{{$t('app.menus.liteindex.' + item0.name)}}</span>
<template v-if="counterdata && counterdata[item0.counterid] && counterdata[item0.counterid] > 0">
<span class="pull-right">
<badge :count="counterdata[item0.counterid]" :overflow-count="9999"></badge>
</span>
</template>
</template>
</el-menu-item>
</template>
</template>
</template>
</template>
<app-menu-item v-else :isCollapse="isCollapse" :menus="menus" :ctrlName="'liteindex'" :isFirst="true" :counterdata="counterdata" :popper-class="popperClass"></app-menu-item>
</el-menu>
</div>
</template>
<script lang='tsx'>
import { Vue, Component, Prop, Provide, Emit, Watch, Model,Inject } from 'vue-property-decorator';
import { CreateElement } from 'vue';
import { Subject, Subscription } from 'rxjs';
import { ControlInterface } from '@/interface/control';
import { UIActionTool,Util,ViewTool } from '@/utils';
import NavDataService from '@/service/app/navdata-service';
import AppCenterService from "@service/app/app-center-service";
import LiteIndexService from './lite-index-appmenu-service';
import LiteIndexModel from './lite-index-appmenu-model';
import { Environment } from '@/environments/environment';
import AuthService from '@/authservice/auth-service';
@Component({
components: {
}
})
export default class LiteIndexBase extends Vue implements ControlInterface {
/**
* 名称
*
* @type {string}
* @memberof LiteIndexBase
*/
@Prop() public name?: string;
/**
* 视图通讯对象
*
* @type {Subject<ViewState>}
* @memberof LiteIndexBase
*/
@Prop() public viewState!: Subject<ViewState>;
/**
* 应用上下文
*
* @type {*}
* @memberof LiteIndexBase
*/
@Prop() public context: any;
/**
* 视图参数
*
* @type {*}
* @memberof LiteIndexBase
*/
@Prop() public viewparams: any;
/**
* 视图状态事件
*
* @public
* @type {(Subscription | undefined)}
* @memberof LiteIndexBase
*/
public viewStateEvent: Subscription | undefined;
/**
* 获取部件类型
*
* @returns {string}
* @memberof LiteIndexBase
*/
public getControlType(): string {
return 'APPMENU'
}
/**
* 建构部件服务对象
*
* @type {LiteIndexService}
* @memberof LiteIndexBase
*/
public service: LiteIndexService = new LiteIndexService({ $store: this.$store });
/**
* 关闭视图
*
* @param {any} args
* @memberof LiteIndexBase
*/
public closeView(args: any): void {
let _this: any = this;
_this.$emit('closeview', [args]);
}
/**
* 计数器刷新
*
* @memberof LiteIndexBase
*/
public counterRefresh(){
const _this:any =this;
if(_this.counterServiceArray && _this.counterServiceArray.length >0){
_this.counterServiceArray.forEach((item:any) =>{
if(item.refreshData && item.refreshData instanceof Function){
item.refreshData();
}
})
}
}
/**
* 获取多项数据
*
* @returns {any[]}
* @memberof LiteIndexBase
*/
public getDatas(): any[] {
return [];
}
/**
* 获取单项树
*
* @returns {*}
* @memberof LiteIndexBase
*/
public getData(): any {
return null;
}
/**
* 导航模式(route:面包屑模式、tab:分页导航模式)
*
* @type {string}
* @memberof LiteIndexBase
*/
@Prop({default:'tab'}) public navModel?:string;
/**
* 视图标识
*
* @type {string}
* @memberof LiteIndexBase
*/
@Prop() public viewtag!:string;
/**
* 菜单模型
*
* @public
* @type {LiteIndexModel}
* @memberof LiteIndexBase
*/
public menuMode: LiteIndexModel = new LiteIndexModel();
/**
* 显示处理提示
*
* @type {boolean}
* @memberof LiteIndexBase
*/
@Prop({ default: true }) public showBusyIndicator?: boolean;
/**
* 菜单数据
*
* @public
* @type {any[]}
* @memberof LiteIndexBase
*/
@Provide()
public menus: any[] = [];
/**
* 菜单收缩改变
*
* @type {boolean}
* @memberof LiteIndexBase
*/
@Model() public collapsechange?: boolean;
/**
* 监听菜单收缩
*
* @param {*} newVal
* @param {*} oldVal
* @memberof LiteIndexBase
*/
@Watch('collapsechange')
onCollapsechangeChange(newVal: any, oldVal: any) {
if (newVal !== this.isCollapse) {
this.isCollapse = !this.isCollapse;
}
}
/**
* 当前模式，菜单在顶部还是在底部
*
* @type {*}
* @memberof LiteIndexBase
*/
@Prop() mode: any;
/**
* 应用起始页面
*
* @type {boolean}
* @memberof LiteIndexBase
*/
@Prop({ default: false }) isDefaultPage?: boolean;
/**
* 空白视图模式
*
* @type {boolean}
* @memberof LiteIndexBase
*/
@Prop({ default: false }) isBlankMode?:boolean;
/**
* 默认打开视图
*
* @type {*}
* @memberof LiteIndexBase
*/
@Prop() defPSAppView: any;
/**
* 默认激活的index
*
* @type {*}
* @memberof LiteIndexBase
*/
@Provide() defaultActive: any = null;
/**
* 当前选中主题
*
* @type {*}
* @memberof LiteIndexBase
*/
@Prop() selectTheme: any;
/**
* 默认打开的index数组
*
* @type {any[]}
* @memberof LiteIndexBase
*/
@Provide() public defaultOpeneds: any[] = [];
/**
* 是否展开
*
* @type {boolean}
* @memberof LiteIndexBase
*/
@Provide() public isCollapse: boolean = false;
/**
* 触发方式，默认click
*
* @type {string}
* @memberof LiteIndexBase
*/
@Provide() trigger: string = 'click';
/**
* 计数器数据
*
* @type {*}
* @memberof LiteIndexBase
*/
public counterdata: any = {};
/**
* 建构权限服务对象
*
* @type {AuthService}
* @memberof LiteIndexBase
*/
public authService:AuthService = new AuthService({ $store: this.$store });
/**
* vue 生命周期
*
* @memberof LiteIndexBase
*/
public created() {
this.afterCreated();
}
/**
* 执行created后的逻辑
*
* @memberof LiteIndexBase
*/
public afterCreated(){
if (Object.is(this.mode, 'horizontal')) {
this.trigger = 'hover';
}
if (this.viewState) {
this.viewStateEvent = this.viewState.subscribe(({ tag, action, data }) => {
if (!Object.is(tag, this.name)) {
return;
}
this.load(data);
});
}
}
/**
* vue 生命周期
*
* @memberof LiteIndexBase
*/
public destroyed() {
this.afterDestroy();
}
/**
* 执行destroyed后的逻辑
*
* @memberof LiteIndexBase
*/
public afterDestroy() {
if (this.viewStateEvent) {
this.viewStateEvent.unsubscribe();
}
}
/**
* 处理菜单默认选中项
*
* @public
* @memberof LiteIndexBase
*/
public doMenuSelect(): void {
if (!this.isDefaultPage || this.isBlankMode) {
return;
}
const appFuncs: any[] = this.menuMode.getAppFuncs();
if (this.$route && this.$route.matched && this.$route.matched.length == 2) { // 存在二级路由
const [{ }, matched] = this.$route.matched;
const appfunc: any = appFuncs.find((_appfunc: any) => Object.is(_appfunc.routepath, matched.path) && Object.is(_appfunc.appfuncyype, 'APPVIEW'));
if (appfunc) {
this.computeMenuSelect(this.menus, appfunc.appfunctag);
}
return;
} else if (this.defPSAppView && Object.keys(this.defPSAppView).length > 0) { // 存在默认视图
const appfunc: any = appFuncs.find((_appfunc: any) => Object.is(_appfunc.routepath, this.defPSAppView.routepath) && Object.is(_appfunc.appfuncyype, 'APPVIEW'));
if (appfunc) {
this.computeMenuSelect(this.menus, appfunc.appfunctag);
}
const viewparam: any = {};
const path: string = this.$viewTool.buildUpRoutePath(this.$route, {}, this.defPSAppView.deResParameters, this.defPSAppView.parameters, [], viewparam);
this.$router.push(path);
return;
}
this.computeMenuSelect(this.menus, '');
let item = this.compute(this.menus, this.defaultActive);
if (Object.keys(item).length === 0) {
return;
}
if(!item.hidden){
this.click(item);
}
}
/**
* 计算菜单选中项
*
* @public
* @param {any[]} items
* @param {string} appfunctag
* @returns {boolean}
* @memberof LiteIndexBase
*/
public computeMenuSelect(items: any[], appfunctag: string): boolean {
const appFuncs: any[] = this.menuMode.getAppFuncs();
return items.some((item: any) => {
if (Object.is(appfunctag, '') && !Object.is(item.appfunctag, '') && item.opendefault) {
const appfunc = appFuncs.find((_appfunc: any) => Object.is(_appfunc.appfunctag, item.appfunctag));
if (appfunc.routepath) {
this.defaultActive = item.name;
this.setHideSideBar(item);
return true;
}
}
if (Object.is(item.appfunctag, appfunctag) && item.opendefault) {
this.setHideSideBar(item);
this.defaultActive = item.name;
return true;
}
if (item.items && item.items.length > 0) {
const state = this.computeMenuSelect(item.items, appfunctag);
if (state) {
this.defaultOpeneds.push(item.name);
return true;
}
}
return false;
});
}
/**
* 获取菜单项数据
*
* @public
* @param {any[]} items
* @param {string} name
* @returns
* @memberof LiteIndexBase
*/
public compute(items: any[], name: string) {
const item: any = {};
items.some((_item: any) => {
if (name && Object.is(_item.name, name)) {
Object.assign(item, _item);
this.setHideSideBar(_item);
return true;
}
if (_item.items && Array.isArray(_item.items)) {
const subItem = this.compute(_item.items, name);
if (Object.keys(subItem).length > 0) {
Object.assign(item, subItem);
return true;
}
}
return false;
});
return item;
}
/**
* 设置是否隐藏菜单栏
*
* @public
* @param {*} item
* @memberof LiteIndexBase
*/
public setHideSideBar(item: any): void {
if (item.hidesidebar) {
this.$emit('collapsechange', true);
}
}
/**
* 菜单项选中处理
*
* @param {*} index
* @param {any[]} indexs
* @returns
* @memberof LiteIndexBase
*/
public select(index: any, indexs: any[]) {
let item = this.compute(this.menus, index);
if (Object.keys(item).length === 0) {
return;
}
this.click(item);
}
/**
* 菜单点击
*
* @public
* @param {*} item 菜单数据
* @memberof LiteIndexBase
*/
public click(item: any) {
if (item) {
let navDataService = NavDataService.getInstance(this.$store);
if(Object.is(this.navModel,"route")){
navDataService.removeNavData(this.viewtag);
}
switch (item.appfunctag) {
case 'AppFunc7':
this.clickAppFunc7(item);
return;
case 'AppFunc5':
this.clickAppFunc5(item);
return;
case 'AppFunc9':
this.clickAppFunc9(item);
return;
case 'AppFunc6':
this.clickAppFunc6(item);
return;
case 'AppFunc11':
this.clickAppFunc11(item);
return;
case 'AppFunc8':
this.clickAppFunc8(item);
return;
case 'AppFunc10':
this.clickAppFunc10(item);
return;
case 'AppFunc4':
this.clickAppFunc4(item);
return;
case 'AppFunc':
this.clickAppFunc(item);
return;
case 'AppFunc2':
this.clickAppFunc2(item);
return;
case 'AppFunc3':
this.clickAppFunc3(item);
return;
default:
console.warn('未指定应用功能');
}
}
}
/**
* 路由
*
* @param {*} [item={}]
* @memberof LiteIndex
*/
public clickAppFunc7(item: any = {}) {
const viewparam: any = {};
Object.assign(viewparam, {});
const deResParameters: any[] = [];
const parameters: any[] = [
{ pathName: 'dstrouters', parameterName: 'dstrouter' },
{ pathName: 'gridview', parameterName: 'gridview' },
];
const path: string = this.$viewTool.buildUpRoutePath(this.$route, {}, deResParameters, parameters, [], viewparam);
if(Object.is(this.$route.fullPath,path)){
return;
}
this.$nextTick(function(){
this.$router.push(path);
})
}
/**
* 应用
*
* @param {*} [item={}]
* @memberof LiteIndex
*/
public clickAppFunc5(item: any = {}) {
const viewparam: any = {};
Object.assign(viewparam, {});
const deResParameters: any[] = [];
const parameters: any[] = [
{ pathName: 'dstapps', parameterName: 'dstapp' },
{ pathName: 'gridview', parameterName: 'gridview' },
];
const path: string = this.$viewTool.buildUpRoutePath(this.$route, {}, deResParameters, parameters, [], viewparam);
if(Object.is(this.$route.fullPath,path)){
return;
}
this.$nextTick(function(){
this.$router.push(path);
})
}
/**
* 模型
*
* @param {*} [item={}]
* @memberof LiteIndex
*/
public clickAppFunc9(item: any = {}) {
const viewparam: any = {};
Object.assign(viewparam, {});
const deResParameters: any[] = [];
const parameters: any[] = [
{ pathName: 'metamodels', parameterName: 'metamodel' },
{ pathName: 'gridview', parameterName: 'gridview' },
];
const path: string = this.$viewTool.buildUpRoutePath(this.$route, {}, deResParameters, parameters, [], viewparam);
if(Object.is(this.$route.fullPath,path)){
return;
}
this.$nextTick(function(){
this.$router.push(path);
})
}
@Prop() public xxx: any;
public mounted(){
console.log("zz:"+JSON.parse(this.xxx).zz);
}
/**
* 微服务
*
* @param {*} [item={}]
* @memberof LiteIndex
*/
public clickAppFunc6(item: any = {}) {
const viewparam: any = {};
Object.assign(viewparam, {});
const deResParameters: any[] = [];
const parameters: any[] = [
{ pathName: 'dstmicroservices', parameterName: 'dstmicroservice' },
{ pathName: 'gridview', parameterName: 'gridview' },
];
const path: string = this.$viewTool.buildUpRoutePath(this.$route, {}, deResParameters, parameters, [], viewparam);
if(Object.is(this.$route.fullPath,path)){
return;
}
this.$nextTick(function(){
this.$router.push(path);
})
}
/**
* 配置
*
* @param {*} [item={}]
* @memberof LiteIndex
*/
public clickAppFunc11(item: any = {}) {
const viewparam: any = {};
Object.assign(viewparam, {});
const deResParameters: any[] = [];
const parameters: any[] = [
{ pathName: 'dstconfigs', parameterName: 'dstconfig' },
{ pathName: 'gridview', parameterName: 'gridview' },
];
const path: string = this.$viewTool.buildUpRoutePath(this.$route, {}, deResParameters, parameters, [], viewparam);
if(Object.is(this.$route.fullPath,path)){
return;
}
this.$nextTick(function(){
this.$router.push(path);
})
}
/**
* 接口
*
* @param {*} [item={}]
* @memberof LiteIndex
*/
public clickAppFunc8(item: any = {}) {
const viewparam: any = {};
Object.assign(viewparam, {});
const deResParameters: any[] = [];
const parameters: any[] = [
{ pathName: 'dstapis', parameterName: 'dstapi' },
{ pathName: 'gridview', parameterName: 'gridview' },
];
const path: string = this.$viewTool.buildUpRoutePath(this.$route, {}, deResParameters, parameters, [], viewparam);
if(Object.is(this.$route.fullPath,path)){
return;
}
this.$nextTick(function(){
this.$router.push(path);
})
}
/**
* 大屏
*
* @param {*} [item={}]
* @memberof LiteIndex
*/
public clickAppFunc10(item: any = {}) {
const viewparam: any = {};
Object.assign(viewparam, {});
const deResParameters: any[] = [];
const parameters: any[] = [
{ pathName: 'bladevisuals', parameterName: 'bladevisual' },
{ pathName: 'gridview', parameterName: 'gridview' },
];
const path: string = this.$viewTool.buildUpRoutePath(this.$route, {}, deResParameters, parameters, [], viewparam);
if(Object.is(this.$route.fullPath,path)){
return;
}
this.$nextTick(function(){
this.$router.push(path);
})
}
/**
* 组件
*
* @param {*} [item={}]
* @memberof LiteIndex
*/
public clickAppFunc4(item: any = {}) {
const viewparam: any = {};
Object.assign(viewparam, {});
const deResParameters: any[] = [];
const parameters: any[] = [
{ pathName: 'dstcomponents', parameterName: 'dstcomponent' },
{ pathName: 'gridview', parameterName: 'gridview' },
];
const path: string = this.$viewTool.buildUpRoutePath(this.$route, {}, deResParameters, parameters, [], viewparam);
if(Object.is(this.$route.fullPath,path)){
return;
}
this.$nextTick(function(){
this.$router.push(path);
})
}
/**
* 实体
*
* @param {*} [item={}]
* @memberof LiteIndex
*/
public clickAppFunc(item: any = {}) {
const viewparam: any = {};
Object.assign(viewparam, {});
const deResParameters: any[] = [];
const parameters: any[] = [
{ pathName: 'metaentities', parameterName: 'metaentity' },
{ pathName: 'gridview', parameterName: 'gridview' },
];
const path: string = this.$viewTool.buildUpRoutePath(this.$route, {}, deResParameters, parameters, [], viewparam);
if(Object.is(this.$route.fullPath,path)){
return;
}
this.$nextTick(function(){
this.$router.push(path);
})
}
/**
* 数据源
*
* @param {*} [item={}]
* @memberof LiteIndex
*/
public clickAppFunc2(item: any = {}) {
const viewparam: any = {};
Object.assign(viewparam, {});
const deResParameters: any[] = [];
const parameters: any[] = [
{ pathName: 'dstdatasources', parameterName: 'dstdatasource' },
{ pathName: 'gridview', parameterName: 'gridview' },
];
const path: string = this.$viewTool.buildUpRoutePath(this.$route, {}, deResParameters, parameters, [], viewparam);
if(Object.is(this.$route.fullPath,path)){
return;
}
this.$nextTick(function(){
this.$router.push(path);
})
}
/**
* 视图
*
* @param {*} [item={}]
* @memberof LiteIndex
*/
public clickAppFunc3(item: any = {}) {
const viewparam: any = {};
Object.assign(viewparam, {});
const deResParameters: any[] = [];
const parameters: any[] = [
{ pathName: 'dstviews', parameterName: 'dstview' },
{ pathName: 'gridview', parameterName: 'gridview' },
];
const path: string = this.$viewTool.buildUpRoutePath(this.$route, {}, deResParameters, parameters, [], viewparam);
if(Object.is(this.$route.fullPath,path)){
return;
}
this.$nextTick(function(){
this.$router.push(path);
})
}
/**
* 数据加载
*
* @param {*} data
* @memberof LiteIndexBase
*/
public load(data: any) {
this.handleMenusResource(this.menuMode.getAppMenuItems());
}
/**
* 通过统一资源标识计算菜单
*
* @param {*} data
* @memberof LiteIndexBase
*/
public handleMenusResource(inputMenus:Array<any>){
if(this.$store.getters['authresource/getEnablePermissionValid']){
this.computedEffectiveMenus(inputMenus);
this.computeParentMenus(inputMenus);
}
this.dataProcess(inputMenus);
this.menus = inputMenus;
this.doMenuSelect();
}
/**
* 计算有效菜单项
*
* @param {*} inputMenus
* @memberof LiteIndexBase
*/
public computedEffectiveMenus(inputMenus:Array<any>){
inputMenus.forEach((_item:any) =>{
if(!this.authService.getMenusPermission(_item)){
_item.hidden = true;
if (_item.items && _item.items.length > 0) {
this.computedEffectiveMenus(_item.items);
}
}
})
}
/**
* 计算父项菜单项是否隐藏
*
* @param {*} inputMenus
* @memberof LiteIndexBase
*/
public computeParentMenus(inputMenus:Array<any>){
if(inputMenus && inputMenus.length >0){
inputMenus.forEach((item:any) =>{
if(item.hidden && item.items && item.items.length >0){
item.items.map((singleItem:any) =>{
if(!singleItem.hidden){
item.hidden = false;
}else{
if(singleItem.items && singleItem.items.length >0){
singleItem.items.map((grandsonItem:any) =>{
if(!grandsonItem.hidden){
item.hidden = false;
}
})
}
}
if(item.items && item.items.length >0){
this.computeParentMenus(item.items);
}
})
}
})
}
}
/**
* 数据处理
*
* @public
* @param {any[]} items
* @memberof LiteIndexBase
*/
public dataProcess(items: any[]): void {
items.forEach((_item: any) => {
if (_item.expanded) {
this.defaultOpeneds.push(_item.name);
}
if (_item.items && _item.items.length > 0) {
this.dataProcess(_item.items)
}
});
}
/**
* 提示框主题样式
*
* @readonly
* @type {string}
* @memberof LiteIndexBase
*/
get popperClass(): string {
return 'app-popper-menu ' + this.selectTheme;
}
}
</script>
<style lang='less'>
@import './lite-index-appmenu.less';
</style>
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或