1

Surpriseplus

2022-09-20 08775fb66503c2c8f07bcba202b31e6515835983

1

 src/assets/lang/en.js

@@ -7,37 +7,58 @@
    delete: 'delete',
  },
  dataManage: {
    dataManage: "dataManage",
    catalogueManage: "catalogueManage",
    dataUpdata: "dataUpdata",
    metadataManage: "metadataManage",
    dataLoading: "dataLoading",
    SpatialData: "SpatialData",
    versionManage: "versionManage",
    dictionaryManage: "dictionaryManage",
    styleManage: "styleManage",
    dataManage: 'dataManage',
    catalogueManage: 'catalogueManage',
    dataUpdata: 'dataUpdata',
    metadataManage: 'metadataManage',
    dataLoading: 'dataLoading',
    SpatialData: 'SpatialData',
    versionManage: 'versionManage',
    dictionaryManage: 'dictionaryManage',
    styleManage: 'styleManage',
  },
  operatManage: {
    operatManage: "operatManage",
    userManagement: "userManagement",
    systemLayout: "systemLayout",
    menuSettings: "menuSettings",
    parameterConfiguration: "parameterConfiguration",
    rests: "rests",
    authorityManagement: "authorityManagement",
    safetyManagement: "safetyManagement",
    operationMonitoring: "operationMonitoring",
    systemMonitoring: "systemMonitoring",
    logLog: "logLog",
    operationLog: "operationLog",
    operatManage: 'operatManage',
    userManagement: 'userManagement',
    systemLayout: 'systemLayout',
    menuSettings: 'menuSettings',
    parameterConfiguration: 'parameterConfiguration',
    rests: 'rests',
    authorityManagement: 'authorityManagement',
    safetyManagement: 'safetyManagement',
    operationMonitoring: 'operationMonitoring',
    systemMonitoring: 'systemMonitoring',
    logLog: 'logLog',
    operationLog: 'operationLog',
  },
  synthesis: {
    //综合展示
    synthesis: 'Comprehensive Display',
    //专题地图
    themaic: 'Thematic Maps',
    //资料馆
    archive: 'Data Library',
    coverage: 'Coverage',
    viewport: 'Viewport',
    wander: 'Wander',
    analyse: 'Analyse',
    iqyery: 'Iqyery',
    orientation: 'Orientation',
    measurement: 'Measurement',
    plotting: 'Plotting',
    layer: 'Layer Manager',
    release: 'Scene Release',
    export: 'Layer Export',
    split: 'Split Screen',
    twod: '2D',
    threed: '3D',
    full: 'Full Figure',
    zommin: 'Zoom In',
    zoomout: 'Zoom Out',
    rule: 'Plotting Scale',
    compass: 'Compass',
    someroaming: 'Some Roaming',
    lineroaming: 'Lline Roaming',
    mouseroaming: 'Mouse Roaming',
    snapshot: 'Map snapshot',
    tdisplay: '3D Display',
  },
};


 src/assets/lang/zh.js

@@ -7,37 +7,58 @@
    delete: '删除',
  },
  dataManage: {
    dataManage: "数据管理",
    catalogueManage: "目录管理",
    dataUpdata: "数据上传",
    metadataManage: "元数据管理",
    dataLoading: "数据入库",
    SpatialData: "空间数据管理",
    versionManage: "版本管理",
    dictionaryManage: "字典管理",
    styleManage: "样式管理",
    dataManage: '数据管理',
    catalogueManage: '目录管理',
    dataUpdata: '数据上传',
    metadataManage: '元数据管理',
    dataLoading: '数据入库',
    SpatialData: '空间数据管理',
    versionManage: '版本管理',
    dictionaryManage: '字典管理',
    styleManage: '样式管理',
  },
  operatManage: {
    operatManage: "运维管理",
    userManagement: "用户管理",
    systemLayout: "系统配置",
    menuSettings: "菜单设置",
    parameterConfiguration: "参数配置",
    rests: "其他",
    authorityManagement: "权限管理",
    safetyManagement: "安全管理",
    operationMonitoring: "运行监控",
    systemMonitoring: "系统监控",
    logLog: "登录日志",
    operationLog: "操作日志",
    operatManage: '运维管理',
    userManagement: '用户管理',
    systemLayout: '系统配置',
    menuSettings: '菜单设置',
    parameterConfiguration: '参数配置',
    rests: '其他',
    authorityManagement: '权限管理',
    safetyManagement: '安全管理',
    operationMonitoring: '运行监控',
    systemMonitoring: '系统监控',
    logLog: '登录日志',
    operationLog: '操作日志',
  },
  synthesis: {
    //综合展示
    synthesis: '综合展示',
    //专题地图
    themaic: '专题地图',
    //资料馆
    archive: '资料馆',
    coverage: '图层',
    viewport: '视图',
    wander: '漫游',
    analyse: '分析',
    iqyery: '查询',
    orientation: '定位',
    measurement: '测量',
    plotting: '标绘',
    layer: '图层管理',
    release: '场景发布',
    export: '场景导出',
    split: '分屏',
    twod: '二维',
    threed: '三维',
    full: '全图',
    zommin: '放大',
    zoomout: '缩小',
    rule: '比例尺',
    compass: '指北针',
    someroaming: '点漫游',
    lineroaming: '线路漫游',
    mouseroaming: '鼠标漫游',
    snapshot: '地图快照',
    tdisplay: '三维演示',
  },
};


 src/views/Synthesis/coverage.vue

