import request from '@/api/request'
import bus from './bus'
import { intensity, getbounds, createPic, picurl } from '@/api/http'
import { Message, Loading } from 'element-ui'
import data from '../utils/data.json'

// 白膜
export function loadBaimo (num) {
  // 上海小面积白膜
  let url1 = 'http://183.162.245.49:8099/SHdata/SH_CLIP_BM/tileset.json'
  let url12 = 'http://183.162.245.49:8099/SHdata/LJZ_JM_BM1/tileset.json'

  // 广州精模 2 3 4
  let url2 = 'http://183.162.245.49:82/SG/b3dm/part1.412787/tileset.json'
  let url3 = 'http://183.162.245.49:82/SG/b3dm/_3.412788/tileset.json'
  let url4 = 'http://183.162.245.49:82/SG/b3dm/_2.413191/tileset.json'

  let url6 = 'http://183.162.245.49:8099/SHdata/GZ_BM_3DTILE1/tileset.json' // 广州白膜

  let url7 = 'http://183.162.245.49:8099/SHdata/LJZJM3DTILES/tileset.json' // 上海手工精模

  let url8 =
    'http://183.162.245.49:8099/SHdata/SHQX_3dtiles/3dtiles/tileset.json' // 飞飞上海倾斜

  let url9 = 'http://183.162.245.49:8099/SHdata/GZ_TH_3DTILE/tileset.json' // 广州精模(天河)
  let url10 = 'http://183.162.245.49:8099/SHdata/GZ_fujia_2/tileset.json' // 广州精模(天河)
  let url11 = 'http://183.162.245.49:8099/SHdata/GZ_fujia_3/tileset.json' // 广州精模(天河)

  let url13 = 'http://183.162.245.49:8099/SHdata/SH_CJ/tileset.json'

  switch (num) {
    case 1:
      window.model1 = sgworld.Creator.create3DTilesets(
        '',
        url1,
        {},
        {},
        '0',
        true,
        data => {}
      )
      window.model12 = sgworld.Creator.create3DTilesets(
        '',
        url12,
        {},
        {},
        '0',
        true,
        data => {}
      )
      break
    case 2:
      window.model8 = sgworld.Creator.create3DTilesets(
        '',
        url8,
        {},
        {},
        '0',
        true,
        data => {}
      )
      break
    case 3:
      window.model7 = sgworld.Creator.create3DTilesets(
        '',
        url7,
        {},
        {},
        '0',
        true,
        data => {}
      )
      break
    case 4:
      window.model9 = sgworld.Creator.create3DTilesets(
        '',
        url9,
        {},
        {},
        '0',
        true,
        data => {}
      )
      window.model10 = sgworld.Creator.create3DTilesets(
        '',
        url10,
        {},
        {},
        '0',
        true,
        data => {}
      )
      window.model11 = sgworld.Creator.create3DTilesets(
        '',
        url11,
        {},
        {},
        '0',
        true,
        data => {}
      )
      break
    case 5:
      window.model2 = sgworld.Creator.create3DTilesets(
        '',
        url2,
        {},
        {},
        '0',
        true,
        data => {}
      )
      window.model3 = sgworld.Creator.create3DTilesets(
        '',
        url3,
        {},
        {},
        '0',
        true,
        data => {}
      )
      window.model4 = sgworld.Creator.create3DTilesets(
        '',
        url4,
        {},
        {},
        '0',
        true,
        data => {}
      )
      break
    case 6:
      window.model6 = sgworld.Creator.create3DTilesets(
        '',
        url6,
        {},
        {},
        '0',
        true,
        data => {}
      )
      break
    case 7:
      window.model13 = sgworld.Creator.create3DTilesets(
        '',
        url13,
        {},
        {
          edit: {
            height: 0
          }
        },
        '0',
        true,
        data => {}
      )
      break
    default:
      break
  }
  // 初始添加注记
}
// 水系
// 点
window.deleteObj = []
export function loaddian (urls, name, height) {
  var data = {
    font_family: '微软雅黑',
    font_size: 16,
    pointHeight: height,
    showBackground: true,
    text: name,
    fillColor: '#00ffff',
    outlineColor: '#000000',
    outlineWidth: 2,
    disableDepthTestDistance: Infinity,
    near: 0,
    far: 2000
  }
  let dx = sgworld.Creator.createLabelPointGeoJsonFeatureLayer(
    '',
    urls,
    data,
    '0',
    true
  )
  //
  window.deleteObj.push(dx)
}
// 路网
export function loadLW () {
  var urls = 'http://183.162.245.49:8099/gisserver/tmsserver/SH_peitu'
  var layer = sgworld.Creator.createUrlTemplateImageryProvider(
    'tms服务',
    {
      url: Cesium.buildModuleUrl(urls + '/{z}/{x}/{reverseY}.png'),
      Level: 15
    },
    '0',
    undefined,
    true,
    ''
  )
  var urls1 = 'http://183.162.245.49:8099//gisserver/tmsserver/SH_sj'
  var layer1 = sgworld.Creator.createUrlTemplateImageryProvider(
    'tms服务',
    {
      url: Cesium.buildModuleUrl(urls1 + '/{z}/{x}/{reverseY}.png'),
      Level: 6
    },
    '0',
    undefined,
    true,
    ''
  )
}
// 聚合效果
export function juhe (params, name) {
  var url
  var billboardImage
  var jhtype
  var dataSource
  if (name === '监测站') {
    url = 'http://221.224.53.36:9080/gis/monitor/stations'
    billboardImage = './static/img/jcz.png'
    jhtype = 'GET'
    dataSource = new Cesium.CustomDataSource('jcz')
  } else if (name === '系统台站') {
    url = 'http://221.224.53.36:9080/map/searchRsbtStn'
    billboardImage = './static/img/blue.png'
    jhtype = 'POST'
    dataSource = new Cesium.CustomDataSource('xttz')
  } else if (name === '测试台站') {
  }
  if (!params) {
    if (name === '系统台站') {
      var ds = viewer.dataSources.getByName('xttz')
      if (ds.length > 0) {
        for (var i = 0; i < ds.length; i++) {
          viewer.dataSources.remove(ds[i])
        }
      }
      if (window.modelList1.length > 0) {
        for (var j = 0; j < window.modelList1.length; j++) {
          window.modelList1[j].deleteObject()
        }
      }
    } else if (name === '监测站') {
      var jcz = viewer.dataSources.getByName('jcz')
      if (jcz.length > 0) {
        for (var i = 0; i < jcz.length; i++) {
          viewer.dataSources.remove(jcz[i])
        }
      }
      if (window.modelList.length > 0) {
        for (var j = 0; j < window.modelList.length; j++) {
          window.modelList[j].deleteObject()
        }
      }
    }
  } else {
    var dataSourcePromise = viewer.dataSources.add(dataSource)
    $.ajax({
      url: url,
      contentType: 'application/json;charset=UTF-8',
      type: jhtype,
      dataType: 'json',
      data: JSON.stringify({}),
      success: function (data) {
        if (data.message == 'Success') {
          let height, lon, lat
          data.rows.forEach(item => {
            ;(height = 100), (lon = item.statLg), (lat = item.statLa)
            if (item.statName) {
              item.dataType = 'XXTZ'
              var pixelO = (item.statName.length / 2) * 20
              if (item.statName.indexOf('对讲机') == 0) {
                billboardImage = './static/img/手机.png'
              } else {
                if (item.statName.indexOf('5G') == 0) {
                  billboardImage = './static/img/5g.png'
                } else {
                  billboardImage = './static/img/blue.png'
                }
              }
              var tzgltfurl = './static/gltf/jizhan.glb'
              switch (item.statName) {
                case '5G基站4':
                  lon = 113.31284042
                  lat = 23.1478328
                  height = 94.24
                  break
                case '对讲机系统-07':
                  lon = 113.31746066
                  lat = 23.14174174
                  height = 60
                  break
                case '对讲机系统-04':
                  lon = 113.31971655
                  lat = 23.14200308
                  height = 78.3
                  break
                case '对讲机系统-02':
                  lon = 113.32338867
                  lat = 23.14155387
                  height = 159.73
                  break
                case '5G基站2':
                  lon = 113.32342299
                  lat = 23.1420382
                  height = 203.51
                  break
                case '5G基站1':
                  lon = 113.3154846
                  lat = 23.13927926
                  height = 196.47
                  break
                case '对讲机系统-03':
                  lon = 113.31920459
                  lat = 23.13935581
                  height = 100
                  break
                case '4G基站1':
                  lon = 113.31539679
                  lat = 23.1375488
                  height = 295
                  break
                case '对讲机系统-01':
                  lon = 113.32029651
                  lat = 23.13864168
                  height = 63
                  break
                case '对讲机系统-05':
                  lon = 113.31764205
                  lat = 23.13788573
                  height = 86.7
                  break
                case '对讲机系统-06':
                  lon = 113.32349384
                  lat = 23.13662137
                  height = 175
                  break
                case '5G基站5':
                  lon = 113.31429066
                  lat = 23.12940111
                  height = 248.14
                  break
                case '5G基站3':
                  lon = 113.32796088
                  lat = 23.13521196
                  height = 186.33
                  break
                case '越秀区广播电视发射台':
                  lon = 113.31643235
                  lat = 23.12389751
                  height = 255.47
                  break
                default:
                  break
              }
              if (item.statName.indexOf('明珠')) {
                height = 500
              }
              if (item.statName.indexOf('基站') > -1) {
                var positionTZ = new Cesium.Cartesian3.fromDegrees(
                  lon,
                  lat,
                  height - 80
                )
                loadGLTF(tzgltfurl, positionTZ, 2, 'tz')
              }
              dataSource.entities.add(
                new Cesium.Entity({
                  position: Cesium.Cartesian3.fromDegrees(
                    lon,
                    lat,
                    height - 40
                  ),
                  label: {
                    showBackground: true,
                    backgroundColor: new Cesium.Color.fromCssColorString(
                      '#000'
                    ).withAlpha(0.3),
                    text: item.statName,
                    font: '15px Helvetica',
                    fillColor: Cesium.Color.fromCssColorString('#FCFF00'),
                    pixelOffset: new Cesium.Cartesian2(pixelO, 0),
                    style: Cesium.LabelStyle.FILL_AND_OUTLINE,
                    disableDepthTestDistance: Number.POSITIVE_INFINITY,
                    distanceDisplayCondition: new Cesium.DistanceDisplayCondition(
                      10,
                      1000000
                    )
                  },
                  billboard: {
                    image: billboardImage,
                    disableDepthTestDistance: Number.POSITIVE_INFINITY,
                    width: 30, // default: undefined
                    height: 30,
                    distanceDisplayCondition: new Cesium.DistanceDisplayCondition(
                      10,
                      1000000
                    )
                  },
                  properties: item
                })
              )
            } else if (item.monstationName) {
              item.dataType = 'JCZ'
              var gltfurl = './static/gltf/JCZ.glb'
              let x = item.monstationLg,
                y = item.monstationLa
              let z = 54
              var position = new Cesium.Cartesian3.fromDegrees(x, y, 0)
              billboardImage = './static/img/jcz.png'
              if (item.monstationName == '云海') {
                x = 121.444697
                y = 31.21385
                gltfurl = './static/gltf/gdjcz.glb'
                billboardImage = './static/img/4.png'
                position = new Cesium.Cartesian3.fromDegrees(
                  121.444697,
                  31.21385,
                  88.5
                )
                z = 150
              }
              if (item.monstationName.indexOf('小型监测站1') == 0) {
                gltfurl = './static/gltf/xxz.glb'
                position = new Cesium.Cartesian3.fromDegrees(x, y, 200)
                billboardImage = './static/img/5.png'
                z = 205
              }
              if (item.monstationName.indexOf('小型监测站2') == 0) {
                gltfurl = './static/gltf/xxz.glb'
                x = 113.32349347
                y = 23.13662572
                position = new Cesium.Cartesian3.fromDegrees(x, y, 118)
                billboardImage = './static/img/5.png'
                z = 121
              }
              if (item.monstationName.indexOf('快部式监测点1') == 0) {
                gltfurl = './static/gltf/kbz.glb'
                position = new Cesium.Cartesian3.fromDegrees(x, y, 30)

                billboardImage = './static/img/2.png'
                z = 35
              }
              if (item.monstationName.indexOf('快部式监测点2') == 0) {
                gltfurl = './static/gltf/kbz.glb'
                x = 113.318593
                y = 23.140079
                z = 24
                billboardImage = './static/img/2.png'
                position = new Cesium.Cartesian3.fromDegrees(x, y, 17)
              }
              if (item.monstationName.indexOf('无人机') == 0) {
                gltfurl = './static/gltf/wrj.glb'
                position = new Cesium.Cartesian3.fromDegrees(x, y, 103)
                z = 108
                billboardImage = './static/img/3.png'
              }
              if (item.monstationName.indexOf('监测车1') == 0) {
                gltfurl = './static/gltf/YDJCC2.glb'
                position = new Cesium.Cartesian3.fromDegrees(x, y, 11.5)
                z = 17
                billboardImage = './static/img/1.png'
              }
              if (item.monstationName.indexOf('监测车2') == 0) {
                gltfurl = './static/gltf/YDJCC2.glb'
                position = new Cesium.Cartesian3.fromDegrees(x, y, 11)
                z = 16
                billboardImage = './static/img/1.png'
              }
              if (item.monstationName.indexOf('固定监测站') == 0) {
                gltfurl = './static/gltf/gdjcz.glb'
                x = 113.320531
                y = 23.119995
                z = 607
                position = new Cesium.Cartesian3.fromDegrees(x, y, 550)
              }
              loadGLTF(gltfurl, position, 3, 'JCZ')
              var pixelO = (item.monstationName.length / 2) * 20 + 35
              dataSource.entities.add(
                new Cesium.Entity({
                  position: Cesium.Cartesian3.fromDegrees(x, y, z),
                  label: {
                    showBackground: true,
                    backgroundColor: new Cesium.Color.fromCssColorString(
                      '#000'
                    ).withAlpha(0.3),
                    text: item.monstationName,
                    font: '15px Helvetica',
                    fillColor: Cesium.Color.fromCssColorString('#6CFF00'),
                    pixelOffset: new Cesium.Cartesian2(pixelO, 0),
                    style: Cesium.LabelStyle.FILL_AND_OUTLINE,
                    disableDepthTestDistance: Number.POSITIVE_INFINITY,
                    distanceDisplayCondition: new Cesium.DistanceDisplayCondition(
                      10,
                      1000000
                    )
                  },
                  billboard: {
                    image: billboardImage,
                    disableDepthTestDistance: Number.POSITIVE_INFINITY,
                    width: 40, // default: undefined
                    height: 40,
                    distanceDisplayCondition: new Cesium.DistanceDisplayCondition(
                      10,
                      1000000
                    )
                  },
                  properties: item
                })
              )
            }

            var pathOption = {
              width: 1, // 线宽（可选）
              color: '#00ffff', // 线颜色（可选）,
              height: 5000,
              LightSpot: true, // 是否使用光点效果（可选）
              LightSpotColor: '#ffffff', // 光点颜色（可选）
              inflow: true
            }

            let arr = [
              { lon: 121.3915556, lat: 31.621555, height: 15 },
              { lon: 121.3710465, lat: 31.3834148, height: 15 },
              { lon: 121.222861, lat: 31.31885, height: 15 },
              { lon: 121.33049, lat: 31.2425713, height: 15 },
              { lon: 121.4392777, lat: 31.1356388, height: 15 },
              { lon: 121.628888, lat: 31.2075, height: 15 },
              { lon: 121.886707, lat: 30.8659381, height: 15 },
              { lon: 121.5605555, lat: 30.8575, height: 15 }
            ]
            let center = { lat: 31.21385, lon: 121.444697, height: 110 }
            window.lightStr ? window.lightStr.clear() : ''
            window.lightStr = sgworld.Creator.createTrailLinePath(
              center,
              arr,
              pathOption
            )
          })
        }
      }
    })
    dataSourcePromise.then(function (dataSource) {
      const pixelRange = 25
      const minimumClusterSize = 3
      const enabled = true
      dataSource.clustering.enabled = enabled
      dataSource.clustering.pixelRange = pixelRange
      dataSource.clustering.minimumClusterSize = minimumClusterSize
      let removeListener
      const gradient = {
        0.0001: Cesium.Color.DEEPSKYBLUE,
        0.001: Cesium.Color.WHITE,
        0.01: Cesium.Color.ORANGE,
        0.1: Cesium.Color.RED
      }
      function customStyle () {
        if (Cesium.defined(removeListener)) {
          removeListener()
          removeListener = undefined
        } else {
          removeListener = dataSource.clustering.clusterEvent.addEventListener(
            function (clusteredEntities, cluster) {
              cluster.billboard.show = true
              // cluster.billboard.disableDepthTestDistance = Number.POSITIVE_INFINITY;
              // cluster.label.font = `bold 12px sans-serif`;
              cluster.label.font = `12px sans-serif`
              cluster.label.fillColor = new Cesium.Color.fromCssColorString(
                '#fff'
              )
              cluster.label.disableDepthTestDistance = Number.POSITIVE_INFINITY
              let allCount = dataSource.entities.values.length || 0
              for (let key in gradient) {
                if (clusteredEntities.length >= allCount * key) {
                  let numLength = String(clusteredEntities.length).length
                  cluster.billboard.image = _drawCircle(
                    gradient[key],
                    numLength
                  )
                  cluster.label.show = true
                  if (numLength === 1) {
                    cluster.label.pixelOffset = new Cesium.Cartesian2(-2, 3)
                  } else {
                    cluster.label.pixelOffset = new Cesium.Cartesian2(
                      -5 * (numLength - 1),
                      5
                    )
                  }
                } else if (clusteredEntities.length <= 1) {
                  cluster.label.show = false
                }
              }
            }
          )
        }
        // force a re-cluster with the new styling
        const pixelRange = dataSource.clustering.pixelRange
        dataSource.clustering.pixelRange = 0
        dataSource.clustering.pixelRange = pixelRange
      }
      var _cache = {}
      function _drawCircle (color, numLength) {
        let size = 18 * (numLength + 1)
        let key = color.toCssColorString() + '-' + size
        if (!_cache[key]) {
          let canvas = document.createElement('canvas')
          canvas.width = size
          canvas.height = size
          let context2D = canvas.getContext('2d')
          context2D.save()
          context2D.scale(size / 24, size / 24) // Added to auto-generated code to scale up to desired size.
          context2D.fillStyle = color.withAlpha(0.2).toCssColorString() // Modified from auto-generated code.
          context2D.beginPath()
          context2D.arc(12, 12, 9, 0, 2 * Math.PI)
          context2D.closePath()
          context2D.fill()
          context2D.beginPath()
          context2D.arc(12, 12, 6, 0, 2 * Math.PI)
          context2D.fillStyle = color.toCssColorString()
          context2D.fill()
          context2D.closePath()
          context2D.restore()
          _cache[key] = canvas.toDataURL()
        }
        return _cache[key]
      }
      // start with custom style
      customStyle()
    })
  }
}

