From c7187e038c284acc051a439c5eda16582bdb9b7a Mon Sep 17 00:00:00 2001
From: lixuliang <lixuliang_hd@126.com>
Date: 星期六, 14 九月 2024 10:16:13 +0800
Subject: [PATCH] 更新
---
src/components/right/right-bottom.vue | 186 ++++++++++++++++++++++++----------------------
1 files changed, 96 insertions(+), 90 deletions(-)
diff --git a/src/components/right/right-bottom.vue b/src/components/right/right-bottom.vue
index 64abb08..15d9cad 100644
--- a/src/components/right/right-bottom.vue
+++ b/src/components/right/right-bottom.vue
@@ -5,43 +5,32 @@
<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="maskingOut">
- <img class="legendImg" src="@/assets/img/new/mengban.png" />
+ <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="getcamera">
- <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="S3M()">
- <img class="legendImg" src="@/assets/img/new/mengban.png" />
- </div>
- </el-tooltip>
- </div> -->
-
+ </div>
<div class="mapTool">
<el-tooltip
class="item"
@@ -55,7 +44,7 @@
</div>
</el-tooltip>
</div>
- <div class="mapTool">
+ <!-- <div class="mapTool">
<el-tooltip
class="item"
effect="dark"
@@ -67,7 +56,7 @@
<img class="dwImg" src="@/assets/img/new/location.png" />
</div>
</el-tooltip>
- </div>
+ </div> -->
<div class="mapTool">
<el-tooltip
class="item"
@@ -94,7 +83,7 @@
</div>
</el-tooltip>
</div>
- <div class="mapTool" v-if="isActive">
+ <!-- <div class="mapTool" v-if="isActive">
<el-tooltip
class="item"
effect="dark"
@@ -119,7 +108,7 @@
<img class="qpImg" src="@/assets/img/new/tuichuquanping.png" />
</div>
</el-tooltip>
- </div>
+ </div> -->
<div class="mapTool">
<el-tooltip
class="item"
@@ -146,6 +135,32 @@
</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="screenShot">
+ <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="getcamera">
+ <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">
<el-button class="tool-23mode" @click="_23mode">
@@ -198,25 +213,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);
@@ -225,8 +239,8 @@
/*
.mapTool .el-button {
padding: 0 !important;
- width: 54.5px;
- height: 54.5px;
+ width: 30px;
+ height: 30px;
border: unset;
float: unset;
display: block;
@@ -240,7 +254,7 @@
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
- width: 28px;
+ width: 20px;
}
.button-group-vertical {
@@ -318,6 +332,8 @@
return {
isWideAngle: false,
wideAngle: 1.04,
+ isShowDP: false,
+ isShowTA: false,
clickIndex: 0,
camera: {
position: [116.540659, 39.744945, 50000],
@@ -357,55 +373,45 @@
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);
+ if (!this.isShowDP) {
+ this.$store.commit("showTextArea", false);
+ }
+ },
maskingOut() {
- // if (!window.maskinglayer) {
- // window.maskinglayer = sgworld.Creator.createImageryProvider(
- // "钂欑増",
- // "wms",
- // {
- // url: "http://10.10.4.116:8070/gisserver/wmsserver/WaiWeiMengBan",
- // layers: "",
- // parameters: {
- // format: "image/png",
- // transparent: true,
- // alpha: 1,
- // },
- // },
- // "0",
- // 15, //zindex
- // true,
- // ""
- // );
- // } else {
- // window.maskinglayer.deleteObject();
- // window.maskinglayer = null;
- // }
+ if (!window.maskinglayer) {
+ window.maskinglayer = sgworld.Creator.createImageryProvider(
+ "钂欑増",
+ "wms",
+ {
+ url: "http://10.10.4.121:8070/gisserver/wmsserver/WaiWeiMengBan",
+ layers: "",
+ parameters: {
+ format: "image/png",
+ transparent: true,
+ alpha: 1,
+ },
+ },
+ "0",
+ 15, //zindex
+ true,
+ ""
+ );
+ } else {
+ window.maskinglayer.deleteObject();
+ window.maskinglayer = null;
+ }
+ },
+ screenShot() {
+ sgworld.tools.browse();
+ sgworld.Analysis.createScreenshot();
},
S3M() {
var promise = Viewer.scene.open(
--
Gitblit v1.9.3