菜单

lixuliang

2024-04-18 7453188ddfaef750c5f367abadb8afa1ad877909

 src/components/wggl/left/czll.vue

@@ -1,12 +1,12 @@
<template>
  <div class="content">

    <div class="container"
         id="moved">
      <el-menu default-active="2"
    <div class="container" id="moved">
      <el-menu
        default-active="2"
               :unique-opened="true"
               @select="handleSelect"
               class="el-menu-vertical-demo">
        class="el-menu-vertical-demo"
      >
        <el-submenu index="1">
          <template slot="title">
            <i class="el-icon-location"></i>
@@ -64,24 +64,95 @@
          </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">zcTS\筹划步骤</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-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>
    <div class="bot">

      <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>
@@ -114,7 +185,7 @@
  },
  methods: {
    handleSelect (key,keyPath) {
      var val=keyPath[1]
      var val = keyPath[1];
      switch(val) {
        case "1-3":
          this.nowchoose=2;
@@ -145,7 +216,7 @@
          bus.$emit("showdio",this.nowchoose);
          break;
        case "2-2":
          this.nowchoose='1-4';
          this.nowchoose = "1-4";
          bus.$emit("showdio",this.nowchoose);
          break;

@@ -165,8 +236,143 @@
          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":
          this.nowchoose = "7-9";
          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)";
    },
@@ -208,8 +414,8 @@
        this.isshowGD=true;
      }
    },

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