标绘

surprise

2024-04-18 caceb47d790cedaf68ddcda983b6c38280d11d8e

 src/components/wggl/left/czll.vue

@@ -7,7 +7,7 @@
               :unique-opened="true"
               @select="handleSelect"
               class="el-menu-vertical-demo">
        <el-submenu index="1">
        <!-- <el-submenu index="1">
          <template slot="title">
            <i class="el-icon-location"></i>
            <span>频谱态势分析</span>
@@ -64,9 +64,90 @@
          </template>
          <el-menu-item-group>
            <el-menu-item index="5-1">数据分析报告</el-menu-item>

          </el-menu-item-group>
        </el-submenu> -->
        <el-submenu index="6">
          <template slot="title">
            <i class="el-icon-location"></i>
            <span>数据资源管理子系统</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="6-1">通用模版管理</el-menu-item>
            <el-menu-item index="6-2">通信资源管理</el-menu-item>
            <el-menu-item index="6-3">通信网系管理</el-menu-item>
            <el-menu-item index="6-4">通信想定管理</el-menu-item>
            <el-menu-item index="6-5">多媒体素材管理</el-menu-item>
            <el-menu-item index="6-6">仿真模型管理</el-menu-item>
            <el-menu-item index="6-7">用户管理和系统设置</el-menu-item>
          </el-menu-item-group>
        </el-submenu>
        <el-submenu index="7">
          <template slot="title">
            <i class="el-icon-location"></i>
            <span>综合态势显示子系统</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="7-1">目录管理</el-menu-item>

            <!-- 
            <el-submenu index="7-2">
              <template slot="title">ZC环境显示</template>
              <el-menu-item index="7-2-1">东南沿海、TD</el-menu-item>
            </el-submenu>
            <el-submenu index="7-3">
              <template slot="title">通信态势显示</template>
              <el-menu-item index="7-3-1">基站、监测站</el-menu-item>
            </el-submenu> -->
            <el-menu-item index="7-4">信息链路显示</el-menu-item>
            <el-menu-item index="7-5">作战态势显示</el-menu-item>
            <el-menu-item index="7-6">想定资料显示</el-menu-item>
            <el-menu-item index="7-7">态势显示控制</el-menu-item>
            <el-menu-item index="7-8">多媒体素材浏览</el-menu-item>
            <!-- <el-menu-item index="7-9">态势标绘</el-menu-item> -->
            <el-submenu>
              <template slot="title">态势标绘</template>
              <el-menu-item index="7-9-1">军标标绘</el-menu-item>
              <el-menu-item index="7-9-2">图元标绘</el-menu-item>
              <el-menu-item index="7-9-3">模型标绘</el-menu-item>
            </el-submenu>
          </el-menu-item-group>
        </el-submenu>
        <!-- <el-submenu index="8">
          <template slot="title">
            <i class="el-icon-location"></i>
            <span>通信方案筹划子系统</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="8-1">通信方案管理</el-menu-item>
            <el-menu-item index="8-2">通信方案拟制</el-menu-item>
            <el-menu-item index="8-3">通信网系构建</el-menu-item>
            <el-menu-item index="8-4">通信方案讲评</el-menu-item>
          </el-menu-item-group>
        </el-submenu>
        <el-submenu index="9">
          <template slot="title">
            <i class="el-icon-location"></i>
            <span>通信效能评估子系统</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="9-1">通信毁伤影响评估</el-menu-item>
            <el-menu-item index="9-2">通信干扰影响评估</el-menu-item>
            <el-menu-item index="9-3">辅助计算分析</el-menu-item>
          </el-menu-item-group>
        </el-submenu>
        <el-submenu index="10">
          <template slot="title">
            <i class="el-icon-location"></i>
            <span>作战行动影响分析子系统</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="10-1">情报链路行动影响分析</el-menu-item>
            <el-menu-item index="10-2">指挥链路行动影响分析</el-menu-item>
            <el-menu-item index="10-3">打击链路行动影响分析</el-menu-item>
            <el-menu-item index="10-4">保障链路行动影响分析和评估分析结果展示
            </el-menu-item>
          </el-menu-item-group>
        </el-submenu> -->
      </el-menu>

    </div>
