From 01f9c88fd0ee768155e5b341c2bb95a85bc11a08 Mon Sep 17 00:00:00 2001
From: liuyg <liuyg@qq.com>
Date: Sat, 05 Mar 2022 17:49:36 +0800
Subject: [PATCH] ++

---
 src/pcviews/tool/ranging.vue |  107 +++++++++++++++++++++++------------------------------
 1 files changed, 46 insertions(+), 61 deletions(-)

diff --git a/src/pcviews/tool/ranging.vue b/src/pcviews/tool/ranging.vue
index 6d2c065..1402110 100644
--- a/src/pcviews/tool/ranging.vue
+++ b/src/pcviews/tool/ranging.vue
@@ -1,75 +1,60 @@
-/*
- * @Author: Morpheus
- * @Name: 地图测距
- * @Date: 2021-11-13 16:04:27
- * @Last Modified by: Morpheus
- * @Last Modified time: 2021-12-24 09:46:27
- */
+/* * @Author: Morpheus * @Name: 地图测距 * @Date: 2021-11-13 16:04:27 * @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}">
-            <div class="title">
-                <img class="icon deblurring"
-                     src="/img/icon/dtcj.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>
+  <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>
-        </div>
-    </div>
+      <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 {
-    computed: {
-        ...mapGetters([
-            'viewer'
-        ])
+  data() {
+    return {};
+  },
+  computed: {
+    ...mapGetters(["viewer"]),
+  },
+  created() {},
+  methods: {
+    calcDistance() {
+      this.viewer.measure.distanceSurface();
     },
-    created () {
-    },
-    methods: {
-        calcDistance () {
-            this.viewer.measure.distance()
-        },
 
-        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>
+<style lang="sass" scoped>
+.move
+    cursor: move
 </style>

--
Gitblit v1.9.3