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 | 77 +++++++++++++++++++++++++++++--------- 1 files changed, 59 insertions(+), 18 deletions(-) diff --git a/src/components/menu/bottom-menu.vue b/src/components/menu/bottom-menu.vue index 76cb04c..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,8 +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> @@ -109,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; */ @@ -208,7 +235,7 @@ } .jxmx .el-dropdown-menu { - top: -110px !important; + top: -133px !important; left: -26.5% !important; } @@ -289,16 +316,15 @@ 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"; import axios from "axios"; export default { - components: { - - }, + components: {}, name: "bottom-menu", data() { return { @@ -307,7 +333,7 @@ isShowSPRH: true, csbjShow: false, jxmxShow: false, - + input: "", romanOption: [ { name: "鏍稿績鍖�" }, { name: "鏅缁垮湴" }, @@ -435,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"]), @@ -450,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(); @@ -464,6 +504,10 @@ break; case "bzdSystem": this.bzdSystem(); + break; + + case "gkshHandle": + window.open('http://10.128.12.160:8002/') break; case "fcfhHandle": this.fencengfenhu(); @@ -570,7 +614,6 @@ ); }, switchMenu(id) { - if (id != 1) { this.setViewer1Show(false); } @@ -594,10 +637,8 @@ } }, closeSjxl() { - - this.isShowSjxl = true; - this.$parent.signallingShow = false; - + this.isShowSjxl = true; + this.$parent.signallingShow = false; }, // historyHandle() { // this.$store.commit("showHistory", true); @@ -730,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