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

Surpriseplus

2022-10-26 62ae55ae397b7997b147a7b946f7ad5f1c78a45d

 src/views/Synthesis/coverage.vue

@@ -2,14 +2,14 @@
  <div id="coverage" class="coverage">
    <ul>
      <li
        style="width: 86px"
        style="margin-left: 10px; width: 130px"
        @click="checkCourvage(item)"
        v-for="item in itemsOne"
      >
        <div class="divli">
          <div :class="item.class" class="backimge1"></div>
          <div :class="item.class" class="backimge"></div>
        </div>
        <div class="div_li">{{ item.name }}</div>
        <div class="div_li">{{ $t(item.name) }}</div>
      </li>
    </ul>
  </div>
@@ -21,9 +21,9 @@
    return {
      itemsOne: [
        {
          id: "1",
          name: "图层管理",
          class: "a1",
          id: '1',
          name: 'synthesis.layer',
          class: 'a1',
        },
        // {
        //   id: "2",
@@ -31,26 +31,40 @@
        //   class: "a2",
        // },
        {
          id: "3",
          name: "场景发布",
          class: "a3",
          id: '3',
          name: 'synthesis.release',
          class: 'a3',
        },
        {
          id: "2",
          name: "场景导出",
          class: "a4",
          id: '2',
          name: 'synthesis.export',
          class: 'a4',
        },
      ],
    };
  },
  created() {
    var cover_Id = this.$store.state.syntiesis.menu;
    var cover_perms = this.$store.state.permsEntity;

    for (var i = 0; i < cover_perms.length; i++) {
      if (cover_perms[i].pid == cover_Id) {
        this.showCoverMenu(cover_perms[i]);
      }
    }
  },
  methods: {
    showCoverMenu(res) {
      if (res.cnName != '图层') return;
      console.log('图层', res.tag);
    },
    checkCourvage(res) {
      var res_val = {
        url: "",
        name: res.name,
      };
      this.$bus.$emit("changetool", res_val);
      switch (res.id) {
        case '1': //图层管理
          // 打开工程树弹窗

          break;
      }
    },
  },
};
@@ -76,23 +90,23 @@
  margin: 0px;
}
.a1 {
  background: url("../../assets/img/synthesis/图层 32.png") no-repeat center;
  background: url('../../assets/img/synthesis/图层 32.png') no-repeat center;
}
.a2 {
  background: url("../../assets/img/synthesis/场景打开.png") no-repeat center;
  background: url('../../assets/img/synthesis/场景打开.png') no-repeat center;
}
.a3 {
  background: url("../../assets/img/synthesis/场景发布.png") no-repeat center;
  background: url('../../assets/img/synthesis/场景发布.png') no-repeat center;
}
.a4 {
  background: url("../../assets/img/synthesis/图层 35.png") no-repeat center;
  background: url('../../assets/img/synthesis/图层 35.png') no-repeat center;
}
.backimge1 {
.backimge {
  width: 30px;
  height: 30px;
  margin-left: 25px;
  position: absolute;
  background-size: 100% 100%;
  margin: 0 38%;
}
.divli {
  width: 100%;