// 创建glb模型
window.modelList = []
window.modelList1 = []
export function loadGLTF (url, position, scale, type) {
  var model = sgworld.Creator.addSimpleGraphic('model', {
    url: url,
    position: position,
    removeEdit: true, // 屏蔽全局标绘编辑功能
    scale: scale
  })
  type == 'JCZ' ? window.modelList.push(model) : window.modelList1.push(model)

  // viewer.trackedEntity = model;
}
window.showtable = false
let timeoutID
let handlerMes
window.monstationGuidList = []
window.stationList = []
// 双击事件
export function addMouseEvent () {
  // 点击获取信息
  handlerMes ? handlerMes.destroy() : ''
  handlerMes = new Cesium.ScreenSpaceEventHandler(window.Viewer.scene.canvas)

  handlerMes.setInputAction(function (movement) {
    // 判断的目的是防止实例被创建之后左键点击直接导致监测站被分析
    if (window.allowClick) {
      if (window.JCZlist.length > 0) {
        for (var j = 0; j < window.JCZlist.length; j++) {
          viewer.entities.removeById(window.JCZlist[j].id)
        }
      }
      let pick = window.Viewer.scene.pick(movement.position)
      console.log(pick)
      if (
        pick &&
        pick.id &&
        pick.id.properties &&
        pick.id.properties.monstationName &&
        pick.id.properties.monstationGuid
      ) {
        let i = 0
        if (window.monstationGuidList.length == 0) {
          window.monstationGuidList.push({
            name: pick.id.properties.monstationName._value,
            id: pick.id.properties.monstationGuid._value
          })
          bus.$emit('ismonstationGuid', window.monstationGuidList)
        } else {
          window.monstationGuidList.forEach(item => {
            if (pick.id.properties.monstationGuid._value == item.id) {
              i++
            }
          })
          if (i == 0) {
            window.monstationGuidList.push({
              name: pick.id.properties.monstationName._value,
              id: pick.id.properties.monstationGuid._value
            })
            bus.$emit('ismonstationGuid', window.monstationGuidList)
          }
        }
      }
      // 选中系统台站
      if (
        pick &&
        pick.id &&
        pick.id.properties &&
        pick.id.properties._dataType &&
        pick.id.properties._dataType._value == 'XXTZ'
      ) {
        let i = 0
        debugger
        if (window.stationList.length == 0) {
          window.stationList.push({
            name: pick.id.properties._statName._value,
            id: pick.id.properties._guid._value
          })
          bus.$emit('showMoreTZ', window.stationList)
        } else {
          // 防止重复
          window.stationList.forEach(item => {
            if (pick.id.properties._guid._value == item.id) {
              i++
            }
          })
          if (i == 0) {
            window.stationList.push({
              name: pick.id.properties._statName._value,
              id: pick.id.properties._guid._value
            })
            bus.$emit('showMoreTZ', window.stationList)
          }
        }
      }
      clearTimeout(timeoutID)
      timeoutID = window.setTimeout(function () {
        if (!window.showtable) {
        } else {
          bus.$emit('isFX', true)
          if (Cesium.defined(pick) && pick.id && pick.id.properties) {
            window.objform.monstationGuid =
              pick.id.properties._monstationGuid._value
            let data = [window.objform]
            window.allowClick = false
            showdataJCZ(data)
          }
        }
      }, 200)
    }
  }, Cesium.ScreenSpaceEventType.LEFT_CLICK)
  var divPoint3
  handlerMes.setInputAction(function (movement) {
    clearTimeout(timeoutID)
    if (divPoint3) {
      divPoint3.deleteObject()
    }
    let pick = window.Viewer.scene.pick(movement.position)
    if (Cesium.defined(pick) && pick.id && pick.id.properties) {
      var prophtml = setEpidemicLayerInfoDomtj(pick.id.properties)
      setInterval(function () {
        $('body .closeclick').on('click', () => {
          document.getElementsByClassName('tableContain')[0].style.display =
            'none'
        })
      }, 1000)
      if (pick.id.properties.statLg && pick.id.properties.statLa) {
        var lng = pick.id.properties.statLg._value
        var lat = pick.id.properties.statLa._value
      } else if (
        pick.id.properties.monstationLg &&
        pick.id.properties.monstationLa
      ) {
        var lng = pick.id.properties.monstationLg._value
        var lat = pick.id.properties.monstationLa._value
      }
      if (
        pick.id.properties &&
        pick.id.properties._monstationName &&
        pick.id.properties._monstationName._value == '云海'
      ) {
        lng = 121.444697
        lat = 31.21385
      }
      if (movement.position) {
        divPoint3 = sgworld.Creator.createDivPoint(
          '',
          { lon: lng, lat: lat, height: 105 },
          {
            type: 'custom',
            offset: ['c', 20],
            description: prophtml,
            near: 0,
            far: 100000
          }
        )
      }
    }
  }, Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK)
}

