From 3d69aca217ca66daa01a80c26570441e0b03875f Mon Sep 17 00:00:00 2001
From: lixuliang <lixuliang_hd@126.com>
Date: 星期一, 12 五月 2025 16:47:41 +0800
Subject: [PATCH] 1
---
src/components/menu/bottom-menu.vue | 107 +++++++++++++++++++++++++++++------------------------
1 files changed, 59 insertions(+), 48 deletions(-)
diff --git a/src/components/menu/bottom-menu.vue b/src/components/menu/bottom-menu.vue
index a89c765..7f9fb6e 100644
--- a/src/components/menu/bottom-menu.vue
+++ b/src/components/menu/bottom-menu.vue
@@ -1,6 +1,5 @@
<template>
<div class="specialTool">
-
<div class="bottomwrapper" :class="{ 'top-btn-active': viewer1Show && isLand }">
<div class="imgbox" @click="tdglHandle">
<img src="@assets/img/new/tudiguanli.png" alt="" />
@@ -27,7 +26,6 @@
</div>
</div>
-
<div class="bottomwrapper spjk" @click="shoujixinling" :class="{ 'top-btn-active': !isShowSjxl }">
<div class="imgbox">
<img src="@assets/img/new/sjxl.png" alt="" />
@@ -36,7 +34,6 @@
<span> 鎵嬫満淇′护 </span>
</div>
</div>
-
<div class="bottomwrapper jxmx">
<el-dropdown trigger="click" @command="handleCommand">
@@ -51,6 +48,7 @@
<!-- <el-dropdown-item command="sprhHandle">鍦烘櫙瑙嗛铻嶅悎</el-dropdown-item> -->
<el-dropdown-item v-if="isShowSPRH" command="jiqirendahui">鍦烘櫙瑙嗛铻嶅悎</el-dropdown-item>
<el-dropdown-item v-else command="jiqirendahui">鍏抽棴瑙嗛铻嶅悎</el-dropdown-item>
+ <el-dropdown-item command="gkshHandle">楂樺彲瑙嗗寲妯″瀷</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
@@ -90,6 +88,17 @@
</el-form-item>
</el-form>
</div>
+ <!-- 鏁扮粍浜烘枃瀛楄緭鍏ュ脊妗� -->
+ <div class="SZRtextAreaBox" v-if="isShowTextArea">
+ <el-row :gutter="10">
+ <el-col :span="19">
+ <el-input v-model="input" placeholder="璇疯緭鍏ュ唴瀹�" clearable @keyup.enter.native="sendCommand($event)"></el-input>
+ </el-col>
+ <el-col :span="4">
+ <el-button type="primary" @click="sendCommand('click')">鎼滅储</el-button>
+ </el-col>
+ </el-row>
+ </div>
</div>
</template>
@@ -107,7 +116,27 @@
justify-content: space-between;
}
+.SZRtextAreaBox {
+ background: rgba(5, 39, 126, 0.7);
+ padding: 10px;
+ width: 375px;
+ position: absolute;
+ /* display: flex; */
+ /* justify-content: space-around; */
+ bottom: 165px;
+ color: #fff;
+ left: 50%;
+ transform: translateX(-50%);
+ z-index: 99999;
+}
+.SZRtextAreaBox .el-form-item {
+ margin: 0;
+}
+
+.SZRtextAreaBox .el-input {
+ /* width: 300px; */
+}
.specialTool .bottomwrapper:nth-of-type(3) {
/* background: red; */
@@ -206,7 +235,7 @@
}
.jxmx .el-dropdown-menu {
- top: -110px !important;
+ top: -133px !important;
left: -26.5% !important;
}
@@ -287,7 +316,8 @@
let video4;
let heatMapItem;
import { mapState, mapMutations } from "vuex";
-import { queryBySquare } from "@/utils/request";
+import { queryBySquare } from "@/api/api";
+
import Bus from "../tools/Bus";
import { roman } from "../../assets/json/index.js";
import URLInCode from "@/assets/js/urlInCode";
@@ -303,6 +333,7 @@
isShowSPRH: true,
csbjShow: false,
jxmxShow: false,
+ input: "",
romanOption: [
{ name: "鏍稿績鍖�" },
{ name: "鏅缁垮湴" },
@@ -430,6 +461,12 @@
},
computed: {
...mapState(["viewer1Show", "isLand", "yqfk", "qyEchartsShow"]),
+ isShowTextArea() {
+ if (this.$store.state.isShowTextArea) {
+ this.input = "";
+ }
+ return this.$store.state.isShowTextArea;
+ },
},
methods: {
...mapMutations(["setViewer1Show", "setIsLand", "setqyEchartsShow"]),
@@ -445,8 +482,16 @@
break;
}
},
+ sendCommand(event) {
+ // if (event == "click") {
+ mapMsg.testMsg(this.input);
+ // } else {
+ // // 闃绘榛樿琛屼负锛堝鏋滈渶瑕佺殑璇濓級
+ // mapMsg.testMsg(this.input);
+ // event.preventDefault();
+ // }
+ },
handleCommand(command) {
-
switch (command) {
case "spjkHandle":
this.spjkHandle();
@@ -459,6 +504,10 @@
break;
case "bzdSystem":
this.bzdSystem();
+ break;
+
+ case "gkshHandle":
+ window.open('http://10.128.12.160:8002/')
break;
case "fcfhHandle":
this.fencengfenhu();
@@ -565,7 +614,6 @@
);
},
switchMenu(id) {
-
if (id != 1) {
this.setViewer1Show(false);
}
@@ -582,52 +630,15 @@
shoujixinling() {
this.switchMenu(3);
if (this.isShowSjxl) {
-
- const loading = this.$loading({
- lock: true,
- text: "鎵嬫満淇′护鏁版嵁鍔犺浇涓紝璇风◢鍚�",
- spinner: "el-icon-loading",
- background: "rgba(0, 0, 0, 0.7)",
- });
- setTimeout(() => {
- loading.close();
- }, 1500);
this.isShowSjxl = false;
- let heatMapUrl = URLInCode.heatMapUrl;
- sgworld.Core.getJSON(heatMapUrl, (data) => {
- let res = [];
- data.features.forEach((item) => {
- let obj = {
- x: item.properties["center_x"],
- y: item.properties["center_y"],
- value: item.properties["sd_total"],
- radius: 50,
- };
- res.push(obj);
- });
- // //鍒涘缓鐑姏鍥�
- heatMapItem = sgworld.Creator.addHeatMap("鐑姏鍥�", {
- type: "Heatmap", // 鐑姏鍥剧被鍨嬨�怘eatmap/HeatmapGL銆戯紙鍙�夛級
- sourceData: res,
- radius: 7,
- gradient: {
- ".3": "blue",
- ".5": "green",
- ".7": "yellow",
- ".95": "red",
- },
- tooltip: true, // tooltip鏄剧ず鏁板��
- });
- });
+ this.$parent.signallingShow = true;
} else {
this.closeSjxl();
}
},
closeSjxl() {
- if (heatMapItem) {
- this.isShowSjxl = true;
- heatMapItem.deleteObject();
- }
+ this.isShowSjxl = true;
+ this.$parent.signallingShow = false;
},
// historyHandle() {
// this.$store.commit("showHistory", true);
@@ -760,7 +771,7 @@
await $.ajax({
url:
"http://10.10.4.116:8086/getCamerasInfoHls?cameraIndexCode=" +
- item[i].cameraIndexCode,
+ item[i].,
// url: "http://10.10.4.116:8086/getCamerasInfoHls?cameraIndexCode=49ee9fed701444738112e80a4835122c",
success: function (result) {
video = sgworld.Creator.Video3D({
--
Gitblit v1.9.3