wxdDemo.git - Gitblit

上一版本: 95196709 | 补丁 | 提交 | 显示空白

surprise

2024-04-18 38efe35fc499fcb4b828acca1d7bda5d051ace6f

代码跟新

已添加3个文件

已修改7个文件

	index.html	13 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/App copy.vue	307 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/assets/image/listbg.png	补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/assets/image/subject/top.png	补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/assets/image/subject/top1.png	补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/assets/style.css	4 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/components/props/btns.vue	46 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/components/wggl/left/czll.vue	322 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/components/wggl/right/fwxq.vue	82 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	static/SmartEarthSDK/Workers/layer/css/index.css	15297 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史

 index.html

@@ -1,11 +1,23 @@
<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>ä¸ç»´é¢è°±å°å¾</title>
    <link rel="stylesheet" href="./static/SmartEarthSDK/Workers/css/smartearth.css">
  <style>
    .el-menu {
      background-color: transparent !important;
    }

    .te-right {
      height: auto !important;
    }

  </style>
  </head>

  <body>
    <div id="app">
     
@@ -14,4 +26,5 @@
    <script src="./static/conf.js"></script>
    <script src="./static/config.js"></script>
  </body>

</html>

 src/App copy.vue

¶Ô±ÈÐÂÎÄ¼þ
@@ -0,0 +1,307 @@
<template>
  <div>
    <div id="app">
    
    </div>
  </div>
</template>

<script>
import {
  loadBaimo,
  loadLW,
  loaddian,
  addMouseEvent,
  addRightMouseEvent,
  loadYH,
  juhe,
  addMpt,
  SPPM,
  light,
} from "./utils/work";
import bus from "./utils/bus";
import { getVectorList, getRadio } from "./api/http";
export default {
  name: "App",
  data() {
    return {};
  },
  methods: {
    init() {
      const that = this;
      window.currentsubindex = 1;
      let _core = new SmartEarth.Core();
      window.tedp = new this.$trame({
        elem: "app",
        width: 4992,
        prop: [0, 0],
        height: 2560,
        navtop: 300,
        gisType: "hf",
        gisrefer: {
          //Â configLink:Â "/static/sceneConfig_arcgis.json",
          //Â gisserver:Â "http://172.82.4.53:8080/",
          cesium: Cesium,
          options: {
            // // è¾è®¯å°å¾
            // imageryProvider: new Cesium.ArcGisMapServerImageryProvider({
            //   url:
            //     "https://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineCommunity/MapServer",
            //   enablePickFeatures: false,
            //   usePreCachedTilesIfAvailable: false,
            //   tilingScheme: _core.getOffsetTilingScheme() // åç§»çº æ£
            // }),
            scene3DOnly: false,
            sceneModePicker: false,
          },
          tree: null,
        },
        gisInit: (webgis) => {
          //è¿åå°å¾å¯¹è±¡
          window.Sgworld = webgis;
          window.sgworld = webgis;
          window.Viewer = webgis.Viewer;
          window.viewer = webgis.Viewer;
          window.Cesium = Cesium;

          window.layers = window.sgworld.Viewer.scene.imageryLayers;
          // const blackMarble = layers.addImageryProvider(
          //   new Cesium.IonImageryProvider({ assetId: 3812 })
          // );

          // blackMarble.alpha = 0.0;
          // blackMarble.brightness = 2.0;
          // å°çé¢è²
          Viewer.scene.globe.baseColor =
            Cesium.Color.fromCssColorString("#272d39");
            // //é£åå¹¿å·
          // window.Viewer.camera.flyTo({
          //   destination: Cesium.Cartesian3.fromDegrees(
          //     113.29503528791071,
          //     23.104708355136264,
          //     4109.8492337442767
          //   ),
          //   orientation: {
          //     heading: 0.8349372341578318,
          //     pitch: -0.85222154573481174,
          //     roll: 0,
          //   },
          // });
          window.Viewer.camera.flyTo({
            destination: Cesium.Cartesian3.fromDegrees(
              120.37492388223879,
              30.91054534935262,
              97611.15133443385
            ),
            orientation: {
              heading: 1.249372341578318,
              pitch: -0.7222154573481174,
              roll: 0,
            },
          });
          let urldian1 =
            "http://183.162.245.49:8099/geoserver/SHwuxiandian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=SHwuxiandian:1GZ_POI&maxFeatures=50&outputFormat=application%2Fjson";
          let urldian =
            "http://183.162.245.49:8099/geoserver/SHP/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=SHP:SH_POI1&maxFeatures=50&outputFormat=application%2Fjson";
          try {
            loaddian(urldian1, "[TE_DESC]", "[height]");
            loaddian(urldian, "[name]", "[Height]");
            loadBaimo(1);
            loadLW();
            addRightMouseEvent();
            SPPM();
            loadYH();
            juhe(true, "çæµç«");
            addMpt(true);
          } catch (error) {}
          //å¼å¯æ¥ç§
          viewer.scene.globe.enableLighting = false;
          viewer.shadows = false;
          addMouseEvent();
          light();
          getVectorList().then((res) => {
            if (res.message === "Success") {
              let region = res.rows;
              region.forEach((item) => {
                let arr = [];
                JSON.parse(item.vlatlngs).forEach((item2) => {
                  arr.push([item2[1], item2[0]]);
                });
                item.vlatlngs = JSON.stringify(arr);
              });
              bus.$emit("areaData", region);
            }
          });
          //è·åæ çº¿çµæ°æ®
          getRadio().then((res) => {
            if (res.message === "Success") {
              let radio = res.rows;
              bus.$emit("radioData", radio);
              console.log(radio);
            }
          });
          // window.Viewer.shadows = false;
          //æ·±åº¦æ£æµ
          window.Sgworld.Analysis.depthTestAgainstTerrain(true);
          /*
           * æ¾åç¹å»äºä»¶
           */
          // window.Viewer.scene.primitives.add(baimo);
          //å¿åè¾¹ç,ç½æ ¼
        },
        subClick(index) {
          let showindex;
          switch (index) {
            case 0:
              showindex = 1;
              break;
            case 1:
              showindex = 2;
              break;
            case 2:
              showindex = 3;
              break;
            case 3:
              showindex = 4;
              break;
            case 4:
              showindex = 5;
              break;
            default:
              break;
          }
          bus.$emit("showindex", showindex);
        },
        prop: [970, 970],
        nav: {
          navTop: () => import("@/components/top/navTop"),
        },
        showSub: true,
        // compss: [
          // {
          //   sub: "é¢è°±æå¿åæ", //ç½æ ¼ç®¡ç
          //   left: {
          //     wgglleft: () => import("@/components/wggl/left/index"),
          //   },
          //   right: {
          //     wgglright: () => import("@/components/wggl/right/index"),
          //   },
          // },
          // {
          //   sub: "é¢è°±ä½¿ç¨è¯ä¼°", //ç½æ ¼ç®¡ç
          //   left: {
          //     wgglleft: () => import("@/components/wggl/left/index"),
          //   },
          //   right: {
          //     wgglright: () => import("@/components/wggl/right/index"),
          //   },
          // },
          // {
          //   sub: "è¦çè½åè¯ä¼°", //ç½æ ¼ç®¡ç
          //   left: {
          //     wgglleft: () => import("@/components/wggl/left/index"),
          //   },
          //   right: {
          //     wgglright: () => import("@/components/wggl/right/index"),
          //   },
          // },
          // {
          //   sub: "æ°æ®ç®¡ç", //ç½æ ¼ç®¡ç
          //   left: {
          //     wgglleft: () => import("@/components/wggl/left/index"),
          //   },
          //   right: {
          //     wgglright: () => import("@/components/wggl/right/index"),
          //   },
          // },
          // {
          //   sub: "æ¥ååº", //ç½æ ¼ç®¡ç
          //   left: {
          //     wgglleft: () => import("@/components/wggl/left/index"),
          //   },
          //   right: {
          //     wgglright: () => import("@/components/wggl/right/index"),
          //   },
          // },
        // ],
        module: {
          menubtns: () => import("@/components/props/btns"), //åºé¨5æ æé®
          showmodule: () => import("@/components/props/showmodule"), //æ°´é¢æ¨¡åå å
          showtuli: () => import("@/components/props/tuli"), //æ°´é¢æ¨¡åå å

          fieldStrength: () => import("@/components/props/fieldStrength"), //åºå¼ºè¦çè¯ä¼°
          situationAnalysis: () =>
            import("@/components/props/situationAnalysis"), //çµç£ç¯å¢æå¿
          jcz: () => import("@/components/props/jczBox"), //çæµç«
          jcw: () => import("@/components/props/jcwBox"), //çæµç½
          FreefrequencyAnalysis: () =>
            import("@/components/props/FreefrequencyAnalysis"), //ç©ºé²é¢çèµæºåæ
          FrequencyBand: () => import("@/components/props/FrequencyBand"), //é¢æ®µå ç¨åº¦åæ
          DynamicMap: () => import("@/components/props/bottom"), //æå¿å¾å¨æææ¾
          freeAnalyse: () => import("@/components/props/freeAnalyse"), //ç©ºé²èµæºå±ç¤º
          moreTZ: () => import("@/components/props/moreTZ"), //ç©ºé²èµæºå±ç¤º
        },
      });
    },
  },
  mounted() {
    this.init();
  },
};
</script>

