管道基础大数据平台系统开发-【前端】-新系統界面
584911253@qq.com
2023-02-26 2364c314288f26a4d29b7d22e9baa1e45f43aaeb
src/views/Synthesis/index.vue
@@ -15,6 +15,11 @@
          <div class="menuImage" :class="item.class"></div>
        </div>
      </div>
      <div class="MenuIcon menu-class" :class="{ lefMenuActive: showMenuFlag == menuItem.id }">
        <div class="menuDiv" :title="menuItem.name" @click="setMenuChange(menuItem)">
          <div class="menuImage" :class="menuItem.class"></div>
        </div>
      </div>
    </div>
    <div class="rightContent">
      <div class="left_main" :class="{ left_main_show: !openStatus }">
@@ -50,24 +55,25 @@
      isActive: false,
      showMenuList: [],
      menuOption: [
        {
          id: 1,
          name: "菜单",
          class: "menu_img1",
          show: true,
        },
        // {
        //   id: 1,
        //   name: "菜单",
        //   class: "menu_img1",
        //   show: true,
        // },
        {
          id: 2,
          name: "图层",
          class: "menu_img2",
          show: false,
          show: true,
          // show: false,
        },
        {
          id: 3,
          name: "视图",
          class: "menu_img3",
          show: false,
        },
        // {
        //   id: 3,
        //   name: "视图",
        //   class: "menu_img3",
        //   show: false,
        // },
        {
          id: 4,
          name: "漫游",
@@ -111,6 +117,12 @@
          show: false,
        },
      ],
      menuItem: {
        id: 1,
        name: "折叠",
        class: "menu_img1",
        show: true,
      },
    };
  },
  watch: {},
@@ -118,9 +130,14 @@
  methods: {
    //左侧菜单滑动显隐
    setMenuChange(res) {
      if (res.id == this.showMenuFlag){
        return;
      }
      //清除查询弹窗
      this.$store.state.mapMenuBoolean = false;
      this.$store.state.mapMenuBoxFlag = "";
      //清除分析模块的全局变量
      ClearAlayse();
      switch (res.id) {
        case 1:
          if (this.showMenuFlag == null) return;
@@ -159,7 +176,6 @@
          this.showMenuChange(permsEntity[i], permsEntity);
        }
      }
      for (var i in this.menuOption) {
        if (this.menuOption[i].show != false) {
          this.showMenuList.push(this.menuOption[i]);
@@ -192,6 +208,7 @@
  },
  mounted() {
    // this.$bus.$emit('showLeftMenu', true);
    window.sgworld.navControl("nav", true);
    this.$store.state.mapMenuBoolean = false;
    this.$store.state.mapMenuBoxFlag = null;
    this.$store.state.mapPopBoolean = false;
@@ -295,9 +312,14 @@
    display: flex;
    .left_main {
      margin: 0;
      width: 255px;
      height: auto;
      transition: width 2s;
      //width: 255px;
      width: 130px;
      padding-bottom: 10px;
      height: calc(100% - 10px);
      overflow-y: auto;
      //height: auto;
      transition: width 1s;
      background: #F4F8FF;
    }
    .right_main {
@@ -346,6 +368,12 @@
      border-radius: 5px;
    }
  }
  .menu-class{
    position: absolute;
    bottom: 10px;
    left: 0;
  }
  /deep/.el-loading-spinner i {
    color: #1890ff;
  }