管道基础大数据平台系统开发-【前端】-新系統界面
Surpriseplus
2023-01-16 21ddc9ec1b1b76d2ce20e512328e65acaf1af2bf
src/views/Synthesis/index.vue
@@ -6,7 +6,23 @@
    element-loading-background="rgba(0, 0, 0, 0.8)"
  >
    <div class="lefIcon">
      <ul>
      <div
        v-for="item in showMenuList"
        class="MenuIcon"
        :class="{ lefMenuActive: showMenuFlag == item.id }"
      >
        <div
          class="menuDiv"
          :title="item.name"
          @click="setMenuChange(item)"
        >
          <div
            class="menuImage"
            :class="item.class"
          ></div>
        </div>
      </div>
      <!-- <ul>
        <li
          v-for="item in showMenuList"
          :class="{ lefMenuActive: showMenuFlag == item.id }"
@@ -22,7 +38,7 @@
            ></div>
          </div>
        </li>
      </ul>
      </ul> -->
    </div>
    <div class="rightContent">
      <div
@@ -124,7 +140,7 @@
    };
  },
  watch: {},
  created() { },
  methods: {
    //左侧菜单滑动显隐
    setMenuChange(res) {
@@ -141,8 +157,8 @@
    },
    //初始化菜单授权
    async getPermsMenu() {
      if (this.$store.state.currentPerms == '') {
      if (this.$store.state.currentPerms == '' || this.$store.state.currentPerms != '/comprehensive') {
        this.$store.state.currentPerms = '/comprehensive';
      }
      if (this.$store.state.permsEntity.length == 0) {
@@ -151,12 +167,13 @@
      }
      var val = this.$store.state.currentPerms;
      var permsEntity = this.$store.state.permsEntity;
      debugger
      for (var i = 0; i < permsEntity.length; i++) {
        if (permsEntity[i].perms == val) {
          this.showMenuChange(permsEntity[i], permsEntity);
        }
      }
      for (var i in this.menuOption) {
        if (this.menuOption[i].show != false) {
@@ -190,7 +207,7 @@
    },
  },
  mounted() {
    this.getPermsMenu();
    this.$store.state.layerMnage = false
    this.$bus.$emit('showLeftMenu', true);
    this.$store.state.mapMenuBoolean = false;
    this.$store.state.mapMenuBoxFlag = null;
@@ -199,7 +216,7 @@
  },
  //初始化菜单授权
  created() {
    // this.getPermsMenu();
    this.getPermsMenu();
  },
};
</script>
@@ -212,20 +229,28 @@
  .lefIcon {
    width: 63px;
    height: 100%;
    overflow-y: auto;
    background: #353535;
    position: absolute;
    z-index: 30;
    .MenuIcon {
      width: calc(100% - 2px);
      height: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 1px solid rgba(53, 53, 53, 0);
    }
    .menuDiv {
      width: 60px;
      height: 60px;
      height: 50px;
      border: 1px solid rgba(53, 53, 53, 0);
      .menuImage {
        width: 26px;
        height: 26px;
        margin-left: 17px;
        margin-top: 17px;
        width: 40px;
        height: 40px;
        margin-left: 8px;
        margin-top: 6px;
      }
      .menu_img1 {
@@ -338,8 +363,8 @@
      border-radius: 5px;
    }
  }
  /deep/.el-loading-spinner i{
    color: #1890FF;
  /deep/.el-loading-spinner i {
    color: #1890ff;
  }
}
</style>