<style>
#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
  user-select: none;
}
#toolTip {
  padding: 13px !important;
  background: url("../static/img/gridManagement/è¾¹æ¡3.png") !important;
  background-repeat: no-repeat;
  background-size: 100% 100% !important;
}

.toolitem {
  width: 100%;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
}
.toolitem span + span {
  color: #f7f330;
}
.nav {
  background: url() !important;
}
/* çåå¨å±æ ·å¼ */
.divPoint-custom {
  text-align: center;
  padding: 5px 30px;
  margin: 0;
  color: #fff;
  background: linear-gradient(rgb(7 10 203 / 75%), rgb(16 238 220));
  border-radius: 5px;
  max-height: 130px;
  user-select: none;
}
.divPoint-custom:after {
  content: "";
  position: absolute;
  bottom: -60px;
  left: calc(50% - 3px);
  display: block;
  width: 3px;
  height: 60px;
  border-right: 3px solid #2bcdbb;
}
.te-right .te-left {
  display: none;
  width: 0px !important;
}
</style>

 src/assets/image/listbg.png


 src/assets/image/subject/top.png



 src/assets/image/subject/top1.png


 src/assets/style.css

@@ -15,8 +15,8 @@
  background-size: 100% 100% !important;
  width: 2100px;
  height: 80px;
  /* display: flex; */
  display: none;
  display: flex;
  /* display: none; */
  justify-content: space-around;
}


 src/components/props/btns.vue

@@ -2,62 +2,57 @@
  <div id="moved">
    <div class="containerBtn">
      <div>
        <span
          v-show="boxindex == 1"
        <span v-show="boxindex == 1"
          v-for="(item, index) in oneindex"
          :key="index"
          class="ischoose"
          @click="choosebtn(index)"
        >
          <span class="icon" :style="{ background: `url(${item.src})` }"></span>
              @click="choosebtn(index)">
          <span class="icon"
                :style="{ background: `url(${item.src})` }"></span>
          {{ item.name }}
        </span>
      </div>
      <div>
        <span
          v-show="boxindex == 2"
        <span v-show="boxindex == 2"
          v-for="(item, index) in twoindex"
          :key="index"
          class="ischoose"
          @click="choosebtn1(index)"
        >
          <span class="icon" :style="{ background: `url(${item.src})` }"></span>
              @click="choosebtn1(index)">
          <span class="icon"
                :style="{ background: `url(${item.src})` }"></span>
          {{ item.name }}
        </span>
      </div>
      <div>
        <span
          v-show="boxindex == 3"
        <span v-show="boxindex == 3"
          v-for="(item, index) in threeindex"
          :key="index"
          class="ischoose"
          @click="choosebtn2(index)"
        >
          <span class="icon" :style="{ background: `url(${item.src})` }"></span>
              @click="choosebtn2(index)">
          <span class="icon"
                :style="{ background: `url(${item.src})` }"></span>
          {{ item.name }}
        </span>
      </div>
      <div>
        <span
          v-show="boxindex == 4"
        <span v-show="boxindex == 4"
          v-for="(item, index) in fourindex"
          :key="index"
          class="ischoose"
          @click="choosebtn3(index)"
        >
          <span class="icon" :style="{ background: `url(${item.src})` }"></span>
              @click="choosebtn3(index)">
          <span class="icon"
                :style="{ background: `url(${item.src})` }"></span>
          {{ item.name }}
        </span>
      </div>
      <div>
        <span
          v-show="boxindex == 5"
        <span v-show="boxindex == 5"
          v-for="(item, index) in fiveindex"
          :key="index"
          class="ischoose"
          @click="choosebtn4(index)"
        >
          <span class="icon" :style="{ background: `url(${item.src})` }"></span>
              @click="choosebtn4(index)">
          <span class="icon"
                :style="{ background: `url(${item.src})` }"></span>
          {{ item.name }}
        </span>
      </div>
