管道基础大数据平台系统开发-【前端】-新系統界面
Surpriseplus
2023-02-08 e4c5bd13edea4cf6a1b0f4e825902344b5cb599e
src/views/Synthesis/LeftMenu.vue
@@ -7,13 +7,21 @@
      :class="{ lefMenuDivActive: showTwoMenuFlag == item.id }"
      :key="index"
    >
      <div class="menuTwoImage" :class="item.css"></div>
      <div
        class="menuTwoImage"
        :class="item.css"
      ></div>
      <div>{{ $t(item.label) }}</div>
    </div>
    <mapinfo ref="mapinfo" />
    <maplayer ref="maplayer" />
    <queryinfo ref="queryinfo" />
    <input type="file" accept=".kml" class="file" style="display: none" />
    <input
      type="file"
      accept=".kml"
      class="file"
      style="display: none"
    />
  </div>
</template>
@@ -285,6 +293,12 @@
            css: "twoMenu_imge81",
          },
          {
            id: "h8",
            label: "synthesis.textLabel",
            name: "文本点",
            css: "twoMenu_imge81",
          },
          {
            id: "h2",
            label: "synthesis.line",
            name: "线",
@@ -394,27 +408,27 @@
    setPlot(res) {
      switch (res) {
        case "h1":
          sgworld.Creator.createSimpleGraphic("point", {}, function (entity) {})
          sgworld.Creator.createSimpleGraphic("point", {}, function (entity) { })
          break
        case "h2":
          sgworld.Creator.createSimpleGraphic(
            "polyline",
            {},
            function (entity) {}
            function (entity) { }
          )
          break
        case "h3":
          sgworld.Creator.createSimpleGraphic(
            "rectangle",
            {},
            function (entity) {}
            function (entity) { }
          )
          break
        case "h4":
          sgworld.Creator.createSimpleGraphic(
            "polygon",
            {},
            function (entity) {}
            function (entity) { }
          )
          break
        case "h5":
@@ -426,6 +440,9 @@
        case "h7":
          sgworld.Creator.SimpleGraphic.clear()
          break
        case "h8":
          sgworld.Creator.createSimpleGraphic("label", {}, function (entity) { })
          break
      }
    },
@@ -474,6 +491,7 @@
        let files = evt.target.files
        if (files.length > 0) {
          let file = evt.target.files[0]
          // sgworld.Creator.addKmlLayer('kml数据', file, true);
          let fileReader = new FileReader()
          fileReader.readAsDataURL(file)
          fileReader.onload = () => {
@@ -482,6 +500,7 @@
              canvas: sgworld.Viewer.scene.canvas,
              clampToGround: true,
            }
            files
            var geocachePromise = Cesium.KmlDataSource.load(
              fileReader.result,
              kmlOptions
@@ -491,8 +510,8 @@
              for (var i = 0; i < geocacheEntities.length; i++) {
                var entity = geocacheEntities[i]
                sgworld.Viewer.entities.add(entity)
                console.log("entity", entity)
              }
            })
            // sgworld.Viewer.dataSources
@@ -528,18 +547,18 @@
        url,
        name,
        "height=" +
          iHeight +
          ",,innerHeight=" +
          iHeight +
          ",width=" +
          iWidth +
          ",innerWidth=" +
          iWidth +
          ",top=" +
          iTop +
          ",left=" +
          iLeft +
          ",toolbar=no,menubar=no,scrollbars=auto,resizeable=no,location=no,status=no"
        iHeight +
        ",,innerHeight=" +
        iHeight +
        ",width=" +
        iWidth +
        ",innerWidth=" +
        iWidth +
        ",top=" +
        iTop +
        ",left=" +
        iLeft +
        ",toolbar=no,menubar=no,scrollbars=auto,resizeable=no,location=no,status=no"
      )
    },
@@ -618,9 +637,8 @@
            "auto",
            data => {
              if (volumetricMeasurementTool.popupData) {
                volumetricMeasurementTool.popupData.value = `填方:${
                  data.volume.fill.toFixed(4) + data.unit.fill
                }<br>挖方:${data.volume.dig.toFixed(4) + data.unit.dig}`
                volumetricMeasurementTool.popupData.value = `填方:${data.volume.fill.toFixed(4) + data.unit.fill
                  }<br>挖方:${data.volume.dig.toFixed(4) + data.unit.dig}`
              } else {
                data.id = window.sgworld.Core.getuid()
                this.measureData.set(data.id, volumetricMeasurementTool)
@@ -684,9 +702,8 @@
          })
          break
        case "体积方量":
          info = `填方:${
            data.volume.fill.toFixed(4) + data.unit.fill
          }<br>挖方:${data.volume.dig.toFixed(4) + data.unit.dig}`
          info = `填方:${data.volume.fill.toFixed(4) + data.unit.fill
            }<br>挖方:${data.volume.dig.toFixed(4) + data.unit.dig}`
          break
      }
      return (
@@ -775,9 +792,8 @@
            "auto",
            data => {
              if (volumetricMeasurementTool.popupData) {
                volumetricMeasurementTool.popupData.value = `填方:${
                  data.volume.fill.toFixed(4) + data.unit.fill
                }<br>挖方:${data.volume.dig.toFixed(4) + data.unit.dig}`
                volumetricMeasurementTool.popupData.value = `填方:${data.volume.fill.toFixed(4) + data.unit.fill
                  }<br>挖方:${data.volume.dig.toFixed(4) + data.unit.dig}`
              } else {
                data.id = sgworld.Core.getuid()
                this.measureData.set(data.id, volumetricMeasurementTool)
@@ -859,7 +875,7 @@
            window.Excavation = sgworld.Analysis.TerrainExcavation(
              10,
              {},
              function () {}
              function () { }
            )
          }
          break
@@ -941,7 +957,7 @@
        GroupID: 0,
        url: "/SmartEarthSDK/Workers/image/waterNormals.jpg",
      }
      window.AnalysisFlood = sgworld.Command.execute(2, 2, method, value => {})
      window.AnalysisFlood = sgworld.Command.execute(2, 2, method, value => { })
    },
    addterrainSectionAnalysis() {
      window.AnalysisDXPM = sgworld.Command.execute(
@@ -1069,10 +1085,32 @@
        case "b7": //比例尺
          this.isRuler = !this.isRuler
          window.sgworld.navControl("scale", this.isRuler)
          let scale = document.querySelector(".ol-scale-line")
          let zoomCtrl = document.querySelector(".ol-zoom")
          if (!this.isRuler) {
            scale.style.display = "none"
            zoomCtrl.style.display = "none"
          } else {
            scale.style.display = "block"
            zoomCtrl.style.display = "block"
          }
          break
        case "b8": //指北针
          this.isNaviget = !this.isNaviget
          window.sgworld.navControl("nav", this.isNaviget)
          let rotate = document.querySelector(".ol-rotate")
          let fullscreen = document.querySelector(".ol-full-screen")
          if (!this.isNaviget) {
            rotate.style.display = "none"
            fullscreen.style.display = "none"
          } else {
            rotate.style.display = "block"
            fullscreen.style.display = "block"
          }
          break
        case "b9": //地下模式
          this.UndergroundMode = !this.UndergroundMode
@@ -1125,7 +1163,8 @@
.menu_Box {
  width: 100%;
  height: 100%;
  background: #303030;
  color: white;
  margin: 0;
  padding: 0;
  overflow-y: auto;