// 抽离监测站图例创建事件
export function showdataJCZ (data) {
  const loading = Loading.service({
    lock: true,
    text: '计算中',
    spinner: 'el-icon-loading',
    background: 'rgba(0, 0, 0, 0.7)'
  })
  MonitoringStation(data)
    .then(res => {
      if (res.message === 'Success') {
        var positions = res.data.countorResVOList[0].points
        var value = res.data.countorResVOList[0].areaResult
        var positionsList = []
        for (var i = 0; i < positions.length; i++) {
          positionsList.push(positions[i].lon, positions[i].lat)
        }
        let obj = {
          name: window.analysisType,
          value: value
        }
        bus.$emit('newData', obj)
        createPloygon(positionsList)
        loading.close()
      }
    })
    .catch(error => {
      loading.close()
    })
}
// 开启平行光
export function light () {
  // Viewer.scene.light = new Cesium.DirectionalLight({
  //     direction: new Cesium.Cartesian3(0, 0, -1),
  // });
}
// 右击事件
let nowplay
export function addRightMouseEvent () {
  // 点击获取信息
  let handler = new Cesium.ScreenSpaceEventHandler(window.Viewer.scene.canvas)
  handler.setInputAction(function (movement) {
    window.divPoint4 && window.divPoint4.deleteObject()
    window.divPoint5 && window.divPoint5.deleteObject()
    window.divPoint6 && window.divPoint6.deleteObject()
    window.divPoint7 && window.divPoint7.deleteObject()
    window.divPoint8 && window.divPoint8.deleteObject()
    window.divPoint9 && window.divPoint9.deleteObject()
    window.divPoint10 && window.divPoint10.deleteObject()
    // 清除之前监测站事件
    if (window.JCZlist.length > 0) {
      for (var j = 0; j < window.JCZlist.length; j++) {
        viewer.entities.removeById(window.JCZlist[j].id)
      }
    }
    var pick = window.Viewer.scene.pick(movement.position)
    let position = pick.id.position.getValue()
    let degrees = sgworld.Core.toDegrees(position)
    if (Cesium.defined(pick) && pick.id && pick.id.properties) {
      window.showtable = true
      if (pick.id.properties.dataType._value == 'JCZ') {
        var lng = pick.id.properties.monstationLg._value
        var lat = pick.id.properties.monstationLa._value
        let prophtml = createHtmlRight('黑广播监测能力')
        window.divPoint4 = sgworld.Creator.createDivPoint(
          '',
          { lon: degrees.lon, lat: degrees.lat, height: degrees.height },
          {
            type: 'custom',
            offset: ['c', 170],
            description: prophtml,
            near: 0,
            far: 50000,
            onclick: function () {
              window.showtable = true
              window.objform = {
                analysisType: '黑广播',
                areaResult: 99.83516631,
                coverageThreshold: '-110',
                freqPoint: 954,
                frequency: 100,
                modelName: '',
                monFrequency: '',
                monstationGuid: '2',
                propModel: 2,
                rxAntGain: 0,
                rxAntHeight: 0,
                txAntGain: 0,
                txAntHeight: 20,
                txFrequency: '',
                txPower: 50
              }
              window.objform.monstationGuid =
                pick.id.properties._monstationGuid._value
              let arrq = [window.objform]
              showdataJCZ(arrq)
              setTimeout(function name (params) {
                try {
                  window.divPoint4.deleteObject()
                  window.divPoint5.deleteObject()
                  window.divPoint6.deleteObject()
                  window.divPoint7.deleteObject()
                } catch (e) {}
              }, 100)
            }
          }
        )
        let prophtml1 = createHtmlRight('伪基站监测能力')
        window.divPoint5 = sgworld.Creator.createDivPoint(
          '',
          { lon: degrees.lon, lat: degrees.lat, height: degrees.height },
          {
            type: 'custom',
            offset: ['c', 120],
            description: prophtml1,
            near: 0,
            far: 50000,
            onclick: function name () {
              window.showtable = true
              window.objform = {
                analysisType: '伪基站',
                areaResult: 10185.58366101,
                coverageThreshold: '-110',
                freqPoint: 100,
                frequency: 954,
                modelName: '',
                monFrequency: '',
                monstationGuid: '2',
                propModel: 2,
                rxAntGain: 0,
                rxAntHeight: 0,
                txAntGain: 0,
                txAntHeight: 10,
                txFrequency: '',
                txPower: 40
              }
              window.objform.monstationGuid =
                pick.id.properties._monstationGuid._value
              let arrq = [window.objform]
              showdataJCZ(arrq)
              setTimeout(function name (params) {
                try {
                  window.divPoint4.deleteObject()
                  window.divPoint5.deleteObject()
                  window.divPoint6.deleteObject()
                  window.divPoint7.deleteObject()
                } catch (e) {}
              }, 100)
            }
          }
        )
        let prophtml2 = createHtmlRight('天线赋形图')
        let scale = 0.5
        window.divPoint6 = sgworld.Creator.createDivPoint(
          '',
          { lon: degrees.lon, lat: degrees.lat, height: degrees.height },
          {
            type: 'custom',
            offset: ['c', 20],
            description: prophtml2,
            near: 0,
            far: 50000,
            onclick: function name () {
              if (window.FieldIntensity) {
                window.FieldIntensity.deleteObject()
                window.FieldIntensity = null
              }
              let height = degrees.height - 5
              // 判断赋形图是否需要修改
              if (
                pick.id &&
                pick.id._properties &&
                pick.id._properties._monstationName &&
                pick.id._properties._monstationName._value
              ) {
                let cheak = pick.id._properties._monstationName._value
                if (
                  cheak.indexOf('小型监测站') == 0 ||
                  cheak.indexOf('快部式监测点') == 0
                ) {
                  scale = 0.1
                  height = degrees.height - 2
                }
                if (cheak.indexOf('监测车') == 0) {
                  scale = 0.3
                  height = degrees.height - 2
                }
              }
              let url = './static/json/ant.json'
              window.FieldIntensity = sgworld.Creator.FieldIntensity(url, {
                center: [degrees.lon, degrees.lat, height], // 备用中心坐标
                scale: scale
              })
              setTimeout(function name (params) {
                try {
                  window.divPoint4.deleteObject()
                  window.divPoint5.deleteObject()
                  window.divPoint6.deleteObject()
                  window.divPoint7.deleteObject()
                } catch (e) {}
              }, 100)
            }
          }
        )
        let prophtml4 = createHtmlRight('对讲机监测能力')
        window.divPoint7 = sgworld.Creator.createDivPoint(
          '',
          { lon: degrees.lon, lat: degrees.lat, height: degrees.height },
          {
            type: 'custom',
            offset: ['c', 70],
            description: prophtml4,
            near: 0,
            far: 50000,
            onclick: function name () {
              window.showtable = true
              window.objform = {
                analysisType: '对讲机',
                areaResult: 0.451125,
                coverageThreshold: '-110',
                freqPoint: 450,
                frequency: 450,
                modelName: '',
                monFrequency: '',
                monstationGuid: '2',
                propModel: 2,
                rxAntGain: 0,
                rxAntHeight: 0,
                txAntGain: 0,
                txAntHeight: 2,
                txFrequency: '',
                txPower: 30
              }
              window.objform.monstationGuid =
                pick.id.properties._monstationGuid._value
              let arrq = [window.objform]
              showdataJCZ(arrq)
              setTimeout(function name () {
                try {
                  window.divPoint4.deleteObject()
                  window.divPoint5.deleteObject()
                  window.divPoint6.deleteObject()
                  window.divPoint7.deleteObject()
                } catch (e) {}
              }, 100)
            }
          }
        )
      }
      if (pick.id.properties.dataType._value == 'XXTZ') {
        let prophtml1 = createHtmlRight('保护轮廓线')
        window.divPoint10 = sgworld.Creator.createDivPoint(
          '',
          { lon: degrees.lon, lat: degrees.lat, height: degrees.height },
          {
            type: 'custom',
            offset: ['c', 20],
            description: prophtml1,
            near: 0,
            far: 50000,
            onclick: function name () {
              setTimeout(function name (params) {
                try {
                  window.divPoint8.deleteObject()
                  window.divPoint9.deleteObject()
                  window.divPoint10.deleteObject()
                } catch (e) {}
              }, 100)
            }
          }
        )
        let prophtml2 = createHtmlRight('天线赋形图')
        let scale = 3
        window.divPoint8 = sgworld.Creator.createDivPoint(
          '',
          { lon: degrees.lon, lat: degrees.lat, height: degrees.height + 10 },
          {
            type: 'custom',
            offset: ['c', 120],
            description: prophtml2,
            near: 0,
            far: 50000,
            onclick: function name () {
              if (window.FieldIntensity) {
                window.FieldIntensity.deleteObject()
                window.FieldIntensity = null
              }
              let height = degrees.height - 5
              let url = './static/json/ant.json'
              window.FieldIntensity = sgworld.Creator.FieldIntensity(url, {
                center: [degrees.lon, degrees.lat, height], // 备用中心坐标
                scale: scale
              })
              setTimeout(function name (params) {
                try {
                  window.divPoint8.deleteObject()
                  window.divPoint9.deleteObject()
                  window.divPoint10.deleteObject()
                } catch (e) {}
              }, 100)
            }
          }
        )
        let prophtml4 = createHtmlRight('场强覆盖图')
        window.divPoint9 = sgworld.Creator.createDivPoint(
          '',
          { lon: degrees.lon, lat: degrees.lat, height: degrees.height },
          {
            type: 'custom',
            offset: ['c', 70],
            description: prophtml4,
            near: 0,
            far: 50000,
            onclick: function name () {
              window.showtable = true
              window.nowAnalyze = true
              window.allowClick = true
              if (window.imageidXT) {
                window.Viewer.entities.removeById(window.imageidXT)
                window.imageidXT = null
              }
              if (!window.nowAnalyze) {
                return
              }
              let data = {
                corverageType: 1,
                coverageRedius_km: 100,
                coverageThreshold: -100,
                model: '2',
                noiseTemp: 293,
                rxAntGain_dBi: 10,
                rxAntHeight: 10,
                station: pick.id.properties.guid._value,
                type: '1'
              }
              const loading = Loading.service({
                lock: true,
                text: '计算中',
                spinner: 'el-icon-loading',
                background: 'rgba(0, 0, 0, 0.7)'
              })
              intensity(data)
                .then(res => {
                  if (res.message === 'Success') {
                    getbounds({ file: Base64.encode(res.data) }).then(res1 => {
                      if (res1.message === 'Success') {
                        let points = res1.data.points
                        let data = {
                          colorSchemes: 1,
                          file: Base64.encode(res.data),
                          maxColor: 'FF0000',
                          maxValue: 100,
                          minColor: '0000FF',
                          minValue: 0
                        }
                        nowplay = Base64.encode(res.data)
                        createPic(data).then(res2 => {
                          if (res2.message === 'Success') {
                            let rectangle = sgworld.Creator.addSimpleGraphic(
                              'rectangle',
                              {
                                removeEdit: true,
                                coordinates: Cesium.Rectangle.fromDegrees(
                                  points[0].x,
                                  points[0].y,
                                  points[1].x,
                                  points[1].y
                                ),
                                color: 'rgba(255,255,255,0.5)',
                                image:
                                  'http://221.224.53.36:9081/calc/picurl?file=' +
                                  Base64.encode(res2.data)
                              }
                            )
                            window.imageidXT = rectangle.id

                            loading.close()
                          }
                        })
                      }
                    })
                  }
                })
                .catch(error => {
                  loading.close()
                })

              setTimeout(function name () {
                try {
                  window.divPoint8.deleteObject()
                  window.divPoint9.deleteObject()
                  window.divPoint10.deleteObject()
                } catch (e) {}
              }, 100)
            }
          }
        )
      }
    } else {
      try {
        window.divPoint8.deleteObject()
        window.divPoint9.deleteObject()
        window.divPoint10.deleteObject()
        window.showtable = false
      } catch (e) {}
    }
  }, Cesium.ScreenSpaceEventType.RIGHT_CLICK)
}
// 监测站覆盖评估
export function MonitoringStation (data) {
  return request({
    url: 'calc/stationCover',
    method: 'POST',
    data: data
  })
}
window.JCZlist = []
export function createPloygon (pos) {
  viewer.scene.globe.depthTestAgainstTerrain = false
  var poly = viewer.entities.add({
    name: 'JCZ',
    polygon: {
      hierarchy: Cesium.Cartesian3.fromDegreesArray(pos),
      extrudedHeight: 1,
      material: Cesium.Color.DARKSALMON.withAlpha(0.3),
      outline: false,
      outlineColor: Cesium.Color.RED,
      arcType: Cesium.ArcType.RHUMB
    },
    polyline: {
      positions: Cesium.Cartesian3.fromDegreesArray(pos),
      width: 2,
      material: Cesium.Color.RED
    }
  })
  window.JCZlist.push(poly)
}
// 右击按钮
export function createHtmlRight (data) {
  var html = ``
  html += `<div class="showRightClickBtn">`
  html += `<button type="button">${data}</button>`
  html += `</div>`
  return html
}
// 监测站弹框
export function setEpidemicLayerInfoDomtj (marker) {
  let tablename, tablevalue
  if (marker.dataType._value == 'XXTZ') {
    tablename = [
      '台站名称',
      '台站位置',
      '天线高度(m)',
      '经度[°]',
      '维度[°]',
      '接收起始频率[MHz]',
      '接受结束频率[MHz]',
      '发射起始频率[MHz]',
      '发射结束频率[MHz]',
      '功率[dBm]'
    ]
    tablevalue = [
      'statName',
      'statAddr',
      'antHight',
      'statLg',
      'statLa',
      'freqUc',
      'freqEfb',
      'freqEfe',
      'freqEfe',
      'equPow'
    ]
  }
  if (marker.dataType._value == 'JCZ') {
    tablename = [
      '监测设施',
      '监测设备',
      '覆盖半径(km)',
      '设备型号',
      '设备名称',
      '经度[°]',
      '维度[°]',
      '监测站位置'
    ]
    tablevalue = [
      'monstationName',
      'monstationEquName',
      'monstationLa',
      'monstationType',
      'monstationEquName',
      'monstationLg',
      'monstationLa',
      'monstationName'
    ]
  }
  var html = ``
  html += `<div class="tableContain">`
  html += `<div class="closeclick" >X</div>`
  html += `<div class="tableinner">`
  html += `<table id="mytable" cellspacing="0">
    <caption> </caption> `
  if (marker.propertyNames) {
    for (var i = 0; i < tablename.length; i++) {
      html +=
        `<tr>
      <td class="row">` +
        tablename[i] +
        `</td>
      <td class="row">` +
        marker[tablevalue[i]]._value +
        `</td>
    </tr>`
    }
  } else {
    for (var item in marker) {
      html +=
        `<tr>
      <td class="row">` +
        item +
        `</td>
      <td class="row">` +
        marker[item] +
        `</td>
    </tr>`
    }
  }
  html += `</table>`
  html += `</div>`
  html += `</div>`

  return html
}
// mpt地形
let mptYx
export function addMpt (bollean) {
  if (bollean) {
    Viewer.terrainProvider = Cesium.createWorldTerrain()

    // mptYx ? mptYx.deleteObject() : "";
    // mptYx = null
    // var option = {
    //     url: "http://183.162.245.49:82/SG/Elevation",
    //     layerName: "gz0920.414509",
    //     requestVertexNormals: true,
    // };
    // mptYx = sgworld.Creator.sfsterrainprovider("", option, "", true, "");
  } else {
    mptYx ? mptYx.deleteObject() : ''
    mptYx = null
    Viewer.terrainProvider = new Cesium.EllipsoidTerrainProvider({})
  }
}

// 监听按钮事件
let status
export function SPPM () {
  tedp.trame.subStyle = {
    left: '1446px',
    top: '2100px'
  }
  window.addEventListener(
    'keydown',
    event => {
      if (event.keyCode === 122) {
        event.preventDefault()
        var el = document.documentElement
        var rfs =
          el.requestFullScreen ||
          el.webkitRequestFullScreen ||
          el.mozRequestFullScreen ||
          el.msRequestFullScreen // 定义不同浏览器的全屏API
        // 执行全屏
        if (typeof rfs !== 'undefined' && rfs) {
          rfs.call(el)
        } else if (typeof window.ActiveXObject !== 'undefined') {
          var wscript = new ActiveXObject('WScript.Shell')
          if (wscript != null) {
            wscript.SendKeys('{F11}')
          }
        }

        // 监听不同浏览器的全屏事件，并件执行相应的代码
        document.addEventListener(
          'webkitfullscreenchange',
          function () {
            //
            if (document.webkitIsFullScreen) {
              // 全屏后要执行的代码
              tedp.trame.subStyle = {
                left: '1446px',
                top: '2420px'
              }
              document.getElementsByClassName('container')[0].style.height =
                '2200px'
              document.getElementsByClassName('containerBtn')[0].style.top =
                '2300px'
              status = false
            } else {
              tedp.trame.subStyle = {
                left: '1446px',
                top: '2120px'
              }
              // 退出全屏后执行的代码
              document.getElementsByClassName('container')[0].style.height =
                '1900px'
              document.getElementsByClassName('containerBtn')[0].style.top =
                '1980px'
            }
          },
          false
        )
      }
    },
    true
  )
}

export function addnewPoint (position, name) {
  var gltfurl = './static/gltf/JCZ.glb'
  var position = new Cesium.Cartesian3.fromDegrees(position.x, position.y, 0)
  loadGLTF(gltfurl, position, 1)
  let dataSource
  var pixelO = (name.length / 2) * 20 + 35
  dataSource.entities.add(
    new Cesium.Entity({
      position: Cesium.Cartesian3.fromDegrees(position.x, position.y, 10),
      label: {
        showBackground: true,
        backgroundColor: new Cesium.Color.fromCssColorString('#000').withAlpha(
          0.3
        ),
        text: name,
        font: '15px Helvetica',
        fillColor: Cesium.Color.fromCssColorString('#6CFF00'),
        pixelOffset: new Cesium.Cartesian2(pixelO, 0),
        style: Cesium.LabelStyle.FILL_AND_OUTLINE,
        disableDepthTestDistance: Number.POSITIVE_INFINITY,
        distanceDisplayCondition: new Cesium.DistanceDisplayCondition(
          10,
          1000000
        )
      },
      billboard: {
        image: billboardImage,
        disableDepthTestDistance: Number.POSITIVE_INFINITY,
        width: 40, // default: undefined
        height: 40,
        distanceDisplayCondition: new Cesium.DistanceDisplayCondition(
          10,
          1000000
        )
      },
      properties: ''
    })
  )
  window.createTool = false
}
// 云海建筑
let yunhaimode1
export function loadYH () {
  let url = 'http://183.162.245.49:8099/SHdata/yunhai_3dtile/tileset.json'
  yunhaimode1 = sgworld.Creator.create3DTilesets(
    '',
    url,
    {},
    {},
    '0',
    true,
    data => {}
  )
}

// 绘制多边形
export function drawPolygon () {
  window.datatype && viewer.entities.remove(window.datatype)
  let polygom = sgworld.Creator.createSimpleGraphic(
    'rectangle',
    { showSize: true, color: 'rgba(108,167,247,0.3)' },
    function (entity) {
      debugger
      window.datatype = entity
      var pointsList = []
      var ellipsoid = entity.rectangle.coordinates.getValue()
      for (let i in ellipsoid) {
        let position = Cesium.Math.toDegrees(ellipsoid[i])
        pointsList.push(position)
      }
      pointsList = [
        [pointsList[1], pointsList[0]],
        [pointsList[1], pointsList[2]],
        [pointsList[3], pointsList[2]],
        [pointsList[3], pointsList[0]]
      ]
      bus.$emit('isdp', pointsList)
    }
  )
}