综合展示，系统管理，授权管理，专题图，资料馆添加权限配置

Surpriseplus

2022-10-26 62ae55ae397b7997b147a7b946f7ad5f1c78a45d

 src/components/navMenu.vue

@@ -1,5 +1,5 @@
<template>
  <div>
  <div class="leftMenu">
    <div class="leftTopWrapper">
      <div class="logo">
        <img src="../assets/img/www.terra-it.cn.png" alt="" />
@@ -37,7 +37,7 @@
import { logout } from '@/api/api';
import { removeToken, getToken } from '@/utils/auth';
import customElMenu from '../components/customElMenu.vue';
import { queryMenuTree, updateMenuTree, queryMaxId } from '../api/api';
import { queryMenuTree, getPerms } from '../api/api';

export default {
  name: 'navMenu',
@@ -65,6 +65,7 @@
    };
  },
  mounted() {
    this.getUserPerms();
    this.getMenuTree();
  },
  computed: {
@@ -162,7 +163,9 @@
        this.$store.commit('changeLang', 'en'); //传递点击的节点
      }
    },
    handleselect(index, indexPath) {
    handleselect(index, indexPath, e) {
      // console.log(e.$attrs.perms);
      this.$store.commit('currentPerms', e.$attrs.perms.perms);
      if (Window.ws != null) {
        Window.ws.close();
        Window.ws.onclose = () => {
@@ -177,6 +180,11 @@
      } else if (isNaN(Number(index))) {
        this.$router.push(index);
      }
    },
    getUserPerms() {
      getPerms().then((res) => {
        if (res.code == 200) this.$store.commit('getPermsEntity', res.result);
      });
    },
  },
  watch: {
@@ -197,8 +205,14 @@
</script>
<style lang="less" scoped>
//@import url(); 引入公共css类
.leftMenu {
  // width: 300px;
  height: 99%;
  // background-color: #bfa;
}
.leftTopWrapper {
  width: 100%;
  height: 100%;
  .logo {
    // background-color: rgb(139, 0, 0);
    width: 249px;
@@ -208,12 +222,13 @@
    }
  }
  .menu {
    height: 740px;
    height: 90%;
    margin-top: 22px;
    overflow: auto;

    // background-color: rgb(120, 121, 120);
    .el-menu {
      width: 234px;
      height: 100%;
      width: 280px;
      border-right: none;
      /deep/ .el-submenu {
        margin-bottom: 10px;