From dbb352c9d988dfac83da979023fe81a0a02f88e9 Mon Sep 17 00:00:00 2001
From: lixuliang <lixuliang_hd@126.com>
Date: 星期五, 12 四月 2024 16:34:20 +0800
Subject: [PATCH] 与数字人合并
---
src/components/right/right-bottom.vue | 313 ++++++++++++++++++++++++++-------------------------
1 files changed, 160 insertions(+), 153 deletions(-)
diff --git a/src/components/right/right-bottom.vue b/src/components/right/right-bottom.vue
index 4712ad3..7572c34 100644
--- a/src/components/right/right-bottom.vue
+++ b/src/components/right/right-bottom.vue
@@ -5,12 +5,150 @@
<el-tooltip
class="item"
effect="dark"
+ content="鏁板瓧浜�"
+ placement="left"
+ popper-class="item_tooltip"
+ >
+ <div
+ class="legend-bg"
+ @click="showDigitalPerson"
+ :class="{ active: isShowDP }"
+ >
+ <img class="legendImg" src="@/assets/img/new/鏁板瓧浜�.png" />
+ </div>
+ </el-tooltip>
+ </div>
+ <div class="mapTool">
+ <el-tooltip
+ class="item"
+ effect="dark"
+ content="鏂囨湰鎿嶄綔"
+ placement="left"
+ popper-class="item_tooltip"
+ >
+ <div
+ class="legend-bg"
+ @click="showTextArea"
+ :class="{ active: isShowTA }"
+ >
+ <img class="legendImg" src="@/assets/img/new/鏂囨湰杈撳叆.png" />
+ </div>
+ </el-tooltip>
+ </div>
+ <div class="mapTool">
+ <el-tooltip
+ class="item"
+ effect="dark"
content="浜﹀簞鏂板尯鑼冨洿"
placement="left"
popper-class="item_tooltip"
>
<div class="legend-bg" @click="maskingOut">
<img class="legendImg" src="@/assets/img/new/mengbanbai.png" />
+ </div>
+ </el-tooltip>
+ </div>
+ <div class="mapTool">
+ <el-tooltip
+ class="item"
+ effect="dark"
+ content="鍥句緥"
+ placement="left"
+ popper-class="item_tooltip"
+ >
+ <div class="legend-bg" @click="showLegendPop">
+ <img class="legendImg" src="@/assets/img/new/legend.png" />
+ </div>
+ </el-tooltip>
+ </div>
+ <!-- <div class="mapTool">
+ <el-tooltip
+ class="item"
+ effect="dark"
+ content="瑙嗚鍒囨崲"
+ placement="left"
+ popper-class="item_tooltip"
+ >
+ <div class="legend-bg" @click="fovViewer">
+ <img class="dwImg" src="@/assets/img/new/location.png" />
+ </div>
+ </el-tooltip>
+ </div> -->
+ <div class="mapTool">
+ <el-tooltip
+ class="item"
+ effect="dark"
+ content="澶嶄綅"
+ placement="left"
+ popper-class="item_tooltip"
+ >
+ <div class="legend-bg" @click="flyBack">
+ <img class="fwImg" src="@/assets/img/new/fuwei.png" />
+ </div>
+ </el-tooltip>
+ </div>
+ <div class="mapTool">
+ <el-tooltip
+ class="item"
+ effect="dark"
+ content="鎸囧寳"
+ placement="left"
+ popper-class="item_tooltip"
+ >
+ <div class="legend-bg" @click="trueNorth">
+ <img class="zbImg" src="@/assets/img/new/zhibei.png" />
+ </div>
+ </el-tooltip>
+ </div>
+ <!-- <div class="mapTool" v-if="isActive">
+ <el-tooltip
+ class="item"
+ effect="dark"
+ content="鍏ㄥ睆"
+ placement="left"
+ popper-class="item_tooltip"
+ >
+ <div class="legend-bg" @click="fullScreen">
+ <img src="@/assets/img/new/quanping.png" />
+ </div>
+ </el-tooltip>
+ </div>
+ <div class="mapTool" v-else>
+ <el-tooltip
+ class="item"
+ effect="dark"
+ content="閫�鍑哄叏灞�"
+ placement="left"
+ popper-class="item_tooltip"
+ >
+ <div class="legend-bg tcqp" @click="fullScreen">
+ <img class="qpImg" src="@/assets/img/new/tuichuquanping.png" />
+ </div>
+ </el-tooltip>
+ </div> -->
+ <div class="mapTool">
+ <el-tooltip
+ class="item"
+ effect="dark"
+ content="鏀惧ぇ"
+ placement="left"
+ popper-class="item_tooltip"
+ >
+ <div class="legend-bg" @click="zoomIn">
+ <img class="fdImg" src="@/assets/img/new/zoomIn.png" />
+ </div>
+ </el-tooltip>
+ </div>
+ <div class="mapTool">
+ <el-tooltip
+ class="item"
+ effect="dark"
+ content="缂╁皬"
+ placement="left"
+ popper-class="item_tooltip"
+ >
+ <div class="legend-bg" @click="zoomOut">
+ <img class="sxImg" src="@/assets/img/new/zoomOut.png" />
</div>
</el-tooltip>
</div>
@@ -40,125 +178,6 @@
</div>
</el-tooltip>
</div> -->
-
- <!-- <div class="mapTool">
- <el-tooltip
- class="item"
- effect="dark"
- content="瓒呭浘"
- placement="left"
- popper-class="item_tooltip"
- >
- <div class="legend-bg" @click="S3M()">
- <img class="legendImg" src="@/assets/img/new/mengban.png" />
- </div>
- </el-tooltip>
- </div> -->
-
- <div class="mapTool">
- <el-tooltip
- class="item"
- effect="dark"
- content="鍥句緥"
- placement="left"
- popper-class="item_tooltip"
- >
- <div class="legend-bg" @click="showLegendPop">
- <img class="legendImg" src="@/assets/img/new/legend.png" />
- </div>
- </el-tooltip>
- </div>
- <div class="mapTool">
- <el-tooltip
- class="item"
- effect="dark"
- content="瑙嗚鍒囨崲"
- placement="left"
- popper-class="item_tooltip"
- >
- <div class="legend-bg" @click="fovViewer">
- <img class="dwImg" src="@/assets/img/new/location.png" />
- </div>
- </el-tooltip>
- </div>
- <div class="mapTool">
- <el-tooltip
- class="item"
- effect="dark"
- content="澶嶄綅"
- placement="left"
- popper-class="item_tooltip"
- >
- <div class="legend-bg" @click="flyBack">
- <img class="fwImg" src="@/assets/img/new/fuwei.png" />
- </div>
- </el-tooltip>
- </div>
- <div class="mapTool">
- <el-tooltip
- class="item"
- effect="dark"
- content="鎸囧寳"
- placement="left"
- popper-class="item_tooltip"
- >
- <div class="legend-bg" @click="trueNorth">
- <img class="zbImg" src="@/assets/img/new/zhibei.png" />
- </div>
- </el-tooltip>
- </div>
- <div class="mapTool" v-if="isActive">
- <el-tooltip
- class="item"
- effect="dark"
- content="鍏ㄥ睆"
- placement="left"
- popper-class="item_tooltip"
- >
- <div class="legend-bg" @click="fullScreen">
- <img src="@/assets/img/new/quanping.png" />
- </div>
- </el-tooltip>
- </div>
- <div class="mapTool" v-else>
- <el-tooltip
- class="item"
- effect="dark"
- content="閫�鍑哄叏灞�"
- placement="left"
- popper-class="item_tooltip"
- >
- <div class="legend-bg tcqp" @click="fullScreen">
- <img class="qpImg" src="@/assets/img/new/tuichuquanping.png" />
- </div>
- </el-tooltip>
- </div>
- <div class="mapTool">
- <el-tooltip
- class="item"
- effect="dark"
- content="鏀惧ぇ"
- placement="left"
- popper-class="item_tooltip"
- >
- <div class="legend-bg" @click="zoomIn">
- <img class="fdImg" src="@/assets/img/new/zoomIn.png" />
- </div>
- </el-tooltip>
- </div>
- <div class="mapTool">
- <el-tooltip
- class="item"
- effect="dark"
- content="缂╁皬"
- placement="left"
- popper-class="item_tooltip"
- >
- <div class="legend-bg" @click="zoomOut">
- <img class="sxImg" src="@/assets/img/new/zoomOut.png" />
- </div>
- </el-tooltip>
- </div>
<!-- <div class="mapTool">
<el-tooltip class="item" effect="dark" content="浜屼笁缁村垏鎹�" placement="left">
<el-button class="tool-23mode" @click="_23mode">
@@ -211,25 +230,24 @@
.trigger {
pointer-events: all;
}
-.mapTools {
- /* margin-bottom: 58px; */
-}
+
.mapTool {
margin: 2px 0;
+}
+.legend-bg:hover {
+ background-image: url("~@/assets/img/new/leftCircle-y.png");
}
.legend-bg {
background-image: url("~@/assets/img/new/leftCircle.png");
background-size: 100%;
background-color: transparent;
- width: 54.5px;
- height: 54.5px;
+ width: 35px;
+ height: 35px;
position: relative;
-}
-.legend-bg:hover {
- background-color: rgba(16, 145, 250, 0.4);
- border-radius: 50%;
cursor: pointer;
- pointer-events: all;
+}
+.active {
+ background-image: url("~@/assets/img/new/leftCircle-y.png");
}
.tcqp {
background-color: rgba(0, 138, 252, 0.6);
@@ -238,8 +256,8 @@
/*
.mapTool .el-button {
padding: 0 !important;
- width: 54.5px;
- height: 54.5px;
+ width: 30px;
+ height: 30px;
border: unset;
float: unset;
display: block;
@@ -253,7 +271,7 @@
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
- width: 28px;
+ width: 20px;
}
.button-group-vertical {
@@ -331,6 +349,8 @@
return {
isWideAngle: false,
wideAngle: 1.04,
+ isShowDP: false,
+ isShowTA: false,
clickIndex: 0,
camera: {
position: [116.540659, 39.744945, 50000],
@@ -370,32 +390,19 @@
Bus.$off("closeLegendPop");
},
methods: {
- qingqiu() {
- $.ajax({
- url: "http://10.117.5.21/artemis/api/resource/v1/cameras/indexCode",
- type: "POST",
- dataType: "json",
- data: {
- cameraIndexCode: "57533537f16d4cb9a151cf1527b16798",
- },
- contentType: "application/json",
- headers: {
- "x-ca-key": 20380928,
- "x-ca-signature-headers": "x-ca-key",
- "x-ca-signature": "IVKr1h18tQGUyxsarkSJCyjO2b0BrBQghc5Bga3V3O8=",
- },
- success: function (result) {
- console.log(result);
- },
- });
- },
// 鐩告満鍙傛暟
-
getcamera() {
let p = sgworld.Navigate.getCameraInfo();
console.log(p);
},
-
+ showDigitalPerson() {
+ this.isShowDP = !this.isShowDP;
+ this.$store.commit("showDigitalPerson", this.isShowDP);
+ },
+ showTextArea() {
+ this.isShowTA = !this.isShowTA;
+ this.$store.commit("showTextArea", this.isShowTA);
+ },
maskingOut() {
if (!window.maskinglayer) {
window.maskinglayer = sgworld.Creator.createImageryProvider(
--
Gitblit v1.9.3