管道基础大数据平台系统开发-【前端】-新系統界面
src/views/Synthesis/index.vue
@@ -11,18 +11,38 @@
        class="MenuIcon"
        :class="{ lefMenuActive: showMenuFlag == item.id }"
      >
        <div class="menuDiv" :title="item.name" @click="setMenuChange(item)">
          <div class="menuImage" :class="item.class"></div>
        <div
          class="menuDiv"
          :title="item.name"
          @click="setMenuChange(item)"
        >
          <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
        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 }">
      <div
        class="left_main"
        :class="{ left_main_show: !openStatus }"
      >
        <div class="right_Map">
          <left-menu></left-menu>
        </div>
@@ -130,7 +150,7 @@
  methods: {
    //左侧菜单滑动显隐
    setMenuChange(res) {
      if (res.id == this.showMenuFlag){
      if (res.id == this.showMenuFlag) {
        return;
      }
      //清除查询弹窗
@@ -266,8 +286,8 @@
          center;
      }
      .menu_img4 {
        background: url("../../assets/img/synthesis/图层 8 拷贝 2.png")
          no-repeat center;
        background: url("../../assets/img/synthesis/图层 3.png") no-repeat
          center;
      }
      .menu_img5 {
        background: url("../../assets/img/synthesis/矢量智能对象 拷贝 3.png")
@@ -313,13 +333,14 @@
    .left_main {
      margin: 0;
      //width: 255px;
      width: 130px;
      padding-bottom: 10px;
      height: calc(100% - 10px);
      width: 140px;
      // padding-bottom: 10px;
      height: 100%;
      overflow-y: auto;
      //height: auto;
      transition: width 1s;
      background: #F4F8FF;
      // background: #f4f8ff;
    }
    .right_main {
@@ -369,7 +390,7 @@
    }
  }
  .menu-class{
  .menu-class {
    position: absolute;
    bottom: 10px;
    left: 0;