From 9f1a8ac7b6743de4a222ebda9bb914c3624810d8 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Tue, 15 Feb 2022 10:54:48 +0800
Subject: [PATCH] Merge branch 'master' of http://192.168.0.105:10010/r/school-web
---
src/pcviews/tool/ranging.vue | 64 ++++----------------------------
1 files changed, 8 insertions(+), 56 deletions(-)
diff --git a/src/pcviews/tool/ranging.vue b/src/pcviews/tool/ranging.vue
index 075fb6c..521990a 100644
--- a/src/pcviews/tool/ranging.vue
+++ b/src/pcviews/tool/ranging.vue
@@ -2,25 +2,25 @@
* @Author: Morpheus
* @Name: 地图测距
* @Date: 2021-11-13 16:04:27
- * @Last Modified by: mikey.zhaopeng
- * @Last Modified time: 2022-02-09 13:38:58
+ * @Last Modified by: Morpheus
+ * @Last Modified time: 2022-02-15 10:47:42
*/
<template>
- <div class="tool-ranging" ref="toolRangingBox">
- <div class="header" @mousedown="move" :class="{ move: moveFlag }">
+ <tool-small-box class="tool-ranging">
+ <template slot="tool-small-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" />
- </div>
- <div class="content">
+ </template>
+ <template slot="tool-small-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>
+ </template>
+ </tool-small-box>
</template>
<script>
@@ -29,7 +29,6 @@
export default {
data () {
return {
- moveFlag: false
}
},
computed: {
@@ -37,53 +36,6 @@
},
created () { },
methods: {
- move (e) {
- const that = this
- const odiv = this.$refs.toolRangingBox // 获取目标元素
- // 算出鼠标相对元素的位置
- const disX = e.clientX - odiv.offsetLeft
- const disY = e.clientY - odiv.offsetTop
-
- const disH = odiv.offsetHeight
- const disW = odiv.offsetWidth
-
- document.onmousemove = (e) => {
- that.moveFlag = true
- // 鼠标按下并移动的事件
- // 用鼠标的位置减去鼠标相对元素的位置，得到元素的位置
- let left = e.clientX - disX
- let top = e.clientY - disY
-
- // 绑定元素位置到positionX和positionY上面
-
- if (left >= window.innerWidth - disW) {
- left = window.innerWidth - disW
- }
-
- if (left <= 0) {
- left = 0
- }
-
- if (top >= window.innerHeight - disH) {
- top = window.innerHeight - disH
- }
-
- if (top <= 60) {
- top = 60
- }
-
- // 移动当前元素
- odiv.style.left = (left) + 'px'
- odiv.style.top = (top) + 'px'
- odiv.style.bottom = 'auto'
- }
- document.onmouseup = (e) => {
- that.moveFlag = false
- document.onmousemove = null
- document.onmouseup = null
- }
- },
-
calcDistance () {
this.viewer.measure.distanceSurface()
},
--
Gitblit v1.9.3