From 5cf33b2b4217dbe50e7fa0599e09e0ee8ae63db4 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Tue, 15 Feb 2022 15:33:02 +0800
Subject: [PATCH] 样式修改

---
 src/pcviews/tool/ranging.vue |   62 +++++++++++-------------------
 1 files changed, 23 insertions(+), 39 deletions(-)

diff --git a/src/pcviews/tool/ranging.vue b/src/pcviews/tool/ranging.vue
index 72133d6..d787bfd 100644
--- a/src/pcviews/tool/ranging.vue
+++ b/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>

--
Gitblit v1.9.3