@@ -180,6 +175,7 @@
  },
  methods: {
    choosebtn(index) {
      alert(index)
      if (index === 2) {
        this.nowchoose = 1;
        bus.$emit("showdio", this.nowchoose);

 src/components/wggl/left/czll.vue

@@ -1,38 +1,87 @@
<template>
  <div class="container" id="moved">
    <div class="top">
      <div class="far">
        <span @click="benear"></span>
        <span @click="befar"></span>
      </div>
      <!-- <div class="size">
        <span
          @mousemove="changebac(index)"
          @mouseout="returnbac(index)"
          v-for="(item, index) in top2"
          :key="index"
          :style="{ background: `url(${item.img})` }"
        ></span>
      </div> -->
  <div class="content">

    <div class="container"
         id="moved">
      <el-menu default-active="2"
               :unique-opened="true"
               @select="handleSelect"
               class="el-menu-vertical-demo">
        <el-submenu index="1">
          <template slot="title">
            <i class="el-icon-location"></i>
            <span>é¢è°±æå¿åæ</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="1-1">å¨æææ¾</el-menu-item>
            <el-menu-item index="1-2">æå¿æ¯å¯¹</el-menu-item>
            <el-menu-item index="1-3">æå¿åæ</el-menu-item>
          </el-menu-item-group>
        </el-submenu>
        <el-submenu index="2">
          <template slot="title">
            <i class="el-icon-location"></i>
            <span>é¢è°±ä½¿ç¨è¯ä¼°</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="2-1">ç¨é¢åè§åæ</el-menu-item>
            <el-menu-item index="2-2">ç©ºé²é¢çèµæºåæ</el-menu-item>
            <el-menu-item index="2-3">ä¿¡å·è¦ççåæ</el-menu-item>
            <el-menu-item index="2-4">ç¨é¢å¯åº¦åæ</el-menu-item>
            <el-menu-item index="2-5">é¢æ®µå ç¨åº¦åæ</el-menu-item>
            <el-menu-item index="2-6">é¢è°±å ç¨åº¦åæ</el-menu-item>
          </el-menu-item-group>
        </el-submenu>
        <el-submenu index="3">
          <template slot="title">
            <i class="el-icon-location"></i>
            <span>è¦çè½åè¯ä¼°</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="3-1">çæµç½è¦çè½åè¯ä¼°</el-menu-item>
            <el-menu-item index="3-2">çæµç«è¦çè½åè¯ä¼°</el-menu-item>
            <el-menu-item index="3-3">åºå¼ºè¦çè¯ä¼°(å¤é)</el-menu-item>
            <el-menu-item index="3-4">åºå¼ºè¦çè¯ä¼°</el-menu-item>
          </el-menu-item-group>
        </el-submenu>
        <el-submenu index="4">
          <template slot="title">
            <i class="el-icon-location"></i>
            <span>æ°æ®ç®¡ç</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="4-1">æµè¯å°ç«ç®¡ç</el-menu-item>
            <el-menu-item index="4-2">çæµç«ç®¡ç</el-menu-item>
            <el-menu-item index="4-3">å°ç«ç®¡ç</el-menu-item>
            <el-menu-item index="4-4">ç§»å¨çæµæ°æ®åæ¾</el-menu-item>
            <el-menu-item index="4-5">åºå®çæµæ°æ®åæ¾</el-menu-item>
          </el-menu-item-group>
        </el-submenu>
        <el-submenu index="5">
          <template slot="title">
            <i class="el-icon-location"></i>
            <span>æ¥ååº</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="5-1">æ°æ®åææ¥å</el-menu-item>

          </el-menu-item-group>
        </el-submenu>
      </el-menu>

    </div>
    <div class="bot">
      <span
        v-for="(item, index) in bot1"
        :key="index"
        @mousemove="changebac1(index)"
        @click="remove(index)"
        @mouseout="returnbac1(index)"
        :style="{ background: `url(${item.img})` }"
      ></span>
      <div
        :class="istrue ? 'botImg1' : 'botImg'"

      <div :class="istrue ? 'botImg1' : 'botImg'"
        @mousemove="makebig"
        @mouseout="makeSmall"
      >
        <span id="img" @click="changeMap">
           @mouseout="makeSmall">
        <span id="img"
              @click="changeMap">
          <span class="mapinner">è¡éå¾</span>
        </span>
        <span id="img1" @click="changeMap1" :style="move1">
        <span id="img1"
              @click="changeMap1"
              :style="move1">
          <span class="mapinner1">å½±åå¾</span>
        </span>
      </div>
@@ -53,11 +102,7 @@
        "z-index": "2",
        transition: "transform,1s",
      },
      // top2: [
      //   { img: require("@/assets/image/test/ç» 160.png") },
      //   { img: require("@/assets/image/test/ç» 161.png") },
      //   { img: require("@/assets/image/test/ç» 162.png") },
      // ],
      nowchoose: null,
      bot1: [
        { img: require("@/assets/image/test/ç» 163.png") },
        { img: require("@/assets/image/test/ç» 164.png") },
@@ -68,56 +113,49 @@
    };
  },
  methods: {
    remove(index) {
      if (index == 0) {
        bus.$emit("clearEve", true);
        window.FieldIntensity && window.FieldIntensity.deleteObject();
        window.imageidXT && window.Viewer.entities.removeById(window.imageidXT);
    handleSelect (key,keyPath) {
      var val=keyPath[1]
      switch(val) {
        case "1-3":
          this.nowchoose=2;
          bus.$emit("showdio",this.nowchoose);
          break;
        case "1-1":
          this.nowchoose=1;
          bus.$emit("showdio",this.nowchoose);
          break;
        case "2-5":
          this.nowchoose=3;
          bus.$emit("showdio",this.nowchoose);
          break;
        case "2-2":
          this.nowchoose='1-4';
          bus.$emit("showdio",this.nowchoose);
          break;
        case "3-4":
          this.nowchoose=5;
          bus.$emit("showdio",this.nowchoose);
          break;
        case "3-3":
          this.nowchoose="1-2";
          bus.$emit("showdio",this.nowchoose);
          break;
        case "3-2":
          this.nowchoose=4;
          bus.$emit("showdio",this.nowchoose);
          break;
        case "3-1":
          this.nowchoose=6;
          bus.$emit("showdio",this.nowchoose);
          break;
      }
      if (index == 1) {
        window.createTool = true;
      }
    },
    makebig() {
    },makebig () {
      this.istrue = false;
      this.move1.transform = "translateX(0px)";
    },
    makeSmall() {
      this.istrue = true;
      this.move1.transform = "translateX(-230px)";
    },
    //ç§»å¥ç§»åºåè²
    changebac(index) {
      let movein = [
        { img: require("@/assets/image/change/ç»177.png") },
        { img: require("@/assets/image/change/ç»176.png") },
        { img: require("@/assets/image/change/ç»175.png") },
      ];
      this.$set(this.top2, index, movein[index]);
    },
    returnbac(index) {
      let data = [
        { img: require("@/assets/image/test/ç» 160.png") },
        { img: require("@/assets/image/test/ç» 161.png") },
        { img: require("@/assets/image/test/ç» 162.png") },
      ];
      this.$set(this.top2, index, data[index]);
    },
    changebac1(index) {
      let movein = [
        { img: require("@/assets/image/change/ç»172.png") },
        { img: require("@/assets/image/change/ç»173.png") },
        { img: require("@/assets/image/change/ç»174.png") },
      ];
      this.$set(this.bot1, index, movein[index]);
    },
    returnbac1(index) {
      let movein = [
        { img: require("@/assets/image/test/ç» 163.png") },
        { img: require("@/assets/image/test/ç» 164.png") },
        { img: require("@/assets/image/test/ç» 165.png") },
      ];
      this.$set(this.bot1, index, movein[index]);
    },
    changeMap1() {
      Viewer.imageryLayers._layers[0].show = true;
@@ -153,80 +191,74 @@
        this.isshowGD = true;
      }
    },
    benear() {
      $(".navigation-control")[0].click();
    },
    befar() {
      $(".navigation-control-last")[0].click();
    },
    //æ·»å mptå°å½¢å½±å

  },mounted () {
    bus.$on("showindex",(e) => {
      if(this.boxindex==e) {
        this.boxindex=0;
      } else {
        this.boxindex=e;
      }
    });
  },
};
</script>

<style  scoped>
.content {
  /* height: 2000px; */
  position: relative;
  /* background: skyblue; */
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.container {
  width: 0px;
  height: 1900px;
  width: 400px;
  margin-left: 100px;
  height: 1600px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  margin-top: 100px;
  background: url("../../../assets/image/listbg.png") no-repeat;
  background-size: 100% 100%;
}
.top {
  margin: 20px;
  margin-top: 50px;
  width: 100px;
  height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transform: translateX(-16px);
}
.far {
  display: block;
.el-menu-vertical-demo {
  width: 100%;
  height: 36%;
  display: flex;
  flex-direction: column;
  background: transparent !important;
  border: transparent;
  color: white;
}
.far > span {
  display: block;
  width: 100%;
  height: 49%;
  cursor: pointer;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
/deep/ .el-submenu__title:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}
.far > span:nth-child(1) {
  background: url(../../../assets/image/test/+.png);
/deep/ .el-submenu__title {
  color: white !important;
  font-size: 32px;
}
.far > span:nth-child(1):hover {
  background: url(../../../assets/image/change/å¾å±2.png);
/deep/.el-menu {
  background: transparent !important;
}
.far > span:nth-child(2) {
  background: url(../../../assets/image/test/-.png);
/deep/.el-menu-item:focus,
.el-menu-item:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #409eff !important;
}
.far > span:nth-child(2):hover {
  background: url(../../../assets/image/change/å¾å±1.png);
/deep/.el-menu-item {
  color: white !important;
  font-size: 28px;
  padding: 0px 40px !important;
}
.size {
  display: block;
  width: 100%;
  height: 54%;
}
.size > span {
  display: block;
  width: 100%;
  height: 33%;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
/deep/.el-submenu__icon-arrow {
  font-size: 20px !important;
}
.bot {
  width: 100px;
  height: 310px;
  margin-top: 200px;
  bottom: 10px;
  left: 10%;
  margin-left: 50px;
}
.bot > span {
  display: block;
@@ -270,33 +302,5 @@
  width: 340px;
  height: 190px;
  background: transparent;
}
.mapinner {
  display: block;
  width: 140px;
  height: 40px;
  font-weight: 700;
  text-align: center;
  font-size: 35px;
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.mapinner:hover {
  background: #3385ff;
}
.mapinner1 {
  display: block;
  width: 140px;
  height: 40px;
  font-weight: 700;
  text-align: center;
  font-size: 35px;
  position: absolute;
  right: 10px;
  bottom: 15px;
}
.mapinner1:hover {
  background: #3385ff;
}
</style>

 src/components/wggl/right/fwxq.vue

@@ -6,72 +6,82 @@
    </div> -->
    <div class="top">
      <div class="far">
        <span
          v-for="(item, index) in top2"
        <span v-for="(item, index) in top2"
          :key="index + '-top2'"
          @mousemove="changebac(index)"
          @mouseout="returnbac(index)"
          @click="ishow(index)"
          :style="{ background: `url(${item.img})` }"
        ></span>
        <span
          v-for="(item, index) in bot1"
              :style="{ background: `url(${item.img})` }"></span>
        <span v-for="(item, index) in bot1"
          :key="index + '-bot1'"
          @mousemove="changebac1(index)"
          @click="remove(index)"
          @mouseout="returnbac1(index)"
          :style="{ background: `url(${item.img})` }"
        ></span>
              :style="{ background: `url(${item.img})` }"></span>
      </div>
      <div class="far_2">
        <span @click="benear"></span>
        <span @click="befar"></span>
      </div>
    </div>
    <div class="bot" v-if="showtool" id="move3">
    <div class="bot"
         v-if="showtool"
         id="move3">
      <div class="top1">
        <span class="botcon">
          <span class="icon"></span>
          <span class="text">æå¿å¯¹æ¯</span>
        </span>
        <span class="close" @click="close">x</span>
        <span class="close"
              @click="close">x</span>
      </div>
      <div class="next">
        <el-form ref="form" :rules="rules" :model="form" label-width="250px">
          <el-form-item label="åºå" prop="name">
            <el-select v-model="form.name" placeholder="è¯·éæ©æ´»å¨åºå">
              <el-option label="éµè¡åº" value="shanghai"></el-option>
        <el-form ref="form"
                 :rules="rules"
                 :model="form"
                 label-width="250px">
          <el-form-item label="åºå"
                        prop="name">
            <el-select v-model="form.name"
                       placeholder="è¯·éæ©æ´»å¨åºå">
              <el-option label="éµè¡åº"
                         value="shanghai"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="èµ·å§æ¶é´" prop="date1">
            <el-date-picker
              v-model="form.date1"
          <el-form-item label="èµ·å§æ¶é´"
                        prop="date1">
            <el-date-picker v-model="form.date1"
              :picker-options="pickerOptions"
              format="yyyy-MM-dd"
              placeholder="éæ©æ¥æ"
              type="date"
              value-format="yyyyMMddHHmmss"
            ></el-date-picker>
                            value-format="yyyyMMddHHmmss"></el-date-picker>
          </el-form-item>
          <el-form-item label="ç»ææ¶é´" prop="date2">
            <el-date-picker
              v-model="form.date2"
          <el-form-item label="ç»ææ¶é´"
                        prop="date2">
            <el-date-picker v-model="form.date2"
              :picker-options="pickerOptions"
              format="yyyy-MM-dd"
              placeholder="éæ©æ¥æ"
              type="date"
              value-format="yyyyMMddHHmmss"
            ></el-date-picker>
                            value-format="yyyyMMddHHmmss"></el-date-picker>
          </el-form-item>
          <el-form-item label="åæç±»å" prop="type">
            <el-select v-model="form.type" placeholder="è¯·éæ©æ´»å¨åºå">
              <el-option label="é¢ç¹" value="shanghai"></el-option>
              <el-option label="é¢æ®µ" value="beijing"></el-option>
          <el-form-item label="åæç±»å"
                        prop="type">
            <el-select v-model="form.type"
                       placeholder="è¯·éæ©æ´»å¨åºå">
              <el-option label="é¢ç¹"
                         value="shanghai"></el-option>
              <el-option label="é¢æ®µ"
                         value="beijing"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="æ çº¿çµä¸å¡" prop="resource">
            <el-select v-model="form.resource" placeholder="è¯·éæ©æ´»å¨åºå">
              <el-option label="çµè§(74MHz~87MHz)" value="shanghai"></el-option>
          <el-form-item label="æ çº¿çµä¸å¡"
                        prop="resource">
            <el-select v-model="form.resource"
                       placeholder="è¯·éæ©æ´»å¨åºå">
              <el-option label="çµè§(74MHz~87MHz)"
                         value="shanghai"></el-option>
            </el-select>
          </el-form-item>
        </el-form>
@@ -158,10 +168,11 @@
  },
  methods: {
    remove(index) {

      if (index == 0) {
        bus.$emit("clearEve", true);
        window.FieldIntensity && window.FieldIntensity.deleteObject();
        window.imageidXT && window.Viewer.entities.removeById(window.imageidXT);
        // bus.$emit("clearEve",true);
        // window.FieldIntensity&&window.FieldIntensity.deleteObject();
        // window.imageidXT&&window.Viewer.entities.removeById(window.imageidXT);
      }
      if (index == 1) {
        window.createTool = true;
@@ -273,6 +284,7 @@
      });
    },
    ishow(index) {

      if (index == 1) {
        bus.$emit("ishow", true);
      }
@@ -355,7 +367,7 @@
}
.bot {
  width: 940px;
  height: 1200px;
  /* height: 1200px; */
  position: absolute;
  transform: translate(-915px, 200px);
  background: url(~@/assets/image/test/22.png);

 static/SmartEarthSDK/Workers/layer/css/index.css

ÎÄ¼þÌ«´ó

			@@ -1,11 +1,23 @@
			<!DOCTYPE html>
			<html>

			<head>
			<meta charset="utf-8">
			<meta name="viewport" content="width=device-width,initial-scale=1.0">
			<title>ä¸ç»´é¢è°±å°å¾</title>
			<link rel="stylesheet" href="./static/SmartEarthSDK/Workers/css/smartearth.css">
			<style>
			.el-menu {
			background-color: transparent !important;
			}

			.te-right {
			height: auto !important;
			}

			</style>
			</head>

			<body>
			<div id="app">

			@@ -14,4 +26,5 @@
			<script src="./static/conf.js"></script>
			<script src="./static/config.js"></script>
			</body>

			</html>

¶Ô±ÈÐÂÎÄ¼þ
			@@ -0,0 +1,307 @@
			<template>
			<div>
			<div id="app">

			</div>
			</div>
			</template>

			<script>
			import {
			loadBaimo,
			loadLW,
			loaddian,
			addMouseEvent,
			addRightMouseEvent,
			loadYH,
			juhe,
			addMpt,
			SPPM,
			light,
			} from "./utils/work";
			import bus from "./utils/bus";
			import { getVectorList, getRadio } from "./api/http";
			export default {
			name: "App",
			data() {
			return {};
			},
			methods: {
			init() {
			const that = this;
			window.currentsubindex = 1;
			let _core = new SmartEarth.Core();
			window.tedp = new this.$trame({
			elem: "app",
			width: 4992,
			prop: [0, 0],
			height: 2560,
			navtop: 300,
			gisType: "hf",
			gisrefer: {
			//Â configLink:Â "/static/sceneConfig_arcgis.json",
			//Â gisserver:Â "http://172.82.4.53:8080/",
			cesium: Cesium,
			options: {
			// // è¾è®¯å°å¾
			// imageryProvider: new Cesium.ArcGisMapServerImageryProvider({
			// url:
			// "https://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineCommunity/MapServer",
			// enablePickFeatures: false,
			// usePreCachedTilesIfAvailable: false,
			// tilingScheme: _core.getOffsetTilingScheme() // åç§»çº æ£
			// }),
			scene3DOnly: false,
			sceneModePicker: false,
			},
			tree: null,
			},
			gisInit: (webgis) => {
			//è¿åå°å¾å¯¹è±¡
			window.Sgworld = webgis;
			window.sgworld = webgis;
			window.Viewer = webgis.Viewer;
			window.viewer = webgis.Viewer;
			window.Cesium = Cesium;

			window.layers = window.sgworld.Viewer.scene.imageryLayers;
			// const blackMarble = layers.addImageryProvider(
			// new Cesium.IonImageryProvider({ assetId: 3812 })
			// );

			// blackMarble.alpha = 0.0;
			// blackMarble.brightness = 2.0;
			// å°çé¢è²
			Viewer.scene.globe.baseColor =
			Cesium.Color.fromCssColorString("#272d39");
			// //é£åå¹¿å·
			// window.Viewer.camera.flyTo({
			// destination: Cesium.Cartesian3.fromDegrees(
			// 113.29503528791071,
			// 23.104708355136264,
			// 4109.8492337442767
			// ),
			// orientation: {
			// heading: 0.8349372341578318,
			// pitch: -0.85222154573481174,
			// roll: 0,
			// },
			// });
			window.Viewer.camera.flyTo({
			destination: Cesium.Cartesian3.fromDegrees(
			120.37492388223879,
			30.91054534935262,
			97611.15133443385
			),
			orientation: {
			heading: 1.249372341578318,
			pitch: -0.7222154573481174,
			roll: 0,
			},
			});
			let urldian1 =
			"http://183.162.245.49:8099/geoserver/SHwuxiandian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=SHwuxiandian:1GZ_POI&maxFeatures=50&outputFormat=application%2Fjson";
			let urldian =
			"http://183.162.245.49:8099/geoserver/SHP/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=SHP:SH_POI1&maxFeatures=50&outputFormat=application%2Fjson";
			try {
			loaddian(urldian1, "[TE_DESC]", "[height]");
			loaddian(urldian, "[name]", "[Height]");
			loadBaimo(1);
			loadLW();
			addRightMouseEvent();
			SPPM();
			loadYH();
			juhe(true, "çæµç«");
			addMpt(true);
			} catch (error) {}
			//å¼å¯æ¥ç§
			viewer.scene.globe.enableLighting = false;
			viewer.shadows = false;
			addMouseEvent();
			light();
			getVectorList().then((res) => {
			if (res.message === "Success") {
			let region = res.rows;
			region.forEach((item) => {
			let arr = [];
			JSON.parse(item.vlatlngs).forEach((item2) => {
			arr.push([item2[1], item2[0]]);
			});
			item.vlatlngs = JSON.stringify(arr);
			});
			bus.$emit("areaData", region);
			}
			});
			//è·åæ çº¿çµæ°æ®
			getRadio().then((res) => {
			if (res.message === "Success") {
			let radio = res.rows;
			bus.$emit("radioData", radio);
			console.log(radio);
			}
			});
			// window.Viewer.shadows = false;
			//æ·±åº¦æ£æµ
			window.Sgworld.Analysis.depthTestAgainstTerrain(true);
			/*
			* æ¾åç¹å»äºä»¶
			*/
			// window.Viewer.scene.primitives.add(baimo);
			//å¿åè¾¹ç,ç½æ ¼
			},
			subClick(index) {
			let showindex;
			switch (index) {
			case 0:
			showindex = 1;
			break;
			case 1:
			showindex = 2;
			break;
			case 2:
			showindex = 3;
			break;
			case 3:
			showindex = 4;
			break;
			case 4:
			showindex = 5;
			break;
			default:
			break;
			}
			bus.$emit("showindex", showindex);
			},
			prop: [970, 970],
			nav: {
			navTop: () => import("@/components/top/navTop"),
			},
			showSub: true,
			// compss: [
			// {
			// sub: "é¢è°±æå¿åæ", //ç½æ ¼ç®¡ç
			// left: {
			// wgglleft: () => import("@/components/wggl/left/index"),
			// },
			// right: {
			// wgglright: () => import("@/components/wggl/right/index"),
			// },
			// },
			// {
			// sub: "é¢è°±ä½¿ç¨è¯ä¼°", //ç½æ ¼ç®¡ç
			// left: {
			// wgglleft: () => import("@/components/wggl/left/index"),
			// },
			// right: {
			// wgglright: () => import("@/components/wggl/right/index"),
			// },
			// },
			// {
			// sub: "è¦çè½åè¯ä¼°", //ç½æ ¼ç®¡ç
			// left: {
			// wgglleft: () => import("@/components/wggl/left/index"),
			// },
			// right: {
			// wgglright: () => import("@/components/wggl/right/index"),
			// },
			// },
			// {
			// sub: "æ°æ®ç®¡ç", //ç½æ ¼ç®¡ç
			// left: {
			// wgglleft: () => import("@/components/wggl/left/index"),
			// },
			// right: {
			// wgglright: () => import("@/components/wggl/right/index"),
			// },
			// },
			// {
			// sub: "æ¥ååº", //ç½æ ¼ç®¡ç
			// left: {
			// wgglleft: () => import("@/components/wggl/left/index"),
			// },
			// right: {
			// wgglright: () => import("@/components/wggl/right/index"),
			// },
			// },
			// ],
			module: {
			menubtns: () => import("@/components/props/btns"), //åºé¨5æ æé®
			showmodule: () => import("@/components/props/showmodule"), //æ°´é¢æ¨¡åå å
			showtuli: () => import("@/components/props/tuli"), //æ°´é¢æ¨¡åå å

			fieldStrength: () => import("@/components/props/fieldStrength"), //åºå¼ºè¦çè¯ä¼°
			situationAnalysis: () =>
			import("@/components/props/situationAnalysis"), //çµç£ç¯å¢æå¿
			jcz: () => import("@/components/props/jczBox"), //çæµç«
			jcw: () => import("@/components/props/jcwBox"), //çæµç½
			FreefrequencyAnalysis: () =>
			import("@/components/props/FreefrequencyAnalysis"), //ç©ºé²é¢çèµæºåæ
			FrequencyBand: () => import("@/components/props/FrequencyBand"), //é¢æ®µå ç¨åº¦åæ
			DynamicMap: () => import("@/components/props/bottom"), //æå¿å¾å¨æææ¾
			freeAnalyse: () => import("@/components/props/freeAnalyse"), //ç©ºé²èµæºå±ç¤º
			moreTZ: () => import("@/components/props/moreTZ"), //ç©ºé²èµæºå±ç¤º
			},
			});
			},
			},
			mounted() {
			this.init();
			},
			};
			</script>

			<style>
			#app {
			font-family: "Avenir", Helvetica, Arial, sans-serif;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			text-align: center;
			color: #2c3e50;
			margin-top: 60px;
			user-select: none;
			}
			#toolTip {
			padding: 13px !important;
			background: url("../static/img/gridManagement/è¾¹æ¡3.png") !important;
			background-repeat: no-repeat;
			background-size: 100% 100% !important;
			}

			.toolitem {
			width: 100%;
			height: 32px;
			line-height: 32px;
			font-size: 14px;
			}
			.toolitem span + span {
			color: #f7f330;
			}
			.nav {
			background: url() !important;
			}
			/* çåå¨å±æ ·å¼ */
			.divPoint-custom {
			text-align: center;
			padding: 5px 30px;
			margin: 0;
			color: #fff;
			background: linear-gradient(rgb(7 10 203 / 75%), rgb(16 238 220));
			border-radius: 5px;
			max-height: 130px;
			user-select: none;
			}
			.divPoint-custom:after {
			content: "";
			position: absolute;
			bottom: -60px;
			left: calc(50% - 3px);
			display: block;
			width: 3px;
			height: 60px;
			border-right: 3px solid #2bcdbb;
			}
			.te-right .te-left {
			display: none;
			width: 0px !important;
			}
			</style>

			@@ -15,8 +15,8 @@
			background-size: 100% 100% !important;
			width: 2100px;
			height: 80px;
			/* display: flex; */
			display: none;
			display: flex;
			/* display: none; */
			justify-content: space-around;
			}

			@@ -2,62 +2,57 @@
			<div id="moved">
			<div class="containerBtn">
			<div>
			<span
			v-show="boxindex == 1"
			<span v-show="boxindex == 1"
			v-for="(item, index) in oneindex"
			:key="index"
			class="ischoose"
			@click="choosebtn(index)"
			>
			<span class="icon" :style="{ background: `url(${item.src})` }"></span>
			@click="choosebtn(index)">
			<span class="icon"
			:style="{ background: `url(${item.src})` }"></span>
			{{ item.name }}
			</span>
			</div>
			<div>
			<span
			v-show="boxindex == 2"
			<span v-show="boxindex == 2"
			v-for="(item, index) in twoindex"
			:key="index"
			class="ischoose"
			@click="choosebtn1(index)"
			>
			<span class="icon" :style="{ background: `url(${item.src})` }"></span>
			@click="choosebtn1(index)">
			<span class="icon"
			:style="{ background: `url(${item.src})` }"></span>
			{{ item.name }}
			</span>
			</div>
			<div>
			<span
			v-show="boxindex == 3"
			<span v-show="boxindex == 3"
			v-for="(item, index) in threeindex"
			:key="index"
			class="ischoose"
			@click="choosebtn2(index)"
			>
			<span class="icon" :style="{ background: `url(${item.src})` }"></span>
			@click="choosebtn2(index)">
			<span class="icon"
			:style="{ background: `url(${item.src})` }"></span>
			{{ item.name }}
			</span>
			</div>
			<div>
			<span
			v-show="boxindex == 4"
			<span v-show="boxindex == 4"
			v-for="(item, index) in fourindex"
			:key="index"
			class="ischoose"
			@click="choosebtn3(index)"
			>
			<span class="icon" :style="{ background: `url(${item.src})` }"></span>
			@click="choosebtn3(index)">
			<span class="icon"
			:style="{ background: `url(${item.src})` }"></span>
			{{ item.name }}
			</span>
			</div>
			<div>
			<span
			v-show="boxindex == 5"
			<span v-show="boxindex == 5"
			v-for="(item, index) in fiveindex"
			:key="index"
			class="ischoose"
			@click="choosebtn4(index)"
			>
			<span class="icon" :style="{ background: `url(${item.src})` }"></span>
			@click="choosebtn4(index)">
			<span class="icon"
			:style="{ background: `url(${item.src})` }"></span>
			{{ item.name }}
			</span>
			</div>
			@@ -180,6 +175,7 @@
			},
			methods: {
			choosebtn(index) {
			alert(index)
			if (index === 2) {
			this.nowchoose = 1;
			bus.$emit("showdio", this.nowchoose);

			@@ -1,38 +1,87 @@
			<template>
			<div class="container" id="moved">
			<div class="top">
			<div class="far">
			<span @click="benear"></span>
			<span @click="befar"></span>
			</div>
			<!-- <div class="size">
			<span
			@mousemove="changebac(index)"
			@mouseout="returnbac(index)"
			v-for="(item, index) in top2"
			:key="index"
			:style="{ background: `url(${item.img})` }"
			></span>
			</div> -->
			<div class="content">

			<div class="container"
			id="moved">
			<el-menu default-active="2"
			:unique-opened="true"
			@select="handleSelect"
			class="el-menu-vertical-demo">
			<el-submenu index="1">
			<template slot="title">
			<i class="el-icon-location"></i>
			<span>é¢è°±æå¿åæ</span>
			</template>
			<el-menu-item-group>
			<el-menu-item index="1-1">å¨æææ¾</el-menu-item>
			<el-menu-item index="1-2">æå¿æ¯å¯¹</el-menu-item>
			<el-menu-item index="1-3">æå¿åæ</el-menu-item>
			</el-menu-item-group>
			</el-submenu>
			<el-submenu index="2">
			<template slot="title">
			<i class="el-icon-location"></i>
			<span>é¢è°±ä½¿ç¨è¯ä¼°</span>
			</template>
			<el-menu-item-group>
			<el-menu-item index="2-1">ç¨é¢åè§åæ</el-menu-item>
			<el-menu-item index="2-2">ç©ºé²é¢çèµæºåæ</el-menu-item>
			<el-menu-item index="2-3">ä¿¡å·è¦ççåæ</el-menu-item>
			<el-menu-item index="2-4">ç¨é¢å¯åº¦åæ</el-menu-item>
			<el-menu-item index="2-5">é¢æ®µå ç¨åº¦åæ</el-menu-item>
			<el-menu-item index="2-6">é¢è°±å ç¨åº¦åæ</el-menu-item>
			</el-menu-item-group>
			</el-submenu>
			<el-submenu index="3">
			<template slot="title">
			<i class="el-icon-location"></i>
			<span>è¦çè½åè¯ä¼°</span>
			</template>
			<el-menu-item-group>
			<el-menu-item index="3-1">çæµç½è¦çè½åè¯ä¼°</el-menu-item>
			<el-menu-item index="3-2">çæµç«è¦çè½åè¯ä¼°</el-menu-item>
			<el-menu-item index="3-3">åºå¼ºè¦çè¯ä¼°(å¤é)</el-menu-item>
			<el-menu-item index="3-4">åºå¼ºè¦çè¯ä¼°</el-menu-item>
			</el-menu-item-group>
			</el-submenu>
			<el-submenu index="4">
			<template slot="title">
			<i class="el-icon-location"></i>
			<span>æ°æ®ç®¡ç</span>
			</template>
			<el-menu-item-group>
			<el-menu-item index="4-1">æµè¯å°ç«ç®¡ç</el-menu-item>
			<el-menu-item index="4-2">çæµç«ç®¡ç</el-menu-item>
			<el-menu-item index="4-3">å°ç«ç®¡ç</el-menu-item>
			<el-menu-item index="4-4">ç§»å¨çæµæ°æ®åæ¾</el-menu-item>
			<el-menu-item index="4-5">åºå®çæµæ°æ®åæ¾</el-menu-item>
			</el-menu-item-group>
			</el-submenu>
			<el-submenu index="5">
			<template slot="title">
			<i class="el-icon-location"></i>
			<span>æ¥ååº</span>
			</template>
			<el-menu-item-group>
			<el-menu-item index="5-1">æ°æ®åææ¥å</el-menu-item>

			</el-menu-item-group>
			</el-submenu>
			</el-menu>

			</div>
			<div class="bot">
			<span
			v-for="(item, index) in bot1"
			:key="index"
			@mousemove="changebac1(index)"
			@click="remove(index)"
			@mouseout="returnbac1(index)"
			:style="{ background: `url(${item.img})` }"
			></span>
			<div
			:class="istrue ? 'botImg1' : 'botImg'"

			<div :class="istrue ? 'botImg1' : 'botImg'"
			@mousemove="makebig"
			@mouseout="makeSmall"
			>
			<span id="img" @click="changeMap">
			@mouseout="makeSmall">
			<span id="img"
			@click="changeMap">
			<span class="mapinner">è¡éå¾</span>
			</span>
			<span id="img1" @click="changeMap1" :style="move1">
			<span id="img1"
			@click="changeMap1"
			:style="move1">
			<span class="mapinner1">å½±åå¾</span>
			</span>
			</div>
			@@ -53,11 +102,7 @@
			"z-index": "2",
			transition: "transform,1s",
			},
			// top2: [
			// { img: require("@/assets/image/test/ç» 160.png") },
			// { img: require("@/assets/image/test/ç» 161.png") },
			// { img: require("@/assets/image/test/ç» 162.png") },
			// ],
			nowchoose: null,
			bot1: [
			{ img: require("@/assets/image/test/ç» 163.png") },
			{ img: require("@/assets/image/test/ç» 164.png") },
			@@ -68,56 +113,49 @@
			};
			},
			methods: {
			remove(index) {
			if (index == 0) {
			bus.$emit("clearEve", true);
			window.FieldIntensity && window.FieldIntensity.deleteObject();
			window.imageidXT && window.Viewer.entities.removeById(window.imageidXT);
			handleSelect (key,keyPath) {
			var val=keyPath[1]
			switch(val) {
			case "1-3":
			this.nowchoose=2;
			bus.$emit("showdio",this.nowchoose);
			break;
			case "1-1":
			this.nowchoose=1;
			bus.$emit("showdio",this.nowchoose);
			break;
			case "2-5":
			this.nowchoose=3;
			bus.$emit("showdio",this.nowchoose);
			break;
			case "2-2":
			this.nowchoose='1-4';
			bus.$emit("showdio",this.nowchoose);
			break;
			case "3-4":
			this.nowchoose=5;
			bus.$emit("showdio",this.nowchoose);
			break;
			case "3-3":
			this.nowchoose="1-2";
			bus.$emit("showdio",this.nowchoose);
			break;
			case "3-2":
			this.nowchoose=4;
			bus.$emit("showdio",this.nowchoose);
			break;
			case "3-1":
			this.nowchoose=6;
			bus.$emit("showdio",this.nowchoose);
			break;
			}
			if (index == 1) {
			window.createTool = true;
			}
			},
			makebig() {
			},makebig () {
			this.istrue = false;
			this.move1.transform = "translateX(0px)";
			},
			makeSmall() {
			this.istrue = true;
			this.move1.transform = "translateX(-230px)";
			},
			//ç§»å¥ç§»åºåè²
			changebac(index) {
			let movein = [
			{ img: require("@/assets/image/change/ç»177.png") },
			{ img: require("@/assets/image/change/ç»176.png") },
			{ img: require("@/assets/image/change/ç»175.png") },
			];
			this.$set(this.top2, index, movein[index]);
			},
			returnbac(index) {
			let data = [
			{ img: require("@/assets/image/test/ç» 160.png") },
			{ img: require("@/assets/image/test/ç» 161.png") },
			{ img: require("@/assets/image/test/ç» 162.png") },
			];
			this.$set(this.top2, index, data[index]);
			},
			changebac1(index) {
			let movein = [
			{ img: require("@/assets/image/change/ç»172.png") },
			{ img: require("@/assets/image/change/ç»173.png") },
			{ img: require("@/assets/image/change/ç»174.png") },
			];
			this.$set(this.bot1, index, movein[index]);
			},
			returnbac1(index) {
			let movein = [
			{ img: require("@/assets/image/test/ç» 163.png") },
			{ img: require("@/assets/image/test/ç» 164.png") },
			{ img: require("@/assets/image/test/ç» 165.png") },
			];
			this.$set(this.bot1, index, movein[index]);
			},
			changeMap1() {
			Viewer.imageryLayers._layers[0].show = true;
			@@ -153,80 +191,74 @@
			this.isshowGD = true;
			}
			},
			benear() {
			$(".navigation-control")[0].click();
			},
			befar() {
			$(".navigation-control-last")[0].click();
			},
			//æ·»å mptå°å½¢å½±å

			},mounted () {
			bus.$on("showindex",(e) => {
			if(this.boxindex==e) {
			this.boxindex=0;
			} else {
			this.boxindex=e;
			}
			});
			},
			};
			</script>

			<style scoped>
			.content {
			/* height: 2000px; */
			position: relative;
			/* background: skyblue; */
			display: flex;
			justify-content: space-between;
			flex-direction: column;
			}
			.container {
			width: 0px;
			height: 1900px;
			width: 400px;
			margin-left: 100px;
			height: 1600px;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			padding: 20px;
			margin-top: 100px;
			background: url("../../../assets/image/listbg.png") no-repeat;
			background-size: 100% 100%;
			}
			.top {
			margin: 20px;
			margin-top: 50px;
			width: 100px;
			height: 500px;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			transform: translateX(-16px);
			}
			.far {
			display: block;
			.el-menu-vertical-demo {
			width: 100%;
			height: 36%;
			display: flex;
			flex-direction: column;
			background: transparent !important;
			border: transparent;
			color: white;
			}
			.far > span {
			display: block;
			width: 100%;
			height: 49%;
			cursor: pointer;
			background-size: 100% 100% !important;
			background-repeat: no-repeat !important;
			background-position: center !important;
			/deep/ .el-submenu__title:hover {
			background: rgba(255, 255, 255, 0.2) !important;
			}
			.far > span:nth-child(1) {
			background: url(../../../assets/image/test/+.png);
			/deep/ .el-submenu__title {
			color: white !important;
			font-size: 32px;
			}
			.far > span:nth-child(1):hover {
			background: url(../../../assets/image/change/å¾å±2.png);
			/deep/.el-menu {
			background: transparent !important;
			}
			.far > span:nth-child(2) {
			background: url(../../../assets/image/test/-.png);
			/deep/.el-menu-item:focus,
			.el-menu-item:hover {
			background: rgba(255, 255, 255, 0.2) !important;
			color: #409eff !important;
			}
			.far > span:nth-child(2):hover {
			background: url(../../../assets/image/change/å¾å±1.png);
			/deep/.el-menu-item {
			color: white !important;
			font-size: 28px;
			padding: 0px 40px !important;
			}
			.size {
			display: block;
			width: 100%;
			height: 54%;
			}
			.size > span {
			display: block;
			width: 100%;
			height: 33%;
			background-size: 100% 100% !important;
			background-repeat: no-repeat !important;
			background-position: center !important;
			/deep/.el-submenu__icon-arrow {
			font-size: 20px !important;
			}
			.bot {
			width: 100px;
			height: 310px;
			margin-top: 200px;
			bottom: 10px;
			left: 10%;
			margin-left: 50px;
			}
			.bot > span {
			display: block;
			@@ -270,33 +302,5 @@
			width: 340px;
			height: 190px;
			background: transparent;
			}
			.mapinner {
			display: block;
			width: 140px;
			height: 40px;
			font-weight: 700;
			text-align: center;
			font-size: 35px;
			position: absolute;
			right: 10px;
			bottom: 10px;
			}
			.mapinner:hover {
			background: #3385ff;
			}
			.mapinner1 {
			display: block;
			width: 140px;
			height: 40px;
			font-weight: 700;
			text-align: center;
			font-size: 35px;
			position: absolute;
			right: 10px;
			bottom: 15px;
			}
			.mapinner1:hover {
			background: #3385ff;
			}
			</style>

			@@ -6,72 +6,82 @@
			</div> -->
			<div class="top">
			<div class="far">
			<span
			v-for="(item, index) in top2"
			<span v-for="(item, index) in top2"
			:key="index + '-top2'"
			@mousemove="changebac(index)"
			@mouseout="returnbac(index)"
			@click="ishow(index)"
			:style="{ background: `url(${item.img})` }"
			></span>
			<span
			v-for="(item, index) in bot1"
			:style="{ background: `url(${item.img})` }"></span>
			<span v-for="(item, index) in bot1"
			:key="index + '-bot1'"
			@mousemove="changebac1(index)"
			@click="remove(index)"
			@mouseout="returnbac1(index)"
			:style="{ background: `url(${item.img})` }"
			></span>
			:style="{ background: `url(${item.img})` }"></span>
			</div>
			<div class="far_2">
			<span @click="benear"></span>
			<span @click="befar"></span>
			</div>
			</div>
			<div class="bot" v-if="showtool" id="move3">
			<div class="bot"
			v-if="showtool"
			id="move3">
			<div class="top1">
			<span class="botcon">
			<span class="icon"></span>
			<span class="text">æå¿å¯¹æ¯</span>
			</span>
			<span class="close" @click="close">x</span>
			<span class="close"
			@click="close">x</span>
			</div>
			<div class="next">
			<el-form ref="form" :rules="rules" :model="form" label-width="250px">
			<el-form-item label="åºå" prop="name">
			<el-select v-model="form.name" placeholder="è¯·éæ©æ´»å¨åºå">
			<el-option label="éµè¡åº" value="shanghai"></el-option>
			<el-form ref="form"
			:rules="rules"
			:model="form"
			label-width="250px">
			<el-form-item label="åºå"
			prop="name">
			<el-select v-model="form.name"
			placeholder="è¯·éæ©æ´»å¨åºå">
			<el-option label="éµè¡åº"
			value="shanghai"></el-option>
			</el-select>
			</el-form-item>
			<el-form-item label="èµ·å§æ¶é´" prop="date1">
			<el-date-picker
			v-model="form.date1"
			<el-form-item label="èµ·å§æ¶é´"
			prop="date1">
			<el-date-picker v-model="form.date1"
			:picker-options="pickerOptions"
			format="yyyy-MM-dd"
			placeholder="éæ©æ¥æ"
			type="date"
			value-format="yyyyMMddHHmmss"
			></el-date-picker>
			value-format="yyyyMMddHHmmss"></el-date-picker>
			</el-form-item>
			<el-form-item label="ç»ææ¶é´" prop="date2">
			<el-date-picker
			v-model="form.date2"
			<el-form-item label="ç»ææ¶é´"
			prop="date2">
			<el-date-picker v-model="form.date2"
			:picker-options="pickerOptions"
			format="yyyy-MM-dd"
			placeholder="éæ©æ¥æ"
			type="date"
			value-format="yyyyMMddHHmmss"
			></el-date-picker>
			value-format="yyyyMMddHHmmss"></el-date-picker>
			</el-form-item>
			<el-form-item label="åæç±»å" prop="type">
			<el-select v-model="form.type" placeholder="è¯·éæ©æ´»å¨åºå">
			<el-option label="é¢ç¹" value="shanghai"></el-option>
			<el-option label="é¢æ®µ" value="beijing"></el-option>
			<el-form-item label="åæç±»å"
			prop="type">
			<el-select v-model="form.type"
			placeholder="è¯·éæ©æ´»å¨åºå">
			<el-option label="é¢ç¹"
			value="shanghai"></el-option>
			<el-option label="é¢æ®µ"
			value="beijing"></el-option>
			</el-select>
			</el-form-item>
			<el-form-item label="æ çº¿çµä¸å¡" prop="resource">
			<el-select v-model="form.resource" placeholder="è¯·éæ©æ´»å¨åºå">
			<el-option label="çµè§(74MHz~87MHz)" value="shanghai"></el-option>
			<el-form-item label="æ çº¿çµä¸å¡"
			prop="resource">
			<el-select v-model="form.resource"
			placeholder="è¯·éæ©æ´»å¨åºå">
			<el-option label="çµè§(74MHz~87MHz)"
			value="shanghai"></el-option>
			</el-select>
			</el-form-item>
			</el-form>
			@@ -158,10 +168,11 @@
			},
			methods: {
			remove(index) {

			if (index == 0) {
			bus.$emit("clearEve", true);
			window.FieldIntensity && window.FieldIntensity.deleteObject();
			window.imageidXT && window.Viewer.entities.removeById(window.imageidXT);
			// bus.$emit("clearEve",true);
			// window.FieldIntensity&&window.FieldIntensity.deleteObject();
			// window.imageidXT&&window.Viewer.entities.removeById(window.imageidXT);
			}
			if (index == 1) {
			window.createTool = true;
			@@ -273,6 +284,7 @@
			});
			},
			ishow(index) {

			if (index == 1) {
			bus.$emit("ishow", true);
			}
			@@ -355,7 +367,7 @@
			}
			.bot {
			width: 940px;
			height: 1200px;
			/* height: 1200px; */
			position: absolute;
			transform: translate(-915px, 200px);
			background: url(~@/assets/image/test/22.png);