| | |
| | | <template> |
| | | <div class="menu-wrapper"> |
| | | <template v-for="(item,index) in menus"> |
| | | <el-menu-item v-if="validatenull(item[childrenKey]) && vaildRoles(item)" :index="item[pathKey]" |
| | | :key="index" :class="{ 'is-active': vaildAvtive(item) }" @click="open(item)"> |
| | | <template v-for="(item, index) in menu"> |
| | | <el-menu-item v-if="validatenull(item[childrenKey]) && vaildRoles(item)" :index="item[pathKey]" :key="index" |
| | | :class="{ 'is-active': vaildAvtive(item) }" @click="open(item)"> |
| | | <i :class="item[iconKey]" /> |
| | | <span slot="title" :alt="item[pathKey]">{{ item[labelKey] }}</span> |
| | | </el-menu-item> |
| | | <el-submenu v-else-if="!validatenull(item[childrenKey]) && vaildRoles(item)" :index="item[pathKey]" |
| | | :key="index"> |
| | | <el-submenu v-else-if="!validatenull(item[childrenKey]) && vaildRoles(item)" :index="item[pathKey]" :key="index"> |
| | | <template slot="title"> |
| | | <i :class="item[iconKey]" /> |
| | | <span slot="title" :class="{ 'el-menu--display': collapse && first }">{{ item[labelKey] }}</span> |
| | |
| | | // this.filterMenus('基础',['POC','盘具维护','IFS日志']) |
| | | }, |
| | | mounted() { |
| | | this.filterMenus('基础',['POC','盘具维护','IFS日志']) |
| | | }, |
| | | // this.filterMenus('基础',['POC','盘具维护','IFS日志']) |
| | | }, |
| | | computed: { |
| | | ...mapGetters(['roles']), |
| | | labelKey() { |
| | |
| | | }, |
| | | methods: { |
| | | filterMenus(fatherName, childrens) { |
| | | this.menus=this.menu |
| | | this.menus = this.menu |
| | | let start_menu = JSON.parse(JSON.stringify(this.menus)); |
| | | let base = start_menu.filter(item => { |
| | | return item.label === fatherName |
| | |
| | | return !childrens.includes(item.label); |
| | | }) |
| | | this.menus.forEach(element => { |
| | | if (element.label === '基础') { |
| | | element.children = [] |
| | | element.children = up_base |
| | | } |
| | | }); |
| | | if (element.label === '基础') { |
| | | element.children = [] |
| | | element.children = up_base |
| | | } |
| | | }); |
| | | }, |
| | | filterFatherMenus(menuName){ |
| | | |
| | | filterFatherMenus(menuName) { |
| | | |
| | | }, |
| | | dragOpen(item) { |
| | | var routeData = this.$router.resolve({ |