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