@@ -2,14 +2,14 @@
  <div id="coverage" class="coverage">
    <ul>
      <li
        style="width: 86px"
style="margin-left: 10px; width: 130px"
        @click="checkCourvage(item)"
        v-for="item in itemsOne"
      >
        <div class="divli">
          <div :class="item.class" class="backimge1"></div>
          <div :class="item.class" class="backimge"></div>
        </div>
        <div class="div_li">{{ item.name }}</div>
        <div class="div_li">{{ $t(item.name) }}</div>
      </li>
    </ul>
  </div>
@@ -21,9 +21,9 @@
    return {
      itemsOne: [
        {
          id: "1",
          name: "图层管理",
          class: "a1",
          id: '1',
          name: 'synthesis.layer',
          class: 'a1',
        },
        // {
        //   id: "2",
@@ -31,14 +31,14 @@
        //   class: "a2",
        // },
        {
          id: "3",
          name: "场景发布",
          class: "a3",
          id: '3',
          name: 'synthesis.release',
          class: 'a3',
        },
        {
          id: "2",
          name: "场景导出",
          class: "a4",
          id: '2',
          name: 'synthesis.export',
          class: 'a4',
        },
      ],
    };
@@ -47,10 +47,10 @@
  methods: {
    checkCourvage(res) {
      var res_val = {
        url: "",
        url: '',
        name: res.name,
      };
      this.$bus.$emit("changetool", res_val);
      this.$bus.$emit('changetool', res_val);
    },
  },
};
@@ -76,23 +76,23 @@
  margin: 0px;
}
.a1 {
  background: url("../../assets/img/synthesis/图层 32.png") no-repeat center;
  background: url('../../assets/img/synthesis/图层 32.png') no-repeat center;
}
.a2 {
  background: url("../../assets/img/synthesis/场景打开.png") no-repeat center;
  background: url('../../assets/img/synthesis/场景打开.png') no-repeat center;
}
.a3 {
  background: url("../../assets/img/synthesis/场景发布.png") no-repeat center;
  background: url('../../assets/img/synthesis/场景发布.png') no-repeat center;
}
.a4 {
  background: url("../../assets/img/synthesis/图层 35.png") no-repeat center;
  background: url('../../assets/img/synthesis/图层 35.png') no-repeat center;
}
.backimge1 {
  width: 30px;
.backimge {
    width: 30px;
  height: 30px;
  margin-left: 25px;
  position: absolute;
  background-size: 100% 100%;
  margin: 0 38%;
}
.divli {
  width: 100%;

 src/views/Synthesis/index.vue

@@ -1,28 +1,28 @@
<template>
  <div class="synthesis">
    <el-tabs type="border-card">
      <el-tab-pane label="图层">
      <el-tab-pane :label='$t("synthesis.coverage")'>
        <coverage />
      </el-tab-pane>
      <el-tab-pane label="视图">
      <el-tab-pane :label='$t("synthesis.viewport")'>
        <viewport />
      </el-tab-pane>
      <el-tab-pane label="漫游">
      <el-tab-pane :label='$t("synthesis.wander")'>
        <wander />
      </el-tab-pane>
      <el-tab-pane label="分析">
      <el-tab-pane :label='$t("synthesis.analyse")'>
        <analyse />
      </el-tab-pane>
      <el-tab-pane label="查询">
      <el-tab-pane :label='$t("synthesis.iqyery")'>
        <iqyery />
      </el-tab-pane>
      <el-tab-pane label="定位">
      <el-tab-pane :label='$t("synthesis.orientation")'>
        <orientation />
      </el-tab-pane>
      <el-tab-pane label="测量">
      <el-tab-pane :label='$t("synthesis.measurement")'>
        <measurement />
      </el-tab-pane>
      <el-tab-pane label="标绘">
      <el-tab-pane :label='$t("synthesis.plotting")'>
        <plotting />
      </el-tab-pane>
    </el-tabs>

 src/views/Synthesis/viewport.vue

@@ -2,14 +2,14 @@
  <div class="box">
    <ul>
      <li
        style="width: 66px"
        style="margin-left: 10px; width: 110px"
        @click="changeview(item)"
        v-for="item in itemsOne"
      >
        <div class="divli">
          <div :class="item.class" class="backimge2"></div>
        </div>
        <div class="div_li">{{ item.name }}</div>
        <div class="div_li">{{ $t(item.name) }}</div>
      </li>
    </ul>
  </div>
@@ -22,44 +22,44 @@
      isRuler: false,
      itemsOne: [
        {
          id: "1",
          name: "分屏",
          class: "b1",
          id: '1',
          name: 'synthesis.split',
          class: 'b1',
        },
        {
          id: "2",
          name: "二维",
          class: "b2",
          id: '2',
          name: 'synthesis.twod',
          class: 'b2',
        },
        {
          id: "3",
          name: "三维",
          class: "b3",
          id: '3',
          name: 'synthesis.threed',
          class: 'b3',
        },
        {
          id: "4",
          name: "全图",
          class: "b4",
          id: '4',
          name: 'synthesis.full',
          class: 'b4',
        },
        {
          id: "5",
          name: "放大",
          class: "b5",
          id: '5',
          name: 'synthesis.zommin',
          class: 'b5',
        },
        {
          id: "6",
          name: "缩小",
          class: "b6",
          id: '6',
          name: 'synthesis.zoomout',
          class: 'b6',
        },
        {
          id: "7",
          name: "比例尺",
          class: "b7",
          id: '7',
          name: 'synthesis.rule',
          class: 'b7',
        },
        {
          id: "8",
          name: "指北针",
          class: "b8",
          id: '8',
          name: 'synthesis.compass',
          class: 'b8',
        },
      ],
    };
@@ -67,30 +67,30 @@
  methods: {
    changeview(res) {
      switch (res.id) {
        case "1":
          this.$bus.$emit("changemap", res.name);
        case '1':
          this.$bus.$emit('changemap', "分屏");
          break;
        case "2":
          this.$bus.$emit("changemap", res.name);
        case '2':
          this.$bus.$emit('changemap', "二维");
          break;
        case "3":
          this.$bus.$emit("changemap", res.name);
        case '3':
          this.$bus.$emit('changemap', "三维");
          break;
        case "4":
        case '4':
          window.sgworld.Navigate.jumpTo({
            //跳转视角
            destination: new Cesium.Cartesian3.fromDegrees(110, 32, 8000000),
          });
          break;
        case "5":
        case '5':
          window.sgworld.Navigate.zoomIn();
          break;
        case "6":
        case '6':
          window.sgworld.Navigate.zoomOut();
          break;
        case "7":
        case '7':
          this.isRuler = !this.isRuler;
          window.sgworld.navControl("enableCompass", this.isRuler);
          window.sgworld.navControl('enableCompass', this.isRuler);
          break;
      }
      // this.$bus.$emit("changetool", res_val);
@@ -152,9 +152,9 @@
.backimge2 {
  width: 30px;
  height: 30px;
  margin-left: 20px;
  position: absolute;
  background-size: 100% 100%;
  margin: 0 39%;
}
.divli {
  width: 100%;

 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>
@@ -22,27 +22,27 @@
      itemsOne: [
        {
          id: "1",
          name: "点漫游",
          name: "synthesis.someroaming",
          class: "c1",
        },
        {
          id: "2",
          name: "线路漫游",
          name: "synthesis.lineroaming",
          class: "c2",
        },
        {
          id: "3",
          name: "鼠标漫游",
          name: "synthesis.mouseroaming",
          class: "c3",
        },
        {
          id: "4",
          name: "地图快照",
          name: "synthesis.snapshot",
          class: "c4",
        },
        {
          id: "4",
          name: "三维演示",
          name: "synthesis.tdisplay",
          class: "c5",
        },
      ],
@@ -129,9 +129,10 @@
.backimge3 {
  width: 30px;
  height: 30px;
  margin-left: 30px;

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