管道基础大数据平台系统开发-【前端】-新系統界面
Surpriseplus
2023-03-21 c2a697c7399dcfb3ebae5333f05f91f488d2cb41
src/components/MapView/mapSpacePop.vue
@@ -399,6 +399,35 @@
      if (data.code != 200) {
        this.$message.error("列表调用失败")
      }
      var val = data.result;
      val = val.filter((res) => {
        if (res.dirName) {
          res.dirid = res.dirName
        }
        if (res.depName) {
          res.depid = res.depName
        }
        if (res.verName) {
          res.verid = res.verName
        }
        if (res.updateName) {
          res.updateuser = res.updateName
        }
        if (res.createName) {
          res.createuser = res.createName
        }
        if (res.createtime) {
          res.createtime = this.format(res.createtime)
        }
        if (res.updatetime) {
          res.createtime = this.format(res.updatetime)
        }
        return res
      })
      var val_Data = data.result
      this.count = data.count
@@ -413,7 +442,9 @@
          }
        }
      }
      this.tableData = data.result
      this.tableData = val
      this.$refs.filterTable.doLayout()
    },
@@ -445,6 +476,7 @@
      this.listdata.wkt = encr(wkt)
      const data = await dataQuerySelectByPage(this.listdata)
      if (data.code != 200) {
        return this.$message.error("列表调用失败")
      }
@@ -453,46 +485,85 @@
          message: '未查询到转孔点数据',
          type: 'warning'
        });
      }
      this.listdata.count = data.count;
      this.tableData = data.result;
      this.$refs.filterTable.doLayout();
      this.showHistogramLayer(data.count)
      var that = this;
      } else {
        this.$message({
          message: '柱状图查询成功',
          type: 'success'
        });
        setTimeout(() => {
          var val = data.result;
          val = val.filter((res) => {
      window.histogramHandler = new Cesium.ScreenSpaceEventHandler(
        sgworld.Viewer.scene.canvas
      )
      window.histogramHandler.setInputAction((event) => {
        var pick = sgworld.Viewer.scene.pick(event.endPosition);
        var propertiesFlag = that.$store.state.propertiesFlag
        if (Cesium.defined(pick)) {
          if (pick && pick.id && pick.id.tag && pick.id.tag == "Histogram") {
            that.$store.state.propertiesInfo = {
              title: pick.id.properties._exppointid._value,
              name: pick.id.properties._geoname._value,
              type: pick.id.properties.geotype._value,
              botdepth: pick.id.properties._botdepth._value,
              describe: pick.id.properties._describe._value,
            if (res.dirName) {
              res.dirid = res.dirName
            }
            that.$store.state.propertiesFlag = "2"
          } else {
            if (propertiesFlag == 1) {
              that.$store.state.propertiesFlag = propertiesFlag
            if (res.depName) {
              res.depid = res.depName
            }
            if (res.verName) {
              res.verid = res.verName
            }
            if (res.updateName) {
              res.updateuser = res.updateName
            }
            if (res.createName) {
              res.createuser = res.createName
            }
            if (res.createtime) {
              res.createtime = this.format(res.createtime)
            }
            if (res.updatetime) {
              res.createtime = this.format(res.updatetime)
            }
            return res
          })
          this.listdata.count = data.count;
          this.tableData = val;
          this.showHistogramLayer(data.count)
          this.$refs.filterTable.doLayout();
          var that = this;
          window.histogramHandler = new Cesium.ScreenSpaceEventHandler(
            sgworld.Viewer.scene.canvas
          )
          window.histogramHandler.setInputAction((event) => {
            var pick = sgworld.Viewer.scene.pick(event.endPosition);
            var propertiesFlag = that.$store.state.propertiesFlag
            if (Cesium.defined(pick)) {
              if (pick && pick.id && pick.id.tag && pick.id.tag == "Histogram") {
                that.$store.state.propertiesInfo = {
                  title: pick.id.properties._exppointid._value,
                  name: pick.id.properties._geoname._value,
                  type: pick.id.properties.geotype._value,
                  botdepth: pick.id.properties._botdepth._value,
                  describe: pick.id.properties._describe._value,
                }
                that.$store.state.propertiesFlag = "2"
              } else {
                if (propertiesFlag == 1) {
                  that.$store.state.propertiesFlag = propertiesFlag
                } else {
                  that.$store.state.propertiesFlag = null
                }
              }
            } else {
              that.$store.state.propertiesFlag = null
              if (propertiesFlag == 1) {
                that.$store.state.propertiesFlag = propertiesFlag
              } else {
                that.$store.state.propertiesFlag = null
              }
            }
          }
        } else {
          if (propertiesFlag == 1) {
            that.$store.state.propertiesFlag = propertiesFlag
          } else {
            that.$store.state.propertiesFlag = null
          }
        }
      }, Cesium.ScreenSpaceEventType.MOUSE_MOVE)
          }, Cesium.ScreenSpaceEventType.MOUSE_MOVE)
        }, 500);
      }
    },
    async showHistogramLayer(res) {
      var obj = {
@@ -843,6 +914,7 @@
      this.setMapHandler()
    },
    setMapHandler() {
      var that = this;
      window.propertieshandler = new Cesium.ScreenSpaceEventHandler(
        sgworld.Viewer.scene.canvas
      )
@@ -867,11 +939,38 @@
              }
            })
          })
          if (obj['更新时间']) {
            obj['更新时间'] = that.format(obj['更新时间'])
          }
          if (obj['创建时间']) {
            obj['创建时间'] = that.format(obj['创建时间'])
          }
          this.$store.state.propertiesInfo = obj
        }
      }, Cesium.ScreenSpaceEventType.LEFT_CLICK)
    },
    //格式化时间
    format(shijianchuo) {
      //shijianchuo是整数,否则要parseInt转换
      var time = new Date(shijianchuo);
      var y = time.getFullYear();
      var m = time.getMonth() + 1;
      var d = time.getDate();
      var h = time.getHours();
      var mm = time.getMinutes();
      var s = time.getSeconds();
      return y + "-" + this.add0(m) + "-" + this.add0(d);
    },
    //格式化时间
    add0(m) {
      return m < 10 ? "0" + m : m;
    },
  },
  destroyed() {
    this.$store.state.propertiesFlag = null
    if (window.propertieshandler != null && Cesium.defined(window.propertieshandler)) {