@@ -84,14 +165,19 @@
              :style="move1">
          <span class="mapinner1">影像图</span>
        </span>
        <span id="img2"
              @click="changeMap2"
              :style="move2">
          <span class="mapinner2">地形图</span>
        </span>
      </div>
    </div>
  </div>
</template>

 
<script>
let gdMap=null;

let dxMap=null;
import { addMpt } from "../../../utils/work";
import bus from "../../../utils/bus";
export default {
@@ -99,6 +185,11 @@
    return {
      move1: {
        transform: "translateX(-230px)",
        "z-index": "2",
        transition: "transform,1s",
      },
      move2: {
        transform: "translateX(-450px)",
        "z-index": "2",
        transition: "transform,1s",
      },
@@ -114,24 +205,41 @@
  },
  methods: {
    handleSelect (key,keyPath) {
      var val=keyPath[1]
      var val=keyPath[1];
      switch(val) {
        case "1-3":
          this.nowchoose=2;
          bus.$emit("showdio",this.nowchoose);
          break;
        case "1-2": //null
          this.nowchoose=7;
          bus.$emit("showdio",this.nowchoose);
          break;
        case "1-1":
          this.nowchoose=1;
          bus.$emit("showdio",this.nowchoose);
          break;
        case "2-6": //null
          this.nowchoose=8;
          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';
        case "2-4": //null
          this.nowchoose=9;
          bus.$emit("showdio",this.nowchoose);
          break;
        case "2-3": //null
          this.nowchoose=10;
          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);
@@ -148,27 +256,208 @@
          this.nowchoose=6;
          bus.$emit("showdio",this.nowchoose);
          break;

        case "4-1":
          this.nowchoose="4-1";
          bus.$emit("showdio",this.nowchoose);
          break;
        case "4-2":
          this.nowchoose="4-2";
          bus.$emit("showdio",this.nowchoose);
          break;
        case "4-3":
          this.nowchoose="4-3";
          bus.$emit("showdio",this.nowchoose);
          break;
        case "4-4":
          this.nowchoose="4-4";
          bus.$emit("showdio",this.nowchoose);
          break;
        case "4-5":
          this.nowchoose="4-5";
          bus.$emit("showdio",this.nowchoose);
          break;
        case "5-1":
          this.nowchoose="5-1";
          bus.$emit("showdio",this.nowchoose);
          break;
        case "6-1":
          this.nowchoose="6-1";
          bus.$emit("showdio",this.nowchoose);
          break;
        case "6-2":
          this.nowchoose="6-2";
          bus.$emit("showdio",this.nowchoose);
          break;
        case "6-3":
          this.nowchoose="6-3";
          bus.$emit("showdio",this.nowchoose);
          break;
        case "6-4":
          this.nowchoose="6-4";
          bus.$emit("showdio",this.nowchoose);
          break;
        case "6-5":
          this.nowchoose="6-5";
          bus.$emit("showdio",this.nowchoose);
          break;
        case "6-6":
          this.nowchoose="6-6";
          bus.$emit("showdio",this.nowchoose);
          break;
        case "6-7":
          this.nowchoose="6-7";
          bus.$emit("showdio",this.nowchoose);
          break;

        case "7-1":
          this.nowchoose="7-1";
          bus.$emit("showdio",this.nowchoose);
          break;
        case "7-2-1":
          this.nowchoose="7-2-1";
          bus.$emit("showdio",this.nowchoose);
          break;
        case "7-3-1":
          this.nowchoose="7-3-1";
          bus.$emit("showdio",this.nowchoose);
          break;
        case "7-4":
          this.nowchoose="7-4";
          bus.$emit("showdio",this.nowchoose);
          break;
        case "7-5":
          this.nowchoose="7-5";
          bus.$emit("showdio",this.nowchoose);
          break;
        case "7-6":
          this.nowchoose="7-6";
          bus.$emit("showdio",this.nowchoose);
          break;
        case "7-7":
          this.nowchoose="7-7";
          bus.$emit("showdio",this.nowchoose);
          break;
        case "7-8":
          this.nowchoose="7-8";
          bus.$emit("showdio",this.nowchoose);
          break;
        case "7-9-1":
          this.nowchoose="7-9-1";
          bus.$emit("showdio",this.nowchoose);
          break;
        case "7-9-2":
          this.nowchoose="7-9-2";
          bus.$emit("showdio",this.nowchoose);
          break;
        case "7-9-2":
          this.nowchoose="7-9-2";
          bus.$emit("showdio",this.nowchoose);
          break;
        case "7-9-3":

          this.nowchoose="7-9-3";
          bus.$emit("showdio",this.nowchoose);
          break;
        case "8-1":
          this.nowchoose="8-1";
          bus.$emit("showdio",this.nowchoose);
          break;
        case "8-2":
          this.nowchoose="8-2";
          bus.$emit("showdio",this.nowchoose);
          break;
        case "8-3":
          this.nowchoose="8-3";
          bus.$emit("showdio",this.nowchoose);
          break;
        case "8-4":
          this.nowchoose="8-4";
          bus.$emit("showdio",this.nowchoose);
          break;
        case "9-1":
          this.nowchoose="9-1";
          bus.$emit("showdio",this.nowchoose);
          break;
        case "9-2":
          this.nowchoose="9-2";
          bus.$emit("showdio",this.nowchoose);
          break;
        case "9-3":
          this.nowchoose="9-3";
          bus.$emit("showdio",this.nowchoose);
          break;
        case "10-1":
          this.nowchoose="10-1";
          bus.$emit("showdio",this.nowchoose);
          break;
        case "10-2":
          this.nowchoose="10-2";
          bus.$emit("showdio",this.nowchoose);
          break;
        case "10-3":
          this.nowchoose="10-3";
          bus.$emit("showdio",this.nowchoose);
          break;
        case "10-4":
          this.nowchoose="10-4";
          bus.$emit("showdio",this.nowchoose);
          break;
      }
    },makebig () {
    },
    makebig () {
      this.istrue=false;
      this.move1.transform="translateX(0px)";
      this.move2.transform="translateX(0px)";
    },
    makeSmall () {
      this.istrue=true;
      this.move1.transform="translateX(-230px)";
      this.move2.transform="translateX(-450px)";
    },
    changeMap1 () {
      Viewer.imageryLayers._layers[0].show=true;
      addMpt(true);
      if(dxMap) {
        dxMap.setVisibility(false);
      }
      if(gdMap) {
        gdMap.setVisibility(false);
        this.move1["z-index"]=2;

        // this.move1["z-index"]=3;

      } else {
        return;
      }
    },
    changeMap2 () {
      Viewer.imageryLayers._layers[0].show=false;
      if(gdMap) {
        gdMap.setVisibility(false);
      }

      addMpt(true);
      if(dxMap) {
        dxMap.setVisibility(true);
      } else {
        var base={
          url: "http://t0.tianditu.com/ter_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=ter&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=94a34772eb88317fcbf8428e10448561",

        };
        dxMap=sgworld.Creator.createWebMapTileServerImageLayer(
          "街道",
          base,
          "0",
          undefined,
          true,
          ""
        );
      }

    },
    changeMap () {
      this.move1["z-index"]=0;
      // this.move1["z-index"]=0;
      // this.move1["z-index"]=1;
      Viewer.imageryLayers._layers[0].show=false;
      addMpt(false);
      if(gdMap) {
@@ -203,7 +492,7 @@
  },
};
</script>

 
<style  scoped>
.content {
  /* height: 2000px; */
@@ -214,7 +503,7 @@
  flex-direction: column;
}
.container {
  width: 400px;
  width: 500px;
  margin-left: 100px;
  height: 1600px;
  display: flex;
@@ -291,11 +580,23 @@
  background-position: center;
  position: absolute;
  margin: 20px;
  left: 350px;
  left: 320px;
}
#img2 {
  width: 260px;
  height: 146px;
  background: url(../../../assets/image/change/dixing.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  margin: 20px;
  left: 600px;
}
.botImg {
  width: 540px;
  width: 840px;
  height: 190px;
  background: skyblue;
  background: transparent;
}
.botImg1 {
@@ -303,4 +604,4 @@
  height: 190px;
  background: transparent;
}
</style>
</style>