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 |   52 +++++++++++++++++++++++++++++++++++++++++++++++++---
 1 files changed, 49 insertions(+), 3 deletions(-)

diff --git a/src/components/right/right-bottom.vue b/src/components/right/right-bottom.vue
index 41bd8c1..7572c34 100644
--- a/src/components/right/right-bottom.vue
+++ b/src/components/right/right-bottom.vue
@@ -5,6 +5,40 @@
         <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"
@@ -207,10 +241,13 @@
   background-image: url("~@/assets/img/new/leftCircle.png");
   background-size: 100%;
   background-color: transparent;
-  width:  35px;
-  height:  35px;
+  width: 35px;
+  height: 35px;
   position: relative;
   cursor: pointer;
+}
+.active {
+  background-image: url("~@/assets/img/new/leftCircle-y.png");
 }
 .tcqp {
   background-color: rgba(0, 138, 252, 0.6);
@@ -312,6 +349,8 @@
     return {
       isWideAngle: false,
       wideAngle: 1.04,
+      isShowDP: false,
+      isShowTA: false,
       clickIndex: 0,
       camera: {
         position: [116.540659, 39.744945, 50000],
@@ -356,7 +395,14 @@
       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