<!--
|
* @Author: shuishen 1109946754@qq.com
|
* @Date: 2023-11-22 10:26:22
|
* @LastEditors: shuishen 1109946754@qq.com
|
* @LastEditTime: 2023-11-22 20:59:11
|
* @FilePath: \sd-jg-school-web-ksd\src\pcviews\tool\ranging.vue
|
* @Description:
|
*
|
* Copyright (c) 2023 by shuishen, All Rights Reserved.
|
-->
|
<template>
|
<public-box class="tool-ranging">
|
<template slot="public-box-header">
|
<div class="title">
|
<img class="icon deblurring" :src="publicPath + 'img/icon/tool-ranging.png'" alt />
|
<span>地图测距</span>
|
</div>
|
<img class="close deblurring" :src="publicPath + '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>
|
|
export default {
|
data () {
|
return {
|
publicPath: process.env.BASE_URL,
|
|
}
|
},
|
created () { },
|
methods: {
|
calcDistance () {
|
global.viewer.measure.distanceSurface()
|
},
|
|
deactivate () {
|
global.viewer.measure.deactivate()
|
},
|
|
closeModel () {
|
this.$store.dispatch('delVisitedViews', this.$route)
|
this.$router.push('/pcLayout/default')
|
global.viewer.measure.deactivate()
|
}
|
},
|
destroyed () {
|
global.viewer.measure.deactivate()
|
}
|
}
|
</script>
|
|
<style lang="sass" scoped>
|
.move
|
cursor: move
|
</style>
|
