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/menu/bottom-menu.vue | 142 ++++++++++++++++++++++++++++++++++++---------- 1 files changed, 110 insertions(+), 32 deletions(-) diff --git a/src/components/menu/bottom-menu.vue b/src/components/menu/bottom-menu.vue index 76cb04c..f86c871 100644 --- a/src/components/menu/bottom-menu.vue +++ b/src/components/menu/bottom-menu.vue @@ -1,7 +1,9 @@ <template> <div class="specialTool"> - - <div class="bottomwrapper" :class="{ 'top-btn-active': viewer1Show && isLand }"> + <div + class="bottomwrapper" + :class="{ 'top-btn-active': viewer1Show && isLand }" + > <div class="imgbox" @click="tdglHandle"> <img src="@assets/img/new/tudiguanli.png" alt="" /> </div> @@ -10,7 +12,11 @@ </div> </div> - <div class="bottomwrapper" @click="historyHandle" :class="{ 'top-btn-active': viewer1Show && !isLand }"> + <div + class="bottomwrapper" + @click="historyHandle" + :class="{ 'top-btn-active': viewer1Show && !isLand }" + > <div class="imgbox"> <img src="@assets/img/new/chengshigengxin.png" alt="" /> </div> @@ -18,7 +24,11 @@ <span> 鍘嗗彶褰卞儚 </span> </div> </div> - <div class="bottomwrapper csbj" @click="spjkHandle" :class="{ 'top-btn-active': !isShowSPJK }"> + <div + class="bottomwrapper csbj" + @click="spjkHandle" + :class="{ 'top-btn-active': !isShowSPJK }" + > <div class="imgbox"> <img src="@assets/img/new/spjk.png" alt="" /> </div> @@ -27,8 +37,11 @@ </div> </div> - - <div class="bottomwrapper spjk" @click="shoujixinling" :class="{ 'top-btn-active': !isShowSjxl }"> + <div + class="bottomwrapper spjk" + @click="shoujixinling" + :class="{ 'top-btn-active': !isShowSjxl }" + > <div class="imgbox"> <img src="@assets/img/new/sjxl.png" alt="" /> </div> @@ -36,7 +49,6 @@ <span> 鎵嬫満淇′护 </span> </div> </div> - <div class="bottomwrapper jxmx"> <el-dropdown trigger="click" @command="handleCommand"> @@ -46,11 +58,19 @@ <div class="textbox"> <span> 绮炬ā绀鸿寖 </span> </div> - <el-dropdown-menu slot="dropdown" :append-to-body="false" class="popper-dropdown"> + <el-dropdown-menu + slot="dropdown" + :append-to-body="false" + class="popper-dropdown" + > <el-dropdown-item command="fcfhHandle">鍒嗗眰鍒嗘埛</el-dropdown-item> <!-- <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 v-if="isShowSPRH" command="jiqirendahui" + >鍦烘櫙瑙嗛铻嶅悎</el-dropdown-item + > + <el-dropdown-item v-else command="jiqirendahui" + >鍏抽棴瑙嗛铻嶅悎</el-dropdown-item + > </el-dropdown-menu> </el-dropdown> </div> @@ -65,33 +85,70 @@ @input="updateVideo" > </el-slider> --> - <el-slider :min="0" :max="360" v-model="robotVideoList[3].heading" @input="updateVideo"> + <el-slider + :min="0" + :max="360" + v-model="robotVideoList[3].heading" + @input="updateVideo" + > </el-slider> </el-form-item> <el-form-item label="淇话瑙掑害:"> - <el-slider :min="-89" :max="89" v-model="robotVideoList[3].pitch" @input="updateVideo"> + <el-slider + :min="-89" + :max="89" + v-model="robotVideoList[3].pitch" + @input="updateVideo" + > </el-slider> </el-form-item> <el-form-item label="姘村钩瑙嗚:"> - <el-slider :min="30" :max="120" v-model="robotVideoList[3].horizonAngle" @input="updateVideo"> + <el-slider + :min="30" + :max="120" + v-model="robotVideoList[3].horizonAngle" + @input="updateVideo" + > </el-slider> </el-form-item> <el-form-item label="鍨傜洿瑙嗚:"> - <el-slider :min="30" :max="120" v-model="robotVideoList[3].verticalAngle" @input="updateVideo"> + <el-slider + :min="30" + :max="120" + v-model="robotVideoList[3].verticalAngle" + @input="updateVideo" + > </el-slider> </el-form-item> <el-form-item label="鏈�杩滄姇灏�:"> - <el-slider :min="100" :max="300" v-model="robotVideoList[3].far" @input="updateVideo"> + <el-slider + :min="100" + :max="300" + v-model="robotVideoList[3].far" + @input="updateVideo" + > </el-slider> </el-form-item> <el-form-item label="閫忔槑搴�:"> - <el-slider :step="0.1" :min="0" :max="1" v-model="robotVideoList[3].alpha" @input="updateVideo"> + <el-slider + :step="0.1" + :min="0" + :max="1" + v-model="robotVideoList[3].alpha" + @input="updateVideo" + > </el-slider> </el-form-item> </el-form> </div> - - + <div class="textAreaBox" v-if="isShowTextArea"> + <el-input + v-model="input" + placeholder="璇疯緭鍏ュ唴瀹�" + clearable + @keyup.enter.native="sendCommand($event)" + ></el-input> + </div> </div> </template> @@ -108,9 +165,23 @@ display: flex; justify-content: space-between; } - - - +.textAreaBox { + background: rgba(5, 39, 126, 0.7); + padding: 10px; + /* width: 375px; */ + position: absolute; + bottom: 165px; + color: #fff; + left: 50%; + transform: translateX(-50%); + z-index: 99999; +} +.textAreaBox .el-form-item { + margin: 0; +} +.textAreaBox .el-input { + width: 300px; +} .specialTool .bottomwrapper:nth-of-type(3) { /* background: red; */ position: relative; @@ -289,16 +360,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 +377,7 @@ isShowSPRH: true, csbjShow: false, jxmxShow: false, - + input: "", romanOption: [ { name: "鏍稿績鍖�" }, { name: "鏅缁垮湴" }, @@ -435,6 +505,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 +526,13 @@ break; } }, - handleCommand(command) { + sendCommand(event) { + mapMsg.testMsg(event.target.value); + // 闃绘榛樿琛屼负锛堝鏋滈渶瑕佺殑璇濓級 + event.preventDefault(); + }, + handleCommand(command) { switch (command) { case "spjkHandle": this.spjkHandle(); @@ -570,7 +651,6 @@ ); }, switchMenu(id) { - if (id != 1) { this.setViewer1Show(false); } @@ -594,10 +674,8 @@ } }, closeSjxl() { - - this.isShowSjxl = true; - this.$parent.signallingShow = false; - + this.isShowSjxl = true; + this.$parent.signallingShow = false; }, // historyHandle() { // this.$store.commit("showHistory", true); -- Gitblit v1.9.3