| | |
| | | /* |
| | | * @Author: Morpheus |
| | | * @Name: 地图测距 |
| | | * @Date: 2021-11-13 16:04:27 |
| | | * @Last Modified by: Morpheus |
| | | * @Last Modified time: 2022-02-15 14:28:44 |
| | | */ |
| | | /* * @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> |
| | | <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> |
| | | <el-button type="danger" size="mini" @click.stop="deactivate" |
| | | >清除</el-button |
| | | > |
| | | </template> |
| | | </public-box> |
| | | </template> |
| | | |
| | | <script> |
| | | import { mapGetters } from 'vuex' |
| | | import { mapGetters } from "vuex"; |
| | | |
| | | export default { |
| | | data () { |
| | | return { |
| | | } |
| | | data() { |
| | | return {}; |
| | | }, |
| | | computed: { |
| | | ...mapGetters(["viewer"]), |
| | | }, |
| | | created() {}, |
| | | methods: { |
| | | calcDistance() { |
| | | this.viewer.measure.distanceSurface(); |
| | | }, |
| | | 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') |
| | | } |
| | | deactivate() { |
| | | this.viewer.measure.deactivate(); |
| | | }, |
| | | destroyed () { } |
| | | } |
| | | |
| | | closeModel() { |
| | | this.$store.dispatch("delVisitedViews", this.$route); |
| | | this.$router.push("/pcLayout/default"); |
| | | this.viewer.measure.deactivate(); |
| | | }, |
| | | }, |
| | | destroyed() { |
| | | this.viewer.measure.deactivate(); |
| | | }, |
| | | }; |
| | | </script> |
| | | |
| | | <style lang="sass" scoped> |