船舶镜屏推送

ebc-middle-platform/src/constants.js

@@ -16,4 +16,4 @@ export const GIS_SEA_LAYER_URL = 'http://192.168.74.189:9999/tdtvector' // 海
export const GIS_SEA_URL = 'http://192.168.74.216:5071/gisserver/dzht/dzht/wmts' // 海图地址
export const GIS_CENTER = [33.597844, 123.647472] // 海图中心点
export const GIS_ZOOM = 7 // 海图默认缩放
export const socketUrl = 'ws://127.0.0.1:7100/stomp'
export const socketUrl = 'ws://10.19.90.34:7100/stomp'

ebc-middle-platform/src/ipu-stomp.js

@@ -25,4 +25,7 @@ function successCallback() {
  stompClient.subscribe('personnel', msg => {
    EventBus.$emit('person', msg)
  })
  stompClient.subscribe('ship', msg => {
    EventBus.$emit('ship', msg)
  })
}

ebc-middle-platform/src/modules/orientation/orientation.vue

@@ -331,6 +331,10 @@ export default {
    EventBus.$on('person', (msg) => { // 获取镜屏推送消息
      this.changeLocation(msg)
    })
    EventBus.$on('ship', (msg) => { // 获取镜屏推送消息
      console.log(msg)
      this.changeShip(msg)
    })
  },
  methods: {
    async getGisToken() {
@@ -345,6 +349,7 @@ export default {
    },
    changeLocation(msg) { // 修改人员信息状态等
      var obj = JSON.parse(msg.body)
      console.log('person' + obj)
      var flag = false
      this.layer.personLayer.eachLayer((e) => {
        if (e.getAttributes().deviceId == obj.deviceId) {
@@ -368,6 +373,49 @@ export default {
        this.popupContent(obj, point)
      }
    },
    changeShip(msg) {
      var obj = JSON.parse(msg.body)
      console.log('ship' + obj)
      this.layer.equipmentLayer.eachLayer((point) => {
        if (point.getAttributes().DEVICE_NO == obj.deviceNo) {
          point.setLatLng([obj.latitude, obj.longitude])
          this.popupContentShip(obj, point)
        }
      })
    },
    popupContentShip(e, point) {
      point.on('click', (pointE) => {
        var content =
                  '<div class="tips-item"><div class="top"><div>' + e.shipName + '</div></div><div class="middle"><div class="row">' +
                  '<div>设备编号</div>' +
                  '<div>' + e.deviceNo + '</div>' +
                  '</div>' +
                  '<div class="row">' +
                  '<div>经度</div>' +
                  '<div>' + e.longitude + '</div>' +
                  '</div>' +
                  '<div class="row">' +
                  '<div>纬度</div>' +
                  '<div>' + e.latitude + '</div>' +
                  '</div>' +
                  '<div class="row">' +
                  '<div>最新定位时间</div>' +
                  '<div>' + e.newDate + '</div>' +
                  '</div>' +
                  '</div></div>' +
                  '</div></div>'
        Ai.Popup({
          minWidth: 300,
          offset: [0, -10],
          autoClose: true
        })
        // 设置弹出框弹出位置
          .setLatLng(point.getLatLng())
        // 设置弹出框弹出内容
          .setContent(content)
          .openOn(this.map)
      })
    },
    popupContent(e, point) { // 修改点的信息
      console.log(e, point)
      window.Vue = this
@@ -589,6 +637,34 @@ export default {
              })
            })
            point.setAttributes(e)
            point.on('click', (pointE) => {
              var deviceContent = e.DEVICE_NO ? ('<div class="row"><div>设备编号</div><div>' + e.DEVICE_NO + '</div></div>') : ''
              var dateCOntent = e.NEW_DATE ? ('<div class="row"><div>最新定位时间</div><div>' + e.NEW_DATE + '</div></div>') : ''
              var content =
                  '<div class="tips-item"><div class="top"><div>' + e.FACILITY_NAME + '</div></div><div class="middle">' +
                  deviceContent +
                  '<div class="row">' +
                  '<div>经度</div>' +
                  '<div>' + e.LONGITUDE + '</div>' +
                  '</div>' +
                  '<div class="row">' +
                  '<div>纬度</div>' +
                  '<div>' + e.LATITUDE + '</div>' +
                  '</div>' +
                  dateCOntent +
                  '</div></div>' +
                  '</div></div>'
              Ai.Popup({
                minWidth: 300,
                offset: [0, -10],
                autoClose: true
              })
                // 设置弹出框弹出位置
                .setLatLng(point.getLatLng())
                // 设置弹出框弹出内容
                .setContent(content)
                .openOn(this.map)
            })
            if (['001', '002', '003'].indexOf(e.FACILITY_TYPE) !== -1) {
              this.layer.equipmentLayer.addLayer(point)
            }