代码提交

surprise

2024-01-08 7e6b37afd1295c71bca1de595426330aff88420d

 src/components/menu/tools/measure.vue

@@ -2,65 +2,31 @@
  <div class="measure" id="measure">
    <div class="measureTools">
      <div class="measureTool" @click="jl">
        <el-tooltip
          class="item"
          effect="dark"
          content="距离"
          placement="top-start"
          popper-class="item_tooltip"
        >
        <el-tooltip class="item" effect="dark" content="距离" placement="top-start" popper-class="item_tooltip">
          <el-button>
            <img src="@/assets/img/right/ls/jl1.png" />
          </el-button>
        </el-tooltip>
      </div>
      <div class="measureTool" @click="bmjl">
        <el-tooltip
          class="item"
          effect="dark"
          content="表面距离"
          placement="top-start"
          popper-class="item_tooltip"
        >
        <el-tooltip class="item" effect="dark" content="表面距离" placement="top-start" popper-class="item_tooltip">
          <el-button>
            <img src="@/assets/img/right/ls/bmjl1.png" /> </el-button
        ></el-tooltip>
            <img src="@/assets/img/right/ls/bmjl1.png" /> </el-button></el-tooltip>
      </div>
      <div class="measureTool" @click="mj">
        <el-tooltip
          class="item"
          effect="dark"
          content="面积"
          placement="top-start"
          popper-class="item_tooltip"
        >
        <el-tooltip class="item" effect="dark" content="面积" placement="top-start" popper-class="item_tooltip">
          <el-button>
            <img src="@/assets/img/right/ls/mj1.png" /> </el-button
        ></el-tooltip>
            <img src="@/assets/img/right/ls/mj1.png" /> </el-button></el-tooltip>
      </div>
      <div class="measureTool" @click="bmmj">
        <el-tooltip
          class="item"
          effect="dark"
          content="表面面积"
          placement="top-start"
          popper-class="item_tooltip"
        >
        <el-tooltip class="item" effect="dark" content="表面面积" placement="top-start" popper-class="item_tooltip">
          <el-button>
            <img src="@/assets/img/right/ls/bmmj1.png" /> </el-button
        ></el-tooltip>
            <img src="@/assets/img/right/ls/bmmj1.png" /> </el-button></el-tooltip>
      </div>
      <div class="measureTool" @click="height">
        <el-tooltip
          class="item"
          effect="dark"
          content="垂直高度"
          placement="top-start"
          popper-class="item_tooltip"
        >
        <el-tooltip class="item" effect="dark" content="垂直高度" placement="top-start" popper-class="item_tooltip">
          <el-button>
            <img src="@/assets/img/right/ls/gd1.png" /> </el-button
        ></el-tooltip>
            <img src="@/assets/img/right/ls/gd1.png" /> </el-button></el-tooltip>
      </div>
      <!-- <div
        :class="isOpen['tj'] ? 'measureTool active' : 'measureTool'"
@@ -71,29 +37,15 @@
          <label>体积</label>
        </el-button>
      </div> -->
      <!-- <div class="measureTool" @click="jd">
        <el-tooltip
          class="item"
          effect="dark"
          content="角度"
          placement="top-start"
          popper-class="item_tooltip"
        >
      <div class="measureTool" @click="zb">
        <el-tooltip class="item" effect="dark" content="坐标" placement="top-start" popper-class="item_tooltip">
          <el-button>
            <img src="@/assets/img/right/ls/jd1.png" /> </el-button
        ></el-tooltip>
      </div> -->
            <img src="@/assets/img/right/ls/jd1.png" /> </el-button></el-tooltip>
      </div>
      <div class="measureTool" @click="clearMeasure">
        <el-tooltip
          class="item"
          effect="dark"
          content="清除"
          placement="top-start"
          popper-class="item_tooltip"
        >
        <el-tooltip class="item" effect="dark" content="清除" placement="top-start" popper-class="item_tooltip">
          <el-button>
            <img src="@/assets/img/right/ls/qc-s.png" /> </el-button
        ></el-tooltip>
            <img src="@/assets/img/right/ls/qc-s.png" /> </el-button></el-tooltip>
      </div>
    </div>
  </div>
@@ -105,10 +57,12 @@
  width: 111%;
  margin-left: -15px;
}

.el-button:focus,
.el-button:hover {
  background: transparent;
}

.measure {
  position: absolute;
  left: 65px;
@@ -117,12 +71,14 @@
  /* border-radius: 30px; */
  box-shadow: 0px 0px 10px rgba(101, 180, 253, 0.8) inset;
  background-color: rgba(5, 39, 126, 0.7);
  width: 350px;
  width: 410px;
}

.measureTools {
  margin-left: 20px;
  overflow: hidden;
}

.measureTool {
  border: 1px solid #999;
  border-radius: 5px;
@@ -131,9 +87,11 @@
  height: 40px;
  margin: 5px;
}

.measureTool img{
    margin: 4px;
}

.measureTools::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
@@ -158,6 +116,7 @@
  border-radius: 0;
  background: rgba(218, 218, 218, 0.1);
}

.measureTool:hover {
  background: rgba(0, 168, 255, 0.16);
}
@@ -165,9 +124,11 @@
.tool-title {
  margin: 1px 10px;
}

.tool-title label {
  vertical-align: top;
}

.measure label {
  margin-left: 10px;
  font-size: 17px;
@@ -176,6 +137,7 @@
  /* color: #3d3d3d; */
  color: white;
}

.el-button {
  padding: 0 !important;
  font-size: 24px;
@@ -184,14 +146,17 @@
  display: block;
  background: rgba(0, 0, 0, 0);
}

.el-button label {
  font-size: 14px;
}

.closeTool {
  position: absolute;
  bottom: 0;
  left: 0;
}

.active {
  background: rgba(0, 168, 255, 0.16);
}
@@ -239,6 +204,11 @@
      this.$parent.isShowMeasure = false;
      this.$parent.isShow = false;
    },


    zb(){
      this.$store.state.isMeasureFlag= true;
    },
    //清除测量
    clearMeasure() {
      // 关闭当前的操作界面
@@ -247,7 +217,9 @@
        item.deleteObject();
      });
      measureData = [];

      this.$store.state.isShowMeasureCoord = false
      this.$store.state.isMeasureFlag = false
      this.$store.state.measureCoordObj = false
      volumetricMeasurementTool && volumetricMeasurementTool.cleanUp();
    },
    // 距离量算