菜单

lxl

2022-10-26 e3196bc81327e82748c7683c5cad9849b4b228b6

菜单

 src/components/customElMenu.vue

@@ -14,6 +14,7 @@
      <el-menu-item
        v-else
        :key="item.id"
        :perms="item"
        :index="item.url == null ? item.id.toString() : item.url + ''"
      >
        <span slot="title">{{

 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="" />
@@ -163,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 = () => {
@@ -181,7 +183,7 @@
    },
    getUserPerms() {
      getPerms().then((res) => {
        this.$commit("getPermsEntity", res.result);
        if (res.code == 200) this.$store.commit("getPermsEntity", res.result);
      });
    },
  },
@@ -203,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;
@@ -214,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;

 src/store/index.js

@@ -28,12 +28,16 @@
    ws: null,
    //权限合集
    permsEntity: [],
    currentPerms: "",
  },
  mutations: {
    //获取权限合集
    getPermsEntity() {
    getPermsEntity(state, msg) {
      state.permsEntity = msg
    },
    currentPerms(state, msg) {
      state.currentPerms = msg
    },
    // 获取完整面包屑路径
    changeCata(state, msg) {
      state.catalogueName = msg;

 src/views/datamanage/metadataManage.vue

@@ -22,13 +22,14 @@
            size="small"
            >重置</el-button
          >
          <!-- <el-button
          <el-button
            v-if="btnStatus.download"
            @click="downFormData"
            icon="el-icon-download"
            type="success"
            size="small"
            >下载</el-button
          > -->
          >
          <!-- <el-button
            @click="downFormData"
            icon="el-icon-download"
@@ -37,6 +38,7 @@
            >下载</el-button
          > -->
          <el-button
            v-if="btnStatus.delete"
            @click="DelFormData"
            icon="el-icon-delete"
            type="danger"
@@ -316,12 +318,28 @@
      pageSize: 10,
      pageNum: 1,
      searchName: "",
      btnStatus: {
        select: false,
        delete: false,
        upload: false,
        download: false,
        insert: false,
        update: false,
      },
    };
  },
  created() {
    this.getMetaData(10, 1, "");
    this.showPermsBtn();
  },
  methods: {
    showPermsBtn() {
      let currentPerms = this.$store.state.currentPerms;
      let permsEntity = this.$store.state.permsEntity;
      permsEntity
        .filter((item) => item.perms == currentPerms)
        .map((item) => (this.btnStatus[item.tag.substr(1)] = true));
    },
    ShowWindowFly(res) {
      console.log(res);
      if (res == "") return;