/*
|
* @Author: Morpheus
|
* @Name: 地图测距
|
* @Date: 2021-11-13 16:04:27
|
* @Last Modified by: Morpheus
|
* @Last Modified time: 2022-02-15 14:28:44
|
*/
|
|
<template>
|
<public-box class="tool-ranging">
|
<template slot="public-box-header">
|
<div class="title">
|
<img class="icon deblurring" src="/img/icon/tool-ranging.png" alt />
|
<span>地图测距</span>
|
</div>
|
<img class="close" src="/img/navicon/close.png" alt @click="closeModel" />
|
</template>
|
<template slot="public-box-content">
|
<el-button type="primary" size="mini" @click.stop="calcDistance">开始</el-button>
|
|
<el-button type="danger" size="mini" @click.stop="deactivate">清除</el-button>
|
</template>
|
</public-box>
|
</template>
|
|
<script>
|
import { mapGetters } from 'vuex'
|
|
export default {
|
data () {
|
return {
|
}
|
},
|
computed: {
|
...mapGetters(['viewer'])
|
},
|
created () { },
|
methods: {
|
calcDistance () {
|
this.viewer.measure.distanceSurface()
|
},
|
|
deactivate () {
|
this.viewer.measure.deactivate()
|
},
|
|
closeModel () {
|
this.$store.dispatch('delVisitedViews', this.$route)
|
this.$router.push('/pcLayout/default')
|
}
|
},
|
destroyed () { }
|
}
|
</script>
|
|
<style lang="sass" scoped>
|
.move
|
cursor: move
|
</style>
|
