综合展示，系统管理，授权管理，专题图，资料馆添加权限配置

Surpriseplus

2022-10-26 62ae55ae397b7997b147a7b946f7ad5f1c78a45d

 src/views/Synthesis/wander.vue

@@ -2,14 +2,14 @@
  <div class="box">
    <ul>
      <li
        style="width: 90px"
        style="margin-left: 10px; width: 130px"
        @click="changeWander(item)"
        v-for="item in itemsOne"
      >
        <div class="divli">
          <div :class="item.class" class="backimge3"></div>
        </div>
        <div class="div_li">{{ item.name }}</div>
        <div class="div_li">{{ $t(item.name) }}</div>
      </li>
    </ul>
  </div>
@@ -21,46 +21,55 @@
    return {
      itemsOne: [
        {
          id: "1",
          name: "点漫游",
          class: "c1",
          id: '1',
          name: 'synthesis.someroaming',
          class: 'c1',
        },
        {
          id: "2",
          name: "线路漫游",
          class: "c2",
          id: '2',
          name: 'synthesis.lineroaming',
          class: 'c2',
        },
        {
          id: "3",
          name: "鼠标漫游",
          class: "c3",
          id: '3',
          name: 'synthesis.mouseroaming',
          class: 'c3',
        },
        {
          id: "4",
          name: "地图快照",
          class: "c4",
          id: '4',
          name: 'synthesis.snapshot',
          class: 'c4',
        },
        {
          id: "4",
          name: "三维演示",
          class: "c5",
          id: '4',
          name: 'synthesis.tdisplay',
          class: 'c5',
        },
      ],
    };
  },
  created() {
    var cover_Id = this.$store.state.syntiesis.menu;
    var cover_perms = this.$store.state.permsEntity;

    for (var i = 0; i < cover_perms.length; i++) {
      if (cover_perms[i].pid == cover_Id) {
        this.showViewMenu(cover_perms[i]);
      }
    }
  },
  methods: {
    showViewMenu(res) {
      if (res.cnName != '漫游') return;
      console.log('漫游', res.tag);
    },
    changeWander(res) {
      // var res_val = {
      //   url: "",
      //   name: res.name,
      // };
      // this.$bus.$emit("changetool", res_val);
      switch (res.id) {
        case "1":
        case '1':
          window.sgworld.Analysis.setPointFly();
          break;
        case "2":
          window.sgworld.Command.execute(2, 3, "", (data) => {
        case '2':
          window.sgworld.Command.execute(2, 3, '', (data) => {
            data.showPoint = false;
            data.showLine = true;
            data.mode = 1;
@@ -70,17 +79,23 @@
            };
            window.PathAnimationData.winIndex = layer.open({
              type: 2,
              title: "路径动画",
              title: '路径动画',
              shade: false,
              area: ["352px", "690px"],
              offset: "r",
              skin: "other-class",
              content: "/SmartEarthSDK/Workers/path/Path.html",
              area: ['352px', '690px'],
              offset: 'r',
              skin: 'other-class',
              content: '/SmartEarthSDK/Workers/path/Path.html',
              end: function () {
                PathAnimationData.fly && PathAnimationData.fly.exit();
              },
            });
          });
          break;
        case '3':
          sgworld.Analysis.createindoormode({ showHelp: true });
          break;
        case '4':
          window.sgworld.Analysis.createScreenshot();
          break;
      }
    },
@@ -108,30 +123,31 @@
  margin: 0px;
}
.c1 {
  background: url("../../assets/img/synthesis/椭圆 6.png") no-repeat center;
  background: url('../../assets/img/synthesis/椭圆 6.png') no-repeat center;
}
.c2 {
  background: url("../../assets/img/synthesis/椭圆 7 拷贝 2.png") no-repeat
  background: url('../../assets/img/synthesis/椭圆 7 拷贝 2.png') no-repeat
    center;
}
.c3 {
  background: url("../../assets/img/synthesis/图层 14 副本 拷贝.png") no-repeat
  background: url('../../assets/img/synthesis/图层 14 副本 拷贝.png') no-repeat
    center;
}
.c4 {
  background: url("../../assets/img/synthesis/图层 74 拷贝 2.png") no-repeat
  background: url('../../assets/img/synthesis/图层 74 拷贝 2.png') no-repeat
    center;
}
.c5 {
  background: url("../../assets/img/synthesis/椭圆 7 拷贝 4.png") no-repeat
  background: url('../../assets/img/synthesis/椭圆 7 拷贝 4.png') no-repeat
    center;
}
.backimge3 {
  width: 30px;
  height: 30px;
  margin-left: 30px;

  position: absolute;
  background-size: 100% 100%;
  margin: 0% 39%;
}
.divli {
  width: 100%;