add

08335 / hivui-platform-template

hivui平台项目模板

Browse code add master
1 parent c97311b commit d346cfa4144d1a5b5d07019d6f7205e3addb2127 20278 authored on 29 Jul 2022

Showing 1 changed file

Ignore Space Show notes View project/hivuiMain/views/layout/components/allFuncMenu/menus.vue
<template> <p-sub-menu ref="subMenu" :level="level" :parent="parent" :isAllFunc="true"> <template slot="title"> {{menuitem.name}} <i v-if="menuitem.type=='dir'" class="el-icon-caret-right"></i> </template> <template v-for="(item,index) in menuitem.children"> <p-menu-item :icon="item.iconClass" v-if="item.isShow&&!(item.children&&item.children.length)" @click="handleOpenFunc(item)">{{item.name}}</p-menu-item> <nav-sub-menus :menuitem="item" v-if="item.isShow&&item.children&&item.children.length"></nav-sub-menus> </template> </p-sub-menu> </template> <script> import {PMenu,PSubMenu,PMenuItem} from '../menus' export default { name:'NavSubMenus', inject:['addTab','showTab','hideTab','hideAllFuncBox'], components:{ PMenu,PSubMenu,PMenuItem }, props:{ menuitem:{ type:Object }, level:{ type:Number }, parent:{ type:Object } }, methods:{ handleOpenFunc(item){ let me=this; if(item.type== "link"){ window.open(item.resUrl,item.name); return; } me.addTab(item);//inject 提供的方法只能传一个参数 me.$refs.subMenu.hide(); setTimeout(()=>{ me.hideAllFuncBox(); },200); } } } </script> <template> <p-sub-menu ref="subMenu" :level="level" :parent="parent" :isAllFunc="true"> <template slot="title"> {{menuitem.name}} <i v-if="menuitem.type=='dir'" class="el-icon-caret-right"></i> </template> <template v-for="(item,index) in menuitem.children"> <p-menu-item :icon="item.iconClass" v-if="item.isShow&&!(item.children&&item.children.length)" @click="handleOpenFunc(item)">{{item.name}}</p-menu-item> <nav-sub-menus :menuitem="item" v-if="item.isShow&&item.children&&item.children.length"></nav-sub-menus> </template> </p-sub-menu> </template> <script> import {PMenu,PSubMenu,PMenuItem} from '../menus' export default { name:'NavSubMenus', inject:['addTab','showTab','hideTab','hideAllFuncBox'], components:{ PMenu,PSubMenu,PMenuItem }, props:{ menuitem:{ type:Object }, level:{ type:Number }, parent:{ type:Object } }, methods:{ handleOpenFunc(item){ let me=this; if(item.type== "link"){ window.open(item.resUrl,item.name); return; } me.addTab(item);//inject 提供的方法只能传一个参数 me.$refs.subMenu.hide(); setTimeout(()=>{ me.hideAllFuncBox(); },100); } } } </script>

Ignore Space Show notes View

project/hivuiMain/views/layout/components/allFuncMenu/menus.vue

<template>
    <p-sub-menu ref="subMenu" :level="level" :parent="parent" :isAllFunc="true">
        <template slot="title">
            {{menuitem.name}}
            <i v-if="menuitem.type=='dir'" class="el-icon-caret-right"></i>
        </template>
        <template v-for="(item,index) in menuitem.children">
            <p-menu-item :icon="item.iconClass"  v-if="item.isShow&&!(item.children&&item.children.length)" @click="handleOpenFunc(item)">{{item.name}}</p-menu-item>            
            <nav-sub-menus :menuitem="item" v-if="item.isShow&&item.children&&item.children.length"></nav-sub-menus>
        </template>
    </p-sub-menu>

</template>
<script> 
import {PMenu,PSubMenu,PMenuItem} from '../menus'
export default {
    name:'NavSubMenus',
    inject:['addTab','showTab','hideTab','hideAllFuncBox'],
    components:{
        PMenu,PSubMenu,PMenuItem
    },
    props:{
        menuitem:{
            type:Object
        },
        level:{
            type:Number
        },
        parent:{
            type:Object
        }
    },
    methods:{  
        handleOpenFunc(item){
            let me=this;
            if(item.type== "link"){
                window.open(item.resUrl,item.name);
                return;
            }
            me.addTab(item);//inject 提供的方法只能 传一个参数
            me.$refs.subMenu.hide();
            setTimeout(()=>{
                me.hideAllFuncBox();
            },200);
            
        }
    }
}
</script>

Show line notes below