From 10ecfd0b60442d209d1ab4b749580ffb638d1992 Mon Sep 17 00:00:00 2001
From: lixuliang <lixuliang_hd@126.com>
Date: 星期三, 08 五月 2024 14:44:04 +0800
Subject: [PATCH] 数字人更新
---
src/components/menu/bottom-menu.vue | 187 +++++++++++++++++++++++++++++++---------------
1 files changed, 125 insertions(+), 62 deletions(-)
diff --git a/src/components/menu/bottom-menu.vue b/src/components/menu/bottom-menu.vue
index a89c765..ce52abf 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,30 +85,79 @@
@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="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>
@@ -106,9 +175,25 @@
display: flex;
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; */
position: relative;
@@ -287,7 +372,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 +389,7 @@
isShowSPRH: true,
csbjShow: false,
jxmxShow: false,
+ input: "",
romanOption: [
{ name: "鏍稿績鍖�" },
{ name: "鏅缁垮湴" },
@@ -430,6 +517,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 +538,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();
@@ -565,7 +666,6 @@
);
},
switchMenu(id) {
-
if (id != 1) {
this.setViewer1Show(false);
}
@@ -582,52 +682,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);
--
Gitblit v1.9.3