| | |
| | | <template> |
| | | <div class="content"> |
| | | |
| | | <div class="container" |
| | | id="moved"> |
| | | <el-menu default-active="2" |
| | | :unique-opened="true" |
| | | @select="handleSelect" |
| | | class="el-menu-vertical-demo"> |
| | | <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> |
| | |
| | | </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'" |
| | | @mousemove="makebig" |
| | | @mouseout="makeSmall"> |
| | | <span id="img" |
| | | @click="changeMap"> |
| | | <div |
| | | :class="istrue ? 'botImg1' : 'botImg'" |
| | | @mousemove="makebig" |
| | | @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> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | let gdMap=null; |
| | | let gdMap = null; |
| | | |
| | | import { addMpt } from "../../../utils/work"; |
| | | import bus from "../../../utils/bus"; |
| | | export default { |
| | | data () { |
| | | data() { |
| | | return { |
| | | move1: { |
| | | transform: "translateX(-230px)", |
| | |
| | | }; |
| | | }, |
| | | methods: { |
| | | handleSelect (key,keyPath) { |
| | | var val=keyPath[1] |
| | | switch(val) { |
| | | handleSelect(key, keyPath) { |
| | | var val = keyPath[1]; |
| | | switch (val) { |
| | | case "1-3": |
| | | this.nowchoose=2; |
| | | bus.$emit("showdio",this.nowchoose); |
| | | this.nowchoose = 2; |
| | | bus.$emit("showdio", this.nowchoose); |
| | | break; |
| | | case "1-2"://null |
| | | this.nowchoose=7; |
| | | bus.$emit("showdio",this.nowchoose); |
| | | case "1-2": //null |
| | | this.nowchoose = 7; |
| | | bus.$emit("showdio", this.nowchoose); |
| | | break; |
| | | case "1-1": |
| | | this.nowchoose=1; |
| | | bus.$emit("showdio",this.nowchoose); |
| | | this.nowchoose = 1; |
| | | bus.$emit("showdio", this.nowchoose); |
| | | break; |
| | | case "2-6"://null |
| | | this.nowchoose=8; |
| | | bus.$emit("showdio",this.nowchoose); |
| | | case "2-6": //null |
| | | this.nowchoose = 8; |
| | | bus.$emit("showdio", this.nowchoose); |
| | | break; |
| | | case "2-5": |
| | | this.nowchoose=3; |
| | | bus.$emit("showdio",this.nowchoose); |
| | | this.nowchoose = 3; |
| | | bus.$emit("showdio", this.nowchoose); |
| | | break; |
| | | case "2-4"://null |
| | | this.nowchoose=9; |
| | | bus.$emit("showdio",this.nowchoose); |
| | | 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); |
| | | 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); |
| | | this.nowchoose = "1-4"; |
| | | bus.$emit("showdio", this.nowchoose); |
| | | break; |
| | | |
| | | case "3-4": |
| | | this.nowchoose=5; |
| | | bus.$emit("showdio",this.nowchoose); |
| | | this.nowchoose = 5; |
| | | bus.$emit("showdio", this.nowchoose); |
| | | break; |
| | | case "3-3": |
| | | this.nowchoose="1-2"; |
| | | bus.$emit("showdio",this.nowchoose); |
| | | this.nowchoose = "1-2"; |
| | | bus.$emit("showdio", this.nowchoose); |
| | | break; |
| | | case "3-2": |
| | | this.nowchoose=4; |
| | | bus.$emit("showdio",this.nowchoose); |
| | | this.nowchoose = 4; |
| | | bus.$emit("showdio", this.nowchoose); |
| | | break; |
| | | case "3-1": |
| | | this.nowchoose=6; |
| | | bus.$emit("showdio",this.nowchoose); |
| | | 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 () { |
| | | this.istrue=false; |
| | | this.move1.transform="translateX(0px)"; |
| | | }, |
| | | makeSmall () { |
| | | this.istrue=true; |
| | | this.move1.transform="translateX(-230px)"; |
| | | makebig() { |
| | | this.istrue = false; |
| | | this.move1.transform = "translateX(0px)"; |
| | | }, |
| | | changeMap1 () { |
| | | Viewer.imageryLayers._layers[0].show=true; |
| | | makeSmall() { |
| | | this.istrue = true; |
| | | this.move1.transform = "translateX(-230px)"; |
| | | }, |
| | | changeMap1() { |
| | | Viewer.imageryLayers._layers[0].show = true; |
| | | addMpt(true); |
| | | if(gdMap) { |
| | | if (gdMap) { |
| | | gdMap.setVisibility(false); |
| | | this.move1["z-index"]=2; |
| | | this.move1["z-index"] = 2; |
| | | } else { |
| | | return; |
| | | } |
| | | }, |
| | | changeMap () { |
| | | this.move1["z-index"]=0; |
| | | Viewer.imageryLayers._layers[0].show=false; |
| | | changeMap() { |
| | | this.move1["z-index"] = 0; |
| | | Viewer.imageryLayers._layers[0].show = false; |
| | | addMpt(false); |
| | | if(gdMap) { |
| | | if (gdMap) { |
| | | gdMap.setVisibility(true); |
| | | } else { |
| | | var base={ |
| | | var base = { |
| | | url: "https://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineCommunity/MapServer", |
| | | enablePickFeatures: false, |
| | | usePreCachedTilesIfAvailable: false, // 是否使用服务的内置的切片方案,偏移纠正需要使用如下自定义的方案 |
| | | tilingScheme: sgworld.Core.getOffsetTilingScheme(), // 偏移纠正 |
| | | }; |
| | | gdMap=sgworld.Creator.createArcGisImageryLayer( |
| | | gdMap = sgworld.Creator.createArcGisImageryLayer( |
| | | "街道", |
| | | base, |
| | | "0", |
| | |
| | | true, |
| | | "" |
| | | ); |
| | | this.isshowGD=true; |
| | | this.isshowGD = true; |
| | | } |
| | | }, |
| | | |
| | | },mounted () { |
| | | bus.$on("showindex",(e) => { |
| | | if(this.boxindex==e) { |
| | | this.boxindex=0; |
| | | }, |
| | | mounted() { |
| | | bus.$on("showindex", (e) => { |
| | | if (this.boxindex == e) { |
| | | this.boxindex = 0; |
| | | } else { |
| | | this.boxindex=e; |
| | | this.boxindex = e; |
| | | } |
| | | }); |
| | | }, |