综合展示中英文切换

Surpriseplus

2022-09-20 e3e5236f9fd9fc2dddf1366f6726eeecd4bcc33e

综合展示中英文切换

 src/assets/lang/en.js

@@ -59,6 +59,35 @@
    mouseroaming: 'Mouse Roaming',
    snapshot: 'Map snapshot',
    tdisplay: '3D Display',
    contouranalysis: 'contour Analysis',
    slopeanalysis: 'Slope Analysis',
    pathanalysis: 'Path Analysis',
    cuttinganalysis: 'Cutting Analysis',
    floodanalysis: 'Flood Analysis',
    earthworkcalculation: 'Earthwork Calculation',
    crosssectionanalysis: 'Section Analysis',
    imagecontrast: 'Image Contrast',
    somequery: 'Some Query',
    linequery: 'Line Query',
    rectangularquery: 'Rectangular Query',
    gardenquery: 'Garden Query',
    polygonquery: 'Polygon Query',
    attributequery: 'Attribute Query',
    rangequery: 'Range Query',
    gpsrtk: 'GPS-RTK',
    placenamelocation: 'Placename Location',
    distancemeasure: 'Distance Measure',
    heightsurve: 'Height Survey',
    areasurvey: 'Area Survey',
    volummeasure: 'Volum Measure',
    point: 'Point',
    line: 'Line',
    rectangle: 'Rectangle',
    polygon: 'Polygon',
    symboliclabel: 'Symbolic Label',
    flatterrain: 'Flat Terrain',
    terrainexcavation: 'Terrain Excavation',
    removepaint: 'Remove Paint',
  },
};


 src/assets/lang/zh.js

@@ -59,6 +59,35 @@
    mouseroaming: '鼠标漫游',
    snapshot: '地图快照',
    tdisplay: '三维演示',
    contouranalysis: '等高线分析',
    slopeanalysis: '坡度分析',
    pathanalysis: '路径分析',
    cuttinganalysis: '地形剖切分析',
    floodanalysis: '洪水淹没分析',
    earthworkcalculation: '土方量计算',
    crosssectionanalysis: '三维截面分析',
    imagecontrast: '影像对比分析',
    somequery: '点查询',
    linequery: '线查询',
    rectangularquery: '矩形查询',
    gardenquery: '圆查询',
    polygonquery: '多边形查询',
    attributequery: '属性查询',
    rangequery: '范围查询',
    gpsrtk: '坐标定位',
    placenamelocation: '地名定位',
    distancemeasure: '距离测量',
    heightsurve: '高程测量',
    areasurvey: '面积测量',
    volummeasure: '体积测量',
    point: '点',
    line: '线',
    rectangle: '矩形',
    polygon: '多边形',
    symboliclabel: '符号化标签',
    flatterrain: '地形平整',
    terrainexcavation: '地形开挖',
    removepaint: '清除绘制',
  },
};


 src/views/Synthesis/analyse.vue

@@ -2,14 +2,14 @@
  <div class="box">
    <ul>
      <li
        style="width: 110px"
        style="margin-left: 10px; width: 130px"
        @click="changeAnalsy(item)"
        v-for="item in itemsOne"
      >
        <div class="divli">
          <div :class="item.class" class="backimge4"></div>
        </div>
        <div class="div_li">{{ item.name }}</div>
        <div class="div_li">{{ $t(item.name) }}</div>
      </li>
    </ul>
  </div>
@@ -22,42 +22,42 @@
      itemsOne: [
        {
          id: "1",
          name: "等高线分析",
          name: "synthesis.contouranalysis",
          class: "d1",
        },
        {
          id: "2",
          name: "坡度分析",
          name: "synthesis.slopeanalysis",
          class: "d2",
        },
        {
          id: "3",
          name: "路径分析",
          name: "synthesis.pathanalysis",
          class: "d3",
        },
        {
          id: "4",
          name: "地形剖切分析",
          name: "synthesis.cuttinganalysis",
          class: "d4",
        },
        {
          id: "5",
          name: "洪水淹没分析",
          name: "synthesis.floodanalysis",
          class: "d5",
        },
        {
          id: "6",
          name: "土方量计算",
          name: "synthesis.earthworkcalculation",
          class: "d6",
        },
        {
          id: "7",
          name: "三维截面分析",
          name: "synthesis.crosssectionanalysis",
          class: "d7",
        },
        {
          id: "8",
          name: "影像对比分析",
          name: "synthesis.imagecontrast",
          class: "d8",
        },
      ],
