最新版本

lixuliang

2023-10-20 4509dd489115a499a0f63487ec90adfdc7a5cd56

 src/components/left/left.vue

@@ -1,8 +1,13 @@
<template>
  <div class="left" id="left">
    <transition name="el-fade-in-linear">
      <div v-show="dropShow" class="left-downdrop" @click="test" @mouseenter="simulationHoverOn('下拉')"
        @mouseleave="dropHoverOff">
      <div
        v-show="dropShow"
        class="left-downdrop"
        @click="test"
        @mouseenter="simulationHoverOn('下拉')"
        @mouseleave="dropHoverOff"
      >
        <img v-if="!isShowZkImg" src="@/assets/img/left/leftnav2.png" />
        <img v-else src="@/assets/img/left/leftnav2-s.png" />
      </div>
@@ -11,11 +16,24 @@
      <div class="left-l" id="left-l">
        <el-collapse-transition>
          <div class="leftAll" v-show="leftShow">
            <el-tabs type="border-card" :tab-position="tabPosition" v-model="activeName" @tab-click="tabclick">
            <el-tabs
              type="border-card"
              :tab-position="tabPosition"
              v-model="activeName"
              @tab-click="tabclick"
            >
              <el-tab-pane label="资源目录" name="资源目录">
                <span slot="label" @click="simulationHoverOn('资源目录')">
                  <img class="resMenuImg" v-if="!isShowResMenuImg" src="@/assets/img/left/souselist4.png" />
                  <img class="resMenuImg" v-else src="@/assets/img/left/souselist4-s.png" />
                  <img
                    class="resMenuImg"
                    v-if="!isShowResMenuImg"
                    src="@/assets/img/left/souselist4.png"
                  />
                  <img
                    class="resMenuImg"
                    v-else
                    src="@/assets/img/left/souselist4-s.png"
                  />
                </span>
                <div v-show="isShowResMenu" class="leftContent">
                  <layertree />
@@ -129,8 +147,6 @@
        </el-collapse-transition>
      </div>
    </div>
    <dlbm v-if="dlbm"></dlbm>
    <ndlbm v-if="ndlbm"></ndlbm>
  </div>
</template>

@@ -377,8 +393,6 @@
}
</style>
<script>
import dlbm from "./dlbm.vue";
import ndlbm from "./ndlbm.vue";
import leftkjfx from "@/components/left/left-kjfx";
import leftztfx from "@/components/left/left-ztfx";
import leftcjms from "@/components/left/left-cjms";
@@ -398,8 +412,6 @@
    layertree,
    layertreebak,
    Layer,
    dlbm,
    ndlbm
  },
  data() {
    return {
@@ -440,26 +452,18 @@
      cjms: false,
      tx: false,
      yu: 10,
      isShow: false
      isShow: false,
    };
  },
  watch: {
    isShowResMenu(val) {
      if (val) {
        document.querySelector('.el-tabs--border-card').style.height = '444px'
        document.querySelector(".el-tabs--border-card").style.height = "444px";
      } else {
        document.querySelector('.el-tabs--border-card').style.height = '65px'
        this.isShowResMenuImg = false
        document.querySelector(".el-tabs--border-card").style.height = "65px";
        this.isShowResMenuImg = false;
      }
    }
  },
  computed: {
    dlbm: function () {
      return this.$store.state.dlbm;
    },
    ndlbm: function () {
      return this.$store.state.ndlbm;
    }
  },

  methods: {
@@ -600,7 +604,7 @@
    },
    closeHighLight() {
      this.$refs.ZTFX.closeHighLight();
    }
  }
    },
  },
};
</script>