大屏视图和工程树切换问题修改

TreeWish

2023-02-17 59a0af5ae9c127d39c95c64ec08b01510207dca4

大屏视图和工程树切换问题修改

 src/assets/element-variables.scss

@@ -1,11 +1,25 @@
/* æ”¹å˜ä¸»é¢˜è‰²å˜é‡ */
$--color-primary: #1890FF;
$--color-primary: #1890ff;

/* æ”¹å˜ icon å­—体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';
$--font-path: "~element-ui/lib/theme-chalk/fonts";

@import "~element-ui/packages/theme-chalk/src/index";

:export {
    theme: $--color-primary;
  theme: $--color-primary;
}

@font-face {
  font-family: "PangMenZhengDao";
  src: url("~@/assets/fonts/PANGMENZHENGDAOBIAOTITI-1.TTF");
}

@font-face {
  font-family: "YouSheBiaoTiHei";
  src: url("~@/assets/fonts/优设标题黑.TTF");
}
@font-face {
  font-family: "HYLingXinJ";
  src: url("~@/assets/fonts/HYLingXinTiJ.otf");
}

 src/assets/fonts/HYLingXinTiJ.otf

Binary files differ

 src/assets/fonts/PANGMENZHENGDAOBIAOTITI-1.TTF

Binary files differ

 src/assets/fonts/ÓÅÉè±êÌâºÚ.TTF

Binary files differ

 src/components/Screen/ProjectTree.vue

@@ -92,7 +92,7 @@
      isActive: false,
      isMenuLayer: true,
      openEcharts: false,
      filterText: '',
      filterText: "",
    }
  },

@@ -221,8 +221,19 @@
    font-size: 20px;
    width: 130px;
    text-align: center;
    padding-top: 10px;
    font-weight: bold;
    width: 140px;
    padding-top: 15px;
    color: #fff;
    background: linear-gradient(
      0deg,
      rgba(81, 192, 243, 0.65) 0%,
      rgba(255, 255, 255, 0.65) 86%
    );
    -webkit-background-clip: text;
    font-size: 17.5px;
    font-family: HYLingXinJ, HYLingXinJ-regular;
    font-weight: normal;
    letter-spacing: 1.05px;
  }
  .el-input {
    width: 80%;

 src/components/Screen/right.vue

@@ -87,7 +87,10 @@
      padding-left: 30px;
      height: 27px;
      line-height: 27px;
      font-size: 16px;
      background: linear-gradient(0deg, #9cd2ff 0%, #ffffff 100%);
      font-size: 15px;
      font-family: YouSheBiaoTiHei, YouSheBiaoTiHei-Regular;
      -webkit-background-clip: text;
      color: #fff;
    }
  }

 src/components/Screen/top.vue

@@ -2,15 +2,17 @@
  <div class="top">
    <div class="topleft">
      <div
        class="topleft1 topleftC"  @click="OpenInitChart"
        :class="{ topleft1: screen == false, topleftC: screen == true }"
        class="topleft1"
        :class="currView == 'chart' ? 'active' : ''"
        @click="OpenInitChart"
      >
        <img src="../../assets/img/Screen/bigST.png" />
        <span>大屏视图</span>
      </div>
      <div
        class="topleft1 topleftC" @click="OpenProjectree"
        :class="{ topleft1: tree == false, topleftC: tree == true }"
        class="topleft1"
        @click="OpenProjectree"
        :class="currView == 'tree' ? 'active' : ''"
      >
        <img src="../../assets/img/Screen/ptree.png" />
        <span>工程项目</span>
@@ -33,6 +35,7 @@
    return {
      tree: false,
      screen: false,
      currView: "chart",
    }
  },
  mounted() {},
@@ -42,17 +45,20 @@
    },

    //打开大屏
    OpenInitChart(){
      this.$parent.$refs.mapleft.OpenLeftInit();
    OpenInitChart() {
      this.currView = "chart"
      this.screen = true
      this.$parent.$refs.mapleft.OpenLeftInit()
    },

    //打开工程树
    OpenProjectree(){
      this.$parent.$refs.mapleft.OpenLeftProjectTree();
    }
    OpenProjectree() {
      this.screen = false

      this.currView = "tree"


      this.$parent.$refs.mapleft.OpenLeftProjectTree()
    },
  },
}
</script>
@@ -74,23 +80,21 @@
    justify-content: space-around;
    cursor: pointer;
    .topleft1 {
      width: 131px;
      height: 40px;
      background-image: url(../../assets/img/Screen/btnc.png);
      background-repeat: no-repeat;
      background-size: 100% 100%;
      display: flex;
      align-items: center;
    }
    .topleftC {
      width: 131px;
      height: 40px;
      width: 127px;
      height: 36px;
      // border: 1px solid #30acff;
      border-radius: 4px;
      background-image: url(../../assets/img/Screen/btnbg.png);
      background-repeat: no-repeat;
      background-size: 100% 100%;
      display: flex;
      align-items: center;
    }
    .active {
      background-image: url(../../assets/img/Screen/btnc.png);
      background-repeat: no-repeat;
      background-size: 100% 100%;
    }
    img {
      height: 26px;
      width: 32px;