@@ -127,6 +127,7 @@
  margin-left: 40px;
  position: absolute;
  background-size: 100% 100%;
  margin: 0% 39%;
}
.divli {
  width: 100%;

 src/views/Synthesis/inquire.vue

@@ -11,14 +11,14 @@

    <ul>
      <li
        style="width: 80px"
        style="margin-left: 20px"
        @click="changeIquery(item)"
        v-for="item in itemsOne"
      >
        <div class="divli">
          <div :class="item.class" class="backimge5"></div>
        </div>
        <div class="div_li">{{ item.name }}</div>
        <div class="div_li">{{ $t(item.name) }}</div>
      </li>
    </ul>
  </div>
@@ -32,37 +32,37 @@
      itemsOne: [
        {
          id: "1",
          name: "点选择",
          name: "synthesis.somequery",
          class: "e1",
        },
        {
          id: "2",
          name: "线选择",
          name: "synthesis.linequery",
          class: "e2",
        },
        {
          id: "3",
          name: "矩形选择",
          name: "synthesis.rectangularquery",
          class: "e3",
        },
        {
          id: "4",
          name: "圆选择",
          name: "synthesis.gardenquery",
          class: "e4",
        },
        {
          id: "5",
          name: "多边形选择",
          name: "synthesis.polygonquery",
          class: "e5",
        },
        {
          id: "6",
          name: "属性查图",
          name: "synthesis.attributequery",
          class: "e6",
        },
        {
          id: "7",
          name: "范围框查图",
          name: "synthesis.rangequery",
          class: "e7",
        },
      ],
@@ -146,6 +146,7 @@
  margin-left: 25px;
  position: absolute;
  background-size: 100% 100%;
  margin: 0% 30%;
}
.divli {
  width: 100%;

 src/views/Synthesis/measurement.vue

@@ -2,14 +2,14 @@
  <div class="box">
    <ul>
      <li
        style="width: 86px"
        style="margin-left: 20px"
        @click="changeMeasure(item)"
        v-for="item in itemsOne"
      >
        <div class="divli">
          <div :class="item.class" class="backimge1"></div>
          <div :class="item.class" class="backimge7"></div>
        </div>
        <div class="div_li">{{ item.name }}</div>
        <div class="div_li">{{ $t(item.name) }}</div>
      </li>
    </ul>
  </div>
@@ -22,22 +22,22 @@
      itemsOne: [
        {
          id: "1",
          name: "距离测量",
          name: "synthesis.distancemeasure",
          class: "g1",
        },
        {
          id: "2",
          name: "高程测量",
          name: "synthesis.heightsurve",
          class: "g2",
        },
        {
          id: "3",
          name: "面积测量",
          name: "synthesis.areasurvey",
          class: "g3",
        },
        {
          id: "4",
          name: "体积测量",
          name: "synthesis.volummeasure",
          class: "g4",
        },
      ],
@@ -89,12 +89,12 @@
  background: url("../../assets/img/synthesis/图层 18 拷贝.png") no-repeat
    center;
}
.backimge1 {
.backimge7 {
  width: 30px;
  height: 30px;
  margin-left: 25px;
  position: absolute;
  background-size: 100% 100%;
  margin: 0% 30%;
}
.divli {
  width: 100%;

 src/views/Synthesis/orientation.vue

@@ -2,14 +2,14 @@
  <div class="box">
    <ul>
      <li
        style="width: 86px"
        style="margin-left: 20px"
        @click="changeOrietnt(item)"
        v-for="item in itemsOne"
      >
        <div class="divli">
          <div :class="item.class" class="backimge1"></div>
          <div :class="item.class" class="backimge6"></div>
        </div>
        <div class="div_li">{{ item.name }}</div>
        <div class="div_li">{{ $t(item.name) }}</div>
      </li>
    </ul>
  </div>
@@ -22,12 +22,12 @@
      itemsOne: [
        {
          id: "1",
          name: "坐标定位",
          name: "synthesis.gpsrtk",
          class: "f1",
        },
        {
          id: "2",
          name: "地名定位",
          name: "synthesis.placenamelocation",
          class: "f2",
        },
      ],
@@ -70,12 +70,13 @@
.f2 {
  background: url("../../assets/img/synthesis/图层 28.png") no-repeat center;
}
.backimge1 {
.backimge6 {
  width: 30px;
  height: 30px;
  margin-left: 25px;
  position: absolute;
  background-size: 100% 100%;
  margin: 0% 35%;
}
.divli {
  width: 100%;

 src/views/Synthesis/plotting.vue

@@ -2,14 +2,14 @@
  <div class="box">
    <ul>
      <li
        style="width: 86px"
        style="margin-left: 20px"
        @click="changePlot(item)"
        v-for="item in itemsOne"
      >
        <div class="divli">
          <div :class="item.class" class="backimge8"></div>
        </div>
        <div class="div_li">{{ item.name }}</div>
        <div class="div_li">{{ $t(item.name) }}</div>
      </li>
    </ul>
  </div>
@@ -22,42 +22,42 @@
      itemsOne: [
        {
          id: "1",
          name: "点",
          name: "synthesis.point",
          class: "h1",
        },
        {
          id: "2",
          name: "线",
          name: "synthesis.line",
          class: "h2",
        },
        {
          id: "3",
          name: "矩形",
          name: "synthesis.rectangle",
          class: "h3",
        },
        {
          id: "4",
          name: "多边形",
          name: "synthesis.polygon",
          class: "h4",
        },
        {
          id: "7",
          name: "符号化标签",
          name: "synthesis.symboliclabel",
          class: "h7",
        },
        {
          id: "5",
          name: "地形平整",
          name: "synthesis.flatterrain",
          class: "h5",
        },
        {
          id: "6",
          name: "地形开挖",
          name: "synthesis.terrainexcavation",
          class: "h6",
        },
        {
          id: "8",
          name: "清除绘制",
          name: "synthesis.removepaint",
          class: "h8",
        },
      ],
@@ -127,9 +127,9 @@
.backimge8 {
  width: 30px;
  height: 30px;
  margin-left: 30px;
  position: absolute;
  background-size: 100% 100%;
  margin: 0% 30%;
}
.divli {
  width: 100%;