From c658f316d2f464e510d10f1081c52848c3aefeb2 Mon Sep 17 00:00:00 2001
From: lixuliang <lixuliang_hd@126.com>
Date: 星期三, 15 十一月 2023 23:21:16 +0800
Subject: [PATCH] 企业 视频弹框
---
src/components/right/right-bottom.vue | 117 +++++++++++++++++++---------------------------------------
1 files changed, 39 insertions(+), 78 deletions(-)
diff --git a/src/components/right/right-bottom.vue b/src/components/right/right-bottom.vue
index 4712ad3..41bd8c1 100644
--- a/src/components/right/right-bottom.vue
+++ b/src/components/right/right-bottom.vue
@@ -14,47 +14,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="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"
- 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"
@@ -68,7 +27,7 @@
</div>
</el-tooltip>
</div>
- <div class="mapTool">
+ <!-- <div class="mapTool">
<el-tooltip
class="item"
effect="dark"
@@ -80,7 +39,7 @@
<img class="dwImg" src="@/assets/img/new/location.png" />
</div>
</el-tooltip>
- </div>
+ </div> -->
<div class="mapTool">
<el-tooltip
class="item"
@@ -107,7 +66,7 @@
</div>
</el-tooltip>
</div>
- <div class="mapTool" v-if="isActive">
+ <!-- <div class="mapTool" v-if="isActive">
<el-tooltip
class="item"
effect="dark"
@@ -132,7 +91,7 @@
<img class="qpImg" src="@/assets/img/new/tuichuquanping.png" />
</div>
</el-tooltip>
- </div>
+ </div> -->
<div class="mapTool">
<el-tooltip
class="item"
@@ -159,6 +118,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">
@@ -211,25 +196,21 @@
.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;
}
.tcqp {
background-color: rgba(0, 138, 252, 0.6);
@@ -238,8 +219,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 +234,7 @@
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
- width: 28px;
+ width: 20px;
}
.button-group-vertical {
@@ -370,27 +351,7 @@
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);
--
Gitblit v1.9.3