addCircleDistance() {

let circleDistanceLayer =this.$mapView.map.findLayerById('circleDistanceLayer')

if (circleDistanceLayer) {

this.$mapView.map.remove(circleDistanceLayer)

}

const zoomObj = {1:'9',2:'8',3:'7' }

const target =new this.$esri.Point({type:'point',x:this.tempData.coox,y:this.tempData.cooy,spatialReference:this.$mapView.spatialReference })

const circleGeometry =new this.$esri.Circle({

center:target,

radius:this.checkDepth,

radiusUnit:'kilometers',

spatialReference:this.$mapView.spatialReference

    })

const graphic =new this.$esri.Graphic({

geometry:circleGeometry,

symbol: {

type:'simple-fill',

color: [247,193,6,0.3],

outline: {

width:2,

color:'#F7C106'

            }

}

})

circleDistanceLayer =new this.$esri.GraphicsLayer({

id:'circleDistanceLayer',

graphics: [graphic],

spatialReference:this.$mapView.spatialReference,

visible:true

    })

this.$mapView.map.add(circleDistanceLayer,1)

this.$mapView.goTo({target,zoom:zoomObj[this.checkDepth] })

}