海上定位首页悬浮窗默认关闭

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

      </div>
      <div class="right-content">
        <t-button
          color="success"
          icon="map-marker-outline"
          @click="trackClick"
            color="success"
            icon="map-marker-outline"
            @click="trackClick"
        >轨迹</t-button
        >
        <div style="min-width:100px">悬浮窗<t-switch v-model="switch1" rounded @change="switchChange"></t-switch></div>
    </div>
    <t-modal
      :visibled.sync="trackModal"
      :footer-visibled="false"
      :mask-closable="false"
      :width="1400"
      :height="800"
      :cancel="stopPlayback"
      title="历史轨迹"
        :visibled.sync="trackModal"
        :footer-visibled="false"
        :mask-closable="false"
        :width="1400"
        :height="800"
        :cancel="stopPlayback"
        title="历史轨迹"
    >
      <div class="track-modal-container">
        <div class="track-modal-right">
          <t-button-group>
            <t-button
              v-for="(item, index) in trackTypeList"
              :class="
                v-for="(item, index) in trackTypeList"
                :class="
                index == trackTypeCondition.currentIndex ? 'active' : ''
              "
              :key="index"
              @click="changeTrackType(index)"
                :key="index"
                @click="changeTrackType(index)"
            >{{ item }}</t-button
            >
          </t-button-group>
            </t-select>
            <span class="track-span">时间</span>
            <t-date-picker
              v-model="rangeDate"
              align-right
              style="width:320px"
              type="dateTimeRange"
              placeholder="请选择时间"
              @date-change="onChangeDate">
                v-model="rangeDate"
                align-right
                style="width:320px"
                type="dateTimeRange"
                placeholder="请选择时间"
                @date-change="onChangeDate">
            </t-date-picker>
            <span class="track-span">速度</span>
            <t-select v-model="playbackRate" placeholder="回放速度" style="width: 60px;">
    </t-modal>
    <t-modal :visibled.sync="rescueModal" title="指派救援人员">
      <t-form
        ref="formValidate"
        :model="formValidate"
        :rules="ruleValidate"
        :label-width="80"
        label-position="left"
          ref="formValidate"
          :model="formValidate"
          :rules="ruleValidate"
          :label-width="80"
          label-position="left"
      >
        <t-form-item label="救援人员" prop="rescue">
          <t-select v-model="formValidate.rescue" placeholder="请选择">
      month >= 10 ? month : '0' + month
      var day = value.getDate() >= 10 ? value.getDate() : '0' + value.getDate()
      var hours =
        value.getHours() >= 10 ? value.getHours() : '0' + value.getHours()
          value.getHours() >= 10 ? value.getHours() : '0' + value.getHours()
      var minutes =
        value.getMinutes() >= 10
          ? value.getMinutes()
          : '0' + value.getMinutes()
          value.getMinutes() >= 10
              ? value.getMinutes()
              : '0' + value.getMinutes()
      var seconds =
        value.getSeconds() >= 10
          ? value.getSeconds()
          : '0' + value.getSeconds()
          value.getSeconds() >= 10
              ? value.getSeconds()
              : '0' + value.getSeconds()
      return (
        year +
        '.' +
        month +
        '.' +
        day +
        ' ' +
        hours +
        ':' +
        minutes +
        ':' +
        seconds
          year +
          '.' +
          month +
          '.' +
          day +
          ' ' +
          hours +
          ':' +
          minutes +
          ':' +
          seconds
      )
    }
  },
      lineColors: ['#26B728', '#280e9e', '#dc8020', '#EAFF00',
        '#cc48ca', '#83b5ff', '#4D4128', '#08570c'], // 定义几种颜色多人轨迹回放使用,不够再取随机颜色
      tal: 32.465444444444444,
      switch1: true,
      switch1: false,
      pointsarr: null,
      markTypes: [],
      toolTypes: [],
    // },
    async getTagType() {
      await this.$test
        .post(services.mapTag.MAP_TAG_TYPE, {})
        .then((res) => {
          // 请求成功处理...
          this.markTypes = res.data
          this.markTypes.forEach(e => {
            e.show = true
          .post(services.mapTag.MAP_TAG_TYPE, {})
          .then((res) => {
            // 请求成功处理...
            this.markTypes = res.data
            this.markTypes.forEach(e => {
              e.show = true
            })
          })
          .catch((res) => {
            // 请求失败处理...
          })
        })
        .catch((res) => {
          // 请求失败处理...
        })
    },
    async getToolType() {
      await this.$test.post(services.equipment.EQUIPMENT_TYPE, {}
      var maplayer = Ai.TileLayer(GIS_SEA_LAYER_URL)
      this.map.addLayer(maplayer)
      var la = Ai.WMTSLayer(
        GIS_SEA_URL,
        { opacity: 0.5 }
          GIS_SEA_URL,
          { opacity: 0.5 }
      )
      this.map.addLayer(la)
      Ai.Scale({ position: 'bottomright' }).addTo(this.map)
      point.popup.setContent(content)
      point.popup.openo = this.switch1
      point.popup.openOn(this.map) // 需要先显示
      if (!this.switch1) { // 如果全局关闭则立即关闭
        this.map.closePopup(point.popup)
      this.map.closePopup(point.popup)
      if (this.switch1) { // 如果全局关闭则立即关闭
        point.popup.openOn(this.map)
        // this.map.closePopup(point.popup)
      }
      point.on('click', (e) => { // 配置点击事件 点击开关
        if (point.popup.openo) {
      this.loadBindDevicePerson()
      this.loadNotBindEquipment()
      this.$test
        .post(services.alarm.LOAD_MAP_AREA_TOOL, {})
        .then((res) => {
          console.log(res)
          res.data.mapAreaList.forEach(e => {
            var typeObj = res.data.mapAreaTypeList.filter(type => {
              return e.businessType == type.mapAreaBusinessType
            })
            var polygon = Ai.Polygon(e.mapAreaContent, {color: typeObj[0].color, opacity: 1.0, weight: 1.2})
            this.trackMap.addLayer(polygon)
          })
          res.data.toolList.forEach(e => {
            var typeObj = res.data.toolTypeList.filter(type => {
              return e.resourceToolType == type.resourceToolType
          .post(services.alarm.LOAD_MAP_AREA_TOOL, {})
          .then((res) => {
            console.log(res)
            res.data.mapAreaList.forEach(e => {
              var typeObj = res.data.mapAreaTypeList.filter(type => {
                return e.businessType == type.mapAreaBusinessType
              })
              var polygon = Ai.Polygon(e.mapAreaContent, {color: typeObj[0].color, opacity: 1.0, weight: 1.2})
              this.trackMap.addLayer(polygon)
            })
            var point = Ai.Point([e.latitude, e.longitude], {
              icon: Ai.Icon({
                // 设置图标URL路径
                iconUrl: typeObj[0].iconUrl,
                // 设置图标大小
                iconSize: [20, 20],
                // 设置点对象和图标的相对偏移量
                iconAnchor: [100, 100]
            res.data.toolList.forEach(e => {
              var typeObj = res.data.toolTypeList.filter(type => {
                return e.resourceToolType == type.resourceToolType
              })
              var point = Ai.Point([e.latitude, e.longitude], {
                icon: Ai.Icon({
                  // 设置图标URL路径
                  iconUrl: typeObj[0].iconUrl,
                  // 设置图标大小
                  iconSize: [20, 20],
                  // 设置点对象和图标的相对偏移量
                  iconAnchor: [100, 100]
                })
              })
              this.trackMap.addLayer(point)
            })
            this.trackMap.addLayer(point)
          })
        })
        .catch((res) => {
          // 请求失败处理...
        })
          .catch((res) => {
            // 请求失败处理...
          })
    },
    loadBindDevicePerson() {
      this.$test
        .post(services.organization.BIND_DEVICE, {})
        .then((res) => {
          console.log(res)
          this.personList = res.data
        })
        .catch((res) => {
          // 请求失败处理...
        })
          .post(services.organization.BIND_DEVICE, {})
          .then((res) => {
            console.log(res)
            this.personList = res.data
          })
          .catch((res) => {
            // 请求失败处理...
          })
    },
    initStatusCount() {
      this.$test
        .post(services.organization.INIT_STATUS_COUNT, {})
        .then((res) => {
          this.personStatistics = res.data
        })
        .catch((res) => {
          // 请求失败处理...
        })
          .post(services.organization.INIT_STATUS_COUNT, {})
          .then((res) => {
            this.personStatistics = res.data
          })
          .catch((res) => {
            // 请求失败处理...
          })
    },
    loadNotBindEquipment() {
      this.$test
        .post(services.organization.EQUIPMENT_NOT_BIND, {})
        .then((res) => {
          console.log(res)
          res.data.forEach(e => {
            var url = ''
            this.toolTypes.forEach(t => {
              if (e.resourceToolType == t.resourceToolType) {
                url = t.iconUrl
              }
            })
            var point = Ai.Point([e.latitude, e.longitude], {
              icon: Ai.Icon({
                // 设置图标URL路径
                iconUrl: url,
                // 设置图标大小
                iconSize: [20, 20],
                // 设置点对象和图标的相对偏移量
                iconAnchor: [0, 0]
          .post(services.organization.EQUIPMENT_NOT_BIND, {})
          .then((res) => {
            console.log(res)
            res.data.forEach(e => {
              var url = ''
              this.toolTypes.forEach(t => {
                if (e.resourceToolType == t.resourceToolType) {
                  url = t.iconUrl
                }
              })
              var point = Ai.Point([e.latitude, e.longitude], {
                icon: Ai.Icon({
                  // 设置图标URL路径
                  iconUrl: url,
                  // 设置图标大小
                  iconSize: [20, 20],
                  // 设置点对象和图标的相对偏移量
                  iconAnchor: [0, 0]
                })
              })
              this.trackMap.addLayer(point)
            })
            this.trackMap.addLayer(point)
          })
        })
        .catch((res) => {
          // 请求失败处理...
        })
          .catch((res) => {
            // 请求失败处理...
          })
    },
    onChangeDate() { // 轨迹时间选择
    },
            alarmLogId: item.alarmLogId
          }))
          this.$test
            .post(services.rescue.CLOSE_RESCUE, params)
            .then((res) => {
              console.log(res.data.result)
              if (res.data.result) {
                this.layer.personLayer.eachLayer(layer => {
                  if (layer.getAttributes().deviceId === item.deviceId) {
                    item.locationStatus = '0'
                    this.popupContent(item, layer)
                  }
                })
              }
            })
            .catch((res) => {
              .post(services.rescue.CLOSE_RESCUE, params)
              .then((res) => {
                console.log(res.data.result)
                if (res.data.result) {
                  this.layer.personLayer.eachLayer(layer => {
                    if (layer.getAttributes().deviceId === item.deviceId) {
                      item.locationStatus = '0'
                      this.popupContent(item, layer)
                    }
                  })
                }
              })
              .catch((res) => {
            })
              })
        },
        cancel: () => {
          console.log('点击了取消')
    appoint(item) { // 打开指派Modal
      console.log(item)
      this.$test
        .post(services.rescue.RESCUER_LIST, '')
        .then((res) => {
          this.rescueModal = true
          console.log(res)
          this.appointAlarmId = item.alarmLogId
          this.rescuer = res.data.dataList
        })
        .catch((res) => {
          .post(services.rescue.RESCUER_LIST, '')
          .then((res) => {
            this.rescueModal = true
            console.log(res)
            this.appointAlarmId = item.alarmLogId
            this.rescuer = res.data.dataList
          })
          .catch((res) => {
        })
          })
    },
    cancel() {
      this.rescueModal = false
            rescuersId: this.formValidate.rescue
          }))
          this.$test
            .post(services.rescue.ASSIGN_RESCUER, params)
            .then((res) => {
              if (res.data.result) {
                this.$Message.success('指派成功！')
                this.rescueModal = false
              } else {
                this.$Message.danger('指派失败！')
                this.rescueModal = false
              }
            })
            .catch((res) => {
              .post(services.rescue.ASSIGN_RESCUER, params)
              .then((res) => {
                if (res.data.result) {
                  this.$Message.success('指派成功！')
                  this.rescueModal = false
                } else {
                  this.$Message.danger('指派失败！')
                  this.rescueModal = false
                }
              })
              .catch((res) => {
            })
              })
        }
      })
    },
      }
      if (this.trackTypeCondition.currentIndex == 0) {
        this.$test
          .post(services.trackAnalysis.GET_SINGLE_TRACE, params)
          .then((res) => {
            this.timelineList = res.data.toolRecordList
            this.timelineList.forEach(e => {
              e.inTime = e.inTime.split(' ')[1]
              e.color = 'info'
              e.status = 'normal'
            })
            this.trackData = [res.data]
            var mapOfPerson = {}
            this.personList.forEach(e => {
              mapOfPerson[e.workEmployeeId] = e.workEmployeeName
            .post(services.trackAnalysis.GET_SINGLE_TRACE, params)
            .then((res) => {
              this.timelineList = res.data.toolRecordList
              this.timelineList.forEach(e => {
                e.inTime = e.inTime.split(' ')[1]
                e.color = 'info'
                e.status = 'normal'
              })
              this.trackData = [res.data]
              var mapOfPerson = {}
              this.personList.forEach(e => {
                mapOfPerson[e.workEmployeeId] = e.workEmployeeName
              })
              this.trackData.forEach(e => {
                e.entityName = mapOfPerson[e.entityId]
              })
              this.startPlayback()
            })
            this.trackData.forEach(e => {
              e.entityName = mapOfPerson[e.entityId]
            .catch((res) => {
              // 请求失败处理...
            })
            this.startPlayback()
          })
          .catch((res) => {
            // 请求失败处理...
          })
      } else {
        this.$test
          .post(services.trackAnalysis.GET_MORE_TRACE, params)
          .then((res) => {
            this.trackData = res.data
            var mapOfPerson = {}
            this.personList.forEach(e => {
              mapOfPerson[e.workEmployeeId] = e.workEmployeeName
            .post(services.trackAnalysis.GET_MORE_TRACE, params)
            .then((res) => {
              this.trackData = res.data
              var mapOfPerson = {}
              this.personList.forEach(e => {
                mapOfPerson[e.workEmployeeId] = e.workEmployeeName
              })
              this.trackData.forEach(e => {
                e.entityName = mapOfPerson[e.entityId]
              })
              this.startPlaybackMulti()
            })
            this.trackData.forEach(e => {
              e.entityName = mapOfPerson[e.entityId]
            .catch((res) => {
              // 请求失败处理...
            })
            this.startPlaybackMulti()
          })
          .catch((res) => {
            // 请求失败处理...
          })
      }
    },
    startPlaybackMulti() {