样式修改

shuishen

2022-02-15 5cf33b2b4217dbe50e7fa0599e09e0ee8ae63db4

 src/pcviews/tool/ranging.vue

@@ -2,56 +2,39 @@
 * @Author: Morpheus
 * @Name: 地图测距
 * @Date: 2021-11-13 16:04:27
 * @Last Modified by: mikey.zhaopeng
 * @Last Modified time: 2022-02-08 16:21:37
 * @Last Modified by: Morpheus
 * @Last Modified time: 2022-02-15 14:28:44
 */

<template>
    <div class="tool-ranging">
        <div class="header"
             @mousedown="move"
             :class="{'move': moveFlag}">
    <public-box class="tool-ranging">
        <template slot="public-box-header">
            <div class="title">
                <img class="icon deblurring"
                     src="/img/icon/dtcj.png"
                     alt="">
                <span>
                    地图测距
                </span>
                <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">
        </div>
        <div class="content">
            <el-button type="primary"
                       size="mini"
                       @click.stop="calcDistance">
                开始
            </el-button>
            <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>
        </div>
    </div>
            <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'
        ])
        ...mapGetters(['viewer'])
    },
    created () {
    },
    created () { },
    methods: {
        calcDistance () {
            this.viewer.measure.distanceSurface()
@@ -66,10 +49,11 @@
            this.$router.push('/pcLayout/default')
        }
    },
    destroyed () {
    }
    destroyed () { }
}
</script>

<style>
<style lang="sass" scoped>
.move
    cursor: move
</style>