添加综合展示，在线制图，资料馆跳转页面功能，修改数据管理，运维管理页面数据获取

Surpriseplus

2022-11-26 5c11db14675b3a0f409e8c79e07304f37514b52a

 src/views/Synthesis/index.vue

@@ -1,6 +1,7 @@
<template>
  <div class="synthesis">
    <el-tabs type="border-card">
    <map-div></map-div>
    <!-- <el-tabs type="border-card">
      <el-tab-pane v-if="menuStatus.menu1" :label="$t('synthesis.coverage')">
        <coverage />
      </el-tab-pane>
@@ -27,7 +28,7 @@
      </el-tab-pane>
    </el-tabs>
    <el-card class="box-card">
      <map-div></map-div>

    </el-card>
    <div class="plotBox">
      <el-collapse-transition>
@@ -46,21 +47,21 @@
          </ul>
        </div>
      </el-collapse-transition>
    </div>
    </div> -->
  </div>
</template>

<script>
import coverage from "./coverage.vue"; //图层
import viewport from "./viewport.vue"; //视图
import wander from "./wander.vue"; //漫游
import analyse from "./analyse.vue"; //分析
import iqyery from "./inquire.vue"; //查询
import orientation from "./orientation.vue"; //定位
import measurement from "./measurement.vue"; //测量
import plotting from "./plotting.vue"; //标绘
import MapDiv from "../../components/MapDiv";
import { getPerms } from "../../api/api";
import coverage from './coverage.vue'; //图层
import viewport from './viewport.vue'; //视图
import wander from './wander.vue'; //漫游
import analyse from './analyse.vue'; //分析
import iqyery from './inquire.vue'; //查询
import orientation from './orientation.vue'; //定位
import measurement from './measurement.vue'; //测量
import plotting from './plotting.vue'; //标绘
import MapDiv from '../../components/MapDiv';
import { getPerms } from '../../api/api';
export default {
  components: {
    coverage,
@@ -78,14 +79,14 @@
      showBtnBox: false,
      itemsOne: [
        {
          id: "1",
          name: "synthesis.point",
          class: "h1",
          id: '1',
          name: 'synthesis.point',
          class: 'h1',
        },
        {
          id: "2",
          name: "synthesis.line",
          class: "h2",
          id: '2',
          name: 'synthesis.line',
          class: 'h2',
        },
        // {
        //   id: "3",
@@ -93,9 +94,9 @@
        //   class: "h3",
        // },
        {
          id: "4",
          name: "synthesis.polygon",
          class: "h4",
          id: '4',
          name: 'synthesis.polygon',
          class: 'h4',
        },
        // {
        //   id: "7",
@@ -113,9 +114,9 @@
        //   class: "h6",
        // },
        {
          id: "8",
          name: "synthesis.removepaint",
          class: "h8",
          id: '8',
          name: 'synthesis.removepaint',
          class: 'h8',
        },
        // {
        //   id: "9",
@@ -152,35 +153,35 @@
    changePlot(res) {
      sgworld.Creator.SimpleGraphic.edit(true, { editProp: true });
      switch (res.id) {
        case "1":
        case '1':
          sgworld.Creator.createSimpleGraphic(
            "point",
            'point',
            {},
            function (entity) {}
          );
          break;
        case "2":
        case '2':
          sgworld.Creator.createSimpleGraphic(
            "polyline",
            'polyline',
            {},
            function (entity) {}
          );
          break;
        case "3":
        case '3':
          sgworld.Creator.createSimpleGraphic(
            "rectangle",
            'rectangle',
            {},
            function (entity) {}
          );
          break;
        case "4":
        case '4':
          sgworld.Creator.createSimpleGraphic(
            "polygon",
            'polygon',
            {},
            function (entity) {}
          );
          break;
        case "6":
        case '6':
          if (window.Excavation) {
            window.Excavation.clear();
            window.Excavation = null;
@@ -188,7 +189,7 @@
            this.$refs.terrainDig.open();
          }
          break;
        case "5":
        case '5':
          if (window.TerrainFlattening) {
            window.TerrainFlattening.remove();
            window.TerrainFlattening = null;
@@ -196,14 +197,13 @@
            this.$refs.modelPress.open();
          }
          break;
        case "7":
        case '7':
          sgworld.Creator.createModelLibrary();
          break;
        case "8":
        case '8':
          this.clearAll();
          break;
        case "10":
          
        case '10':
          break;
      }
    },
@@ -221,11 +221,11 @@
    },
    tepostmessage(res) {
      const msg = {
        message: "changeTool",
        message: 'changeTool',
        data: res,
      };
      document
        .getElementById("sunIframe")
        .getElementById('sunIframe')
        .contentWindow.postMessage(msg, this.iframeSrc);
    },
    showMenuChange(res, result) {
@@ -239,28 +239,28 @@
    },
    showMenuStatus(res) {
      switch (res.cnName) {
        case "图层":
        case '图层':
          this.menuStatus.menu1 = true;
          break;
        case "视图":
        case '视图':
          this.menuStatus.menu2 = true;
          break;
        case "漫游":
        case '漫游':
          this.menuStatus.menu3 = true;
          break;
        case "分析":
        case '分析':
          this.menuStatus.menu4 = true;
          break;
        case "查询":
        case '查询':
          this.menuStatus.menu5 = true;
          break;
        case "定位":
        case '定位':
          this.menuStatus.menu6 = true;
          break;
        case "测量":
        case '测量':
          this.menuStatus.menu7 = true;
          break;
        case "标绘":
        case '标绘':
          this.menuStatus.menu8 = true;
          break;
      }
@@ -270,7 +270,7 @@
      if (this.$store.state.currentPerms) {
        val = this.$store.state.currentPerms;
      } else {
        val = "/comprehensive";
        val = '/comprehensive';
      }
      var permsEntity = this.$store.state.permsEntity;

@@ -294,7 +294,7 @@
  },
  mounted() {
    //this.messageName = this.$store.state.teNmme;
    this.$bus.$on("changetool", (e) => {
    this.$bus.$on('changetool', (e) => {
      this.tepostmessage(e);
    });
  },
@@ -305,99 +305,10 @@
};
</script>

<style >
.synthesis .el-card {
  border: transparent !important;
}
<style>
.synthesis {
  width: 100%;
  height: 100%;
  position: relative;
}
.synthesis .el-tabs__item {
  color: white !important;
  text-align: center;

  background: rgb(55, 77, 110) !important;
}
.synthesis .is-active {
  color: white !important;
  background-color: #586884 !important;
  border: #586884 !important;
}
.synthesis .el-tabs__nav-scroll {
  background: rgb(55, 77, 110) !important;
}
.synthesis .el-tabs__content {
  color: white !important;
  background-color: #586884 !important;
  padding: 0px !important;
}
.synthesis .box-card {
  height: 88%;
  position: relative;

  border-radius: 0px;
}
.synthesis .el-card .el-card__body {
  padding: 0px;
}
.synthesis .cardbox {
  width: 98%;
  height: 86%;
  position: absolute;
}
.synthesis .el-tabs--border-card {
  border: transparent;
  background: transparent;
}
.synthesis .divli {
  width: 100%;
  height: 50%;
  position: relative;
}
.synthesis li {
  list-style: none;
  float: left;
  height: 60px;
  text-align: center;
  margin: 2px;
  position: relative;
  cursor: pointer;
  margin-top: 5px;
}
.synthesis .backimge8 {
  width: 30px;
  height: 30px;
  position: absolute;
  background-size: 100% 100%;
  margin: 0% 30%;
}
.synthesis .plotBox {
  width: 160px;
  /* height:; */
  position: absolute;
  top: 115px;
  left: 5px;
  background-color: #596882;
}
.synthesis .plotBox .transition-box ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  /* background-color: #bfa; */
  box-sizing: border-box;
}
.synthesis .plotBox .transition-box li {
  margin: 5px;
  width: 46%;
  margin-left: 0;
  /* background-color: #fff; */
  justify-content: space-between;
}
</style>