北京经济技术开发区经开区虚拟城市项目-【前端】-Web
lixuliang
2025-02-10 9c2cad000f9279969e76bfc206a7acbb8acc9079
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);