From 271d931fc950745d37554528324cbc8a636d85c3 Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期二, 29 十一月 2022 19:30:28 +0800
Subject: [PATCH] 1

---
 src/views/datamanage/metadataManage.vue |   73 +-
 src/components/mapviewTwo.vue           |  118 +-
 src/views/exportMap/index.vue           |   12 
 src/api/api.js                          |    9 
 src/views/Archive/index.vue             |   47 
 src/views/Synthesis/index.vue           |  536 +---------------
 src/components/MapDiv.vue               |   50 
 src/components/mapol.vue                |    1 
 public/config/config.js                 |    5 
 src/views/Synthesis/LeftMenu.vue        | 1000 +++++++++++++++++++++++++++++++
 src/components/mapsdk.vue               |    5 
 src/views/Synthesis/analyse.vue         |   22 
 12 files changed, 1,193 insertions(+), 685 deletions(-)

diff --git a/public/config/config.js b/public/config/config.js
index d1f7778..3ef8c78 100644
--- a/public/config/config.js
+++ b/public/config/config.js
@@ -3,13 +3,16 @@
 var socketUrl = 'ws://192.168.20.39:12316/ws/select';
 //鏁版嵁搴撶洃鎺у湴鍧�
 var sql_Url = 'http://192.168.20.39:8081/admin/druid/sql.html';
+//璺緞鍒嗘瀽鍦板潃
+var wnsUrl = 'http://192.168.20.39:9055/gisserver/wnsserver/beijingdaohang_wns';
+//gisserver
+var gisServerUrl = 'http://192.168.20.39:9055/gisserver';
 //缁煎悎灞曠ず
 window.sceneConfig = {
   // sdk璁稿彲
   licenseServer: 'http://192.168.20.39/LFServer',
   // 鏈嶅姟鍦板潃
   baseURL: 'http://183.162.245.49:8888/',
-
   positionBtn: [],
   mpt: {
     url: 'http://183.162.245.49:82/SG/Elevation',
diff --git a/src/api/api.js b/src/api/api.js
index c69dfa3..efbdf7f 100644
--- a/src/api/api.js
+++ b/src/api/api.js
@@ -431,6 +431,15 @@
 export function meta_downloadReq(params) {
   return request.post('/meta/downloadReq', params);
 }
+//鍏冩暟鎹�=>瀵嗙爜鍒濆鍖�
+export function sign_getPublicKey(params) {
+  return request.get('/sign/getPublicKey', { params: params });
+}
+//鍏冩暟鎹�=>涓嬭浇鏂囦欢
+export function meta_selectDownloadFile(params) {
+  return request.get('meta/selectDownloadFile', { params: params });
+}
+
 //缁煎悎灞曠ず鑾峰彇
 export function select_Comprehensive_ByPageAndCount(params) {
   return request.get('/comprehensive/selectAddrByPage', { params: params });
diff --git a/src/components/MapDiv.vue b/src/components/MapDiv.vue
index c4997e3..dadd287 100644
--- a/src/components/MapDiv.vue
+++ b/src/components/MapDiv.vue
@@ -24,13 +24,13 @@
 </template>
 
 <script>
-import mapsdk from "./mapsdk";
-import mapol from "./mapol";
-import { transform } from "ol/proj";
-import ol from "ol";
-import $ from "jquery";
+import mapsdk from './mapsdk';
+import mapol from './mapol';
+import { transform } from 'ol/proj';
+import ol from 'ol';
+import $ from 'jquery';
 export default {
-  name: "",
+  name: '',
   components: {
     mapsdk,
     mapol,
@@ -88,44 +88,44 @@
     },
     showSplitMap() {
       var that = this;
-      $("#mapView")
+      $('#mapView')
         .off()
-        .on("mousemove", function () {
+        .on('mousemove', function () {
           if (that.isSplitFlag == 1) {
             window.Viewer.camera.changed.addEventListener(that.sdktool());
           }
         })
-        .on("mouseout", function () {
+        .on('mouseout', function () {
           if (that.isSplitFlag == 1) {
             window.Viewer.camera.changed.removeEventListener(that.sdktool());
           }
         });
       let mapZoomAndMove = function (event) {
         var position = window.map.getView().getCenter();
-        var pos = transform(position, "EPSG:3857", "EPSG:4326");
+        var pos = transform(position, 'EPSG:3857', 'EPSG:4326');
         var level = that.getHeight(parseInt(window.map.getView().getZoom()));
         window.Viewer.camera.setView({
           destination: Cesium.Cartesian3.fromDegrees(pos[0], pos[1], level),
         });
       };
-      $("#map")
+      $('#map')
         .off()
-        .on("mousemove", function () {
+        .on('mousemove', function () {
           if (that.isSplitFlag == 1) {
             that.olzoomAndMove(mapZoomAndMove);
           }
         })
-        .on("mouseout", function () {
+        .on('mouseout', function () {
           if (that.isSplitFlag == 1) {
             that.clearolzoomAndMove();
           }
         });
     },
     clearolzoomAndMove() {
-      let registerOnZoomArr = window.map.get("registerOnZoom");
+      let registerOnZoomArr = window.map.get('registerOnZoom');
       if (registerOnZoomArr && registerOnZoomArr.length > 0) {
         for (let i = 0; i < registerOnZoomArr.length; i++) {
-          window.map.un("moveend", registerOnZoomArr[i]);
+          window.map.un('moveend', registerOnZoomArr[i]);
         }
       }
     },
@@ -146,15 +146,15 @@
         window.map.lastZoom = window.map.getView().getZoom();
       };
       // 淇濆瓨缂╂斁鍜屾嫋鍔ㄤ簨浠跺璞★紝鐢ㄤ簬鍚庢湡绉婚櫎
-      let registerOnZoomArr = map.get("registerOnZoom") || [];
+      let registerOnZoomArr = map.get('registerOnZoom') || [];
 
       registerOnZoomArr.push(registerOnZoom);
 
       // 浣跨敤鍦板浘 set 鏂规硶淇濆瓨浜嬩欢瀵硅薄
-      window.map.set("registerOnZoom", registerOnZoomArr);
+      window.map.set('registerOnZoom', registerOnZoomArr);
 
       // 鐩戝惉鍦板浘绉诲姩缁撴潫浜嬩欢
-      window.map.on("moveend", registerOnZoom);
+      window.map.on('moveend', registerOnZoom);
 
       return eventListen;
     },
@@ -168,7 +168,7 @@
       var level = this.getLevel(cartographic.height);
       window.map
         .getView()
-        .setCenter(transform([lng, lat], "EPSG:4326", "EPSG:3857"));
+        .setCenter(transform([lng, lat], 'EPSG:4326', 'EPSG:3857'));
       window.map.getView().setZoom(level);
     },
     getLevel(height) {
@@ -187,14 +187,8 @@
     },
   },
   mounted() {
-    this.$bus.$on("changemap", (e) => {
-      if (e == "鍒嗗睆") {
-        this.changeMap(1);
-      } else if (e == "浜岀淮") {
-        this.changeMap(2);
-      } else if (e == "涓夌淮") {
-        this.changeMap(3);
-      }
+    this.$bus.$on('changemap', (e) => {
+      this.changeMap(e);
     });
   },
 };
@@ -203,7 +197,7 @@
 <style scoped>
 .myDiv {
   width: 100%;
-  height: 88%;
+  height: 100%;
   padding: 0;
   margin: 0;
   position: absolute;
diff --git a/src/components/mapol.vue b/src/components/mapol.vue
index 2298d63..3ad3f60 100644
--- a/src/components/mapol.vue
+++ b/src/components/mapol.vue
@@ -53,6 +53,7 @@
         }),
       });
     },
+
     changeMenulayer() {
       this.isActive = !this.isActive;
       this.isMenuLayer = !this.isMenuLayer;
diff --git a/src/components/mapsdk.vue b/src/components/mapsdk.vue
index 918cf57..37f01d3 100644
--- a/src/components/mapsdk.vue
+++ b/src/components/mapsdk.vue
@@ -383,7 +383,7 @@
         layerName: window.sceneConfig.mpt.name,
         requestVertexNormals: true,
       };
-      // sgworld.Creator.sfsterrainprovider('mpt', option, '', true, '');
+      sgworld.Creator.sfsterrainprovider('mpt', option, '', true, '');
       window.elevationTool = new SmartEarth.ElevationTool(window.sgworld);
     },
 
@@ -571,7 +571,8 @@
         }
 
         var jsonurl =
-          'http://192.168.20.39:9055/gisserver/wnsserver/beijingdaohang_wns?start=' +
+          wnsUrl +
+          '?start=' +
           this.pathFrom.lon +
           '&end=' +
           this.pathFrom.lat +
diff --git a/src/components/mapviewTwo.vue b/src/components/mapviewTwo.vue
index 8f63283..52a584b 100644
--- a/src/components/mapviewTwo.vue
+++ b/src/components/mapviewTwo.vue
@@ -51,41 +51,41 @@
 </template>
 
 <script>
-import ImageWMS from "ol/source/ImageWMS";
-import Map from "ol/Map";
-import XYZ from "ol/source/XYZ";
-import View from "ol/View";
-import Image from "ol/layer/Image";
-import TileLayer from "ol/layer/Tile";
-import { transform } from "ol/proj";
+import ImageWMS from 'ol/source/ImageWMS';
+import Map from 'ol/Map';
+import XYZ from 'ol/source/XYZ';
+import View from 'ol/View';
+import Image from 'ol/layer/Image';
+import TileLayer from 'ol/layer/Tile';
+import { transform } from 'ol/proj';
 // import { Image as ImageLayer, Tile as TileLayer } from "ol/layer"
-import echart11 from "./echart11.vue";
-import echart12 from "./echart12.vue";
-import echart13 from "./echart13.vue";
-import echart14 from "./echart14.vue";
-import echart15 from "./echart15.vue";
-import echart16 from "./echart16.vue";
-import echart21 from "./echart21.vue";
-import echart22 from "./echart22.vue";
-import echart23 from "./echart23.vue";
-import echart24 from "./echart24.vue";
-import echart25 from "./echart25.vue";
-import echart26 from "./echart26.vue";
-import echart31 from "./echart31.vue";
-import echart32 from "./echart32.vue";
-import echart33 from "./echart33.vue";
-import echart34 from "./echart34.vue";
-import echart35 from "./echart35.vue";
-import echart36 from "./echart36.vue";
-import echart41 from "./echart41.vue";
-import echart42 from "./echart42.vue";
-import echart43 from "./echart43.vue";
-import echart44 from "./echart44.vue";
-import echart45 from "./echart45.vue";
-import echart46 from "./echart46.vue";
+import echart11 from './echart11.vue';
+import echart12 from './echart12.vue';
+import echart13 from './echart13.vue';
+import echart14 from './echart14.vue';
+import echart15 from './echart15.vue';
+import echart16 from './echart16.vue';
+import echart21 from './echart21.vue';
+import echart22 from './echart22.vue';
+import echart23 from './echart23.vue';
+import echart24 from './echart24.vue';
+import echart25 from './echart25.vue';
+import echart26 from './echart26.vue';
+import echart31 from './echart31.vue';
+import echart32 from './echart32.vue';
+import echart33 from './echart33.vue';
+import echart34 from './echart34.vue';
+import echart35 from './echart35.vue';
+import echart36 from './echart36.vue';
+import echart41 from './echart41.vue';
+import echart42 from './echart42.vue';
+import echart43 from './echart43.vue';
+import echart44 from './echart44.vue';
+import echart45 from './echart45.vue';
+import echart46 from './echart46.vue';
 export default {
-  name: "webmap",
-  props: ["typeIndex"],
+  name: 'webmap',
+  props: ['typeIndex'],
   components: {
     echart11,
     echart12,
@@ -123,13 +123,13 @@
       isActive: true,
       isMenuLayer: false,
       title: [
-        "绠￠亾鍩虹鏁版嵁涓撻鍥�",
-        "鐢ㄦ埛浣跨敤鎯呭喌涓撻鍥�",
-        "椤圭洰鍩烘湰鎯呭喌涓撻鍥�",
-        "椤圭洰杩涘害绠＄悊涓撻鍥�",
-        "鍏ㄧ悆椤圭洰鍒嗗竷涓撻鍥�",
-        "鍏ㄥ浗绠＄綉鍒嗗竷涓撻鍥�",
-        "鍏ㄥ浗椤圭洰瓒宠抗涓撻鍥�",
+        '绠￠亾鍩虹鏁版嵁涓撻鍥�',
+        '鐢ㄦ埛浣跨敤鎯呭喌涓撻鍥�',
+        '椤圭洰鍩烘湰鎯呭喌涓撻鍥�',
+        '椤圭洰杩涘害绠＄悊涓撻鍥�',
+        '鍏ㄧ悆椤圭洰鍒嗗竷涓撻鍥�',
+        '鍏ㄥ浗绠＄綉鍒嗗竷涓撻鍥�',
+        '鍏ㄥ浗椤圭洰瓒宠抗涓撻鍥�',
       ],
     };
   },
@@ -165,7 +165,7 @@
       }
     },
     close() {
-      this.$emit("close", false);
+      this.$emit('close', false);
     },
     changeFlag(res) {
       this.layerFlag = res;
@@ -179,21 +179,21 @@
     initMap() {
       this.vectorLayer = new TileLayer({
         source: new XYZ({
-          url: "http://wprd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=7&x={x}&y={y}&z={z}",
+          url: 'http://wprd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=7&x={x}&y={y}&z={z}',
         }),
       });
       this.imageLayer = new TileLayer({
         source: new XYZ({
-          url: "http://wprd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=6&x={x}&y={y}&z={z}",
+          url: 'http://wprd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=6&x={x}&y={y}&z={z}',
         }),
       });
       this.map = new Map({
-        target: "map",
+        target: 'map',
         layers: [this.imageLayer, this.vectorLayer],
         view: new View({
-          center: transform([105.02, 34.9], "EPSG:4326", "EPSG:3857"),
+          center: transform([105.02, 34.9], 'EPSG:4326', 'EPSG:3857'),
           zoom: 4,
-          projection: "EPSG:3857",
+          projection: 'EPSG:3857',
         }),
       });
       if (this.wmsLayer == null) {
@@ -210,25 +210,25 @@
       }
       var value;
       if (res == 3 || res == 4 || res == 7) {
-        value = "xmzj";
+        value = 'xmzj';
       } else if (res == 1 || res == 2 || res == 6) {
-        value = "lfgd";
+        value = 'lfgd';
       } else if (res == 5) {
-        value = "qqxm";
+        value = 'qqxm';
       }
       this.wmsLayer = new Image({
         source: new ImageWMS({
           ratio: 1,
-          url: "http://192.168.20.39:9055/gisserver/wmsserver/" + value,
-          crossOrigin: "anonymous",
+          url: gisServerUrl + '/wmsserver/' + value,
+          crossOrigin: 'anonymous',
           //serverType: 'geoserver',
           params: {
-            VERSION: "1.3.0",
-            FORMAT: "image/png",
-            LAYERS: "",
-            srs: "EPSG:900913",
+            VERSION: '1.3.0',
+            FORMAT: 'image/png',
+            LAYERS: '',
+            srs: 'EPSG:900913',
             tiled: true,
-            styles: "",
+            styles: '',
           },
         }),
       });
@@ -315,7 +315,7 @@
   box-shadow: 3px 3px 6px #666;
   border: 1px solid rgba(204, 204, 204, 0.76);
   border-radius: 5px;
-   cursor: pointer;
+  cursor: pointer;
 }
 .center1 {
   right: 1%;
@@ -337,7 +337,7 @@
 .active {
   width: 100%;
   height: 100%;
-  background: url("../assets/img/Layer/imgLayer2.png") no-repeat center;
+  background: url('../assets/img/Layer/imgLayer2.png') no-repeat center;
   position: absolute;
   background-size: 100% 100%;
   border-radius: 5px;
@@ -345,7 +345,7 @@
 .menuLayer {
   width: 100%;
   height: 100%;
-  background: url("../assets/img/Layer/imgLayer1.png") no-repeat center;
+  background: url('../assets/img/Layer/imgLayer1.png') no-repeat center;
   position: absolute;
   background-size: 100% 100%;
   border-radius: 5px;
diff --git a/src/views/Archive/index.vue b/src/views/Archive/index.vue
index 8a4a421..445d69c 100644
--- a/src/views/Archive/index.vue
+++ b/src/views/Archive/index.vue
@@ -22,11 +22,11 @@
             </div>
           </el-col>
           <el-col :span="4">
-            <el-input :placeholder="$t('common.pleaseInput')"
+            <el-input v-model="input" :placeholder="$t('common.pleaseInput')"
           /></el-col>
           <el-col :span="4"
-            ><el-button type="primary">{{ $t('common.iquery') }}</el-button>
-            <el-button v-if="archStatus.download" type="primary">{{
+            ><el-button class="primary">{{ $t('common.iquery') }}</el-button>
+            <el-button v-if="archStatus.download" type="success">{{
               $t('common.download')
             }}</el-button>
           </el-col>
@@ -87,6 +87,7 @@
 export default {
   data() {
     return {
+      input: '',
       tree: [
         {
           label: '鏂囩尞',
@@ -144,29 +145,7 @@
         chilren: 'children', //"children"鍐呯殑姣忎釜瀵硅薄瑙ｆ瀽涓轰竴涓瓙椤�;
         label: 'label', //鎵�鏈�"label"鎵�鍦ㄧ殑瀵硅薄瑙ｆ瀽涓轰竴涓埗椤�
       },
-      tableData: [
-        {
-          timer: '2016-05-01',
-          name: 'Tom',
-          count: '3',
-          type: '涓氬姟鍥惧眰',
-          state: 'x',
-        },
-        {
-          timer: '2016-05-02',
-          name: 'Tom',
-          count: '2',
-          type: '涓氬姟鍥惧眰',
-          state: 'x',
-        },
-        {
-          timer: '2016-05-03',
-          name: 'Tom',
-          count: '1',
-          type: '涓氬姟鍥惧眰',
-          state: 'x',
-        },
-      ],
+      tableData: [],
       archStatus: {
         download: false,
       },
@@ -214,6 +193,7 @@
 .archive .arch_card {
   width: 100%;
   height: 100%;
+  background: #303030;
 }
 .archive .arch_card .el-card__body {
   padding: 10px;
@@ -234,9 +214,24 @@
   width: 100%;
   height: 81vh;
   border: transparent;
+  background: #303030;
 }
 
 .archive .el-table .warning-row {
   --el-table-tr-bg-color: var(--el-color-warning-light-9);
 }
+.el-form-item__label {
+  color: white;
+}
+
+.el-input__inner {
+  background-color: transparent !important ;
+  color: #fff !important ;
+  border: 1px solid !important ;
+}
+.primary {
+  background: #409eff;
+  border: #409eff;
+  color: white;
+}
 </style>
diff --git a/src/views/Synthesis/LeftMenu.vue b/src/views/Synthesis/LeftMenu.vue
new file mode 100644
index 0000000..b860782
--- /dev/null
+++ b/src/views/Synthesis/LeftMenu.vue
@@ -0,0 +1,1000 @@
+<template>
+  <div class="menu_Box">
+    <div
+      class="leftMen_div"
+      @click="setChangeTwoMenu(item)"
+      v-for="(item, index) in setListTwoMenu"
+      :class="{ lefMenuDivActive: showTwoMenuFlag == item.id }"
+    >
+      <div class="menuTwoImage" :class="item.css"></div>
+      <div>{{ $t(item.label) }}</div>
+    </div>
+    <mapinfo ref="mapinfo" />
+  </div>
+</template>
+
+<script>
+import { transform } from 'ol/proj';
+import mapinfo from '../Tools/mapinfo.vue';
+export default {
+  components: { mapinfo },
+  data() {
+    return {
+      showTwoMenuFlag: false,
+      setListTwoMenu: [],
+      setListTwoMenuAll: [
+        [
+          {
+            id: 'a1',
+            label: 'synthesis.layer',
+            name: '鍥惧眰绠＄悊',
+            css: 'twoMenu_imge11',
+          },
+          {
+            id: 'a2',
+            name: '鍦烘櫙鎻愬彇',
+            label: 'synthesis.sceneExtraction',
+            css: 'twoMenu_imge12',
+          },
+          {
+            id: 'a3',
+            label: 'synthesis.release',
+            name: '鍦烘櫙鍙戝竷',
+            css: 'twoMenu_imge13',
+          },
+        ],
+        [
+          {
+            id: 'b1',
+            label: 'synthesis.split',
+            name: '鍒嗗睆',
+            css: 'twoMenu_imge21',
+          },
+          {
+            id: 'b2',
+            label: 'synthesis.twod',
+            name: '浜岀淮',
+            css: 'twoMenu_imge22',
+          },
+          {
+            id: 'b3',
+            label: 'synthesis.threed',
+            name: '涓夌淮',
+            css: 'twoMenu_imge23',
+          },
+          {
+            id: 'b4',
+            label: 'synthesis.full',
+            name: '鍏ㄥ浘',
+            css: 'twoMenu_imge24',
+          },
+          {
+            id: 'b5',
+            label: 'synthesis.zommin',
+            name: '鏀惧ぇ',
+            css: 'twoMenu_imge25',
+          },
+          {
+            id: 'b6',
+            label: 'synthesis.zoomout',
+            name: '缂╁皬',
+            css: 'twoMenu_imge26',
+          },
+          {
+            id: 'b7',
+            label: 'synthesis.rule',
+            name: '姣斾緥灏�',
+            css: 'twoMenu_imge27',
+          },
+          {
+            id: 'b8',
+            label: 'synthesis.compass',
+            name: '鎸囧寳閽�',
+            css: 'twoMenu_imge28',
+          },
+        ],
+        [
+          {
+            id: 'c1',
+            label: 'synthesis.someroaming',
+            name: '鐐规极娓�',
+            css: 'twoMenu_imge31',
+          },
+          {
+            id: 'c2',
+            label: 'synthesis.lineroaming',
+            name: '绾胯矾婕父',
+            css: 'twoMenu_imge32',
+          },
+          {
+            id: 'c3',
+            label: 'synthesis.mouseroaming',
+            name: '榧犳爣婕父',
+            css: 'twoMenu_imge33',
+          },
+          {
+            id: 'c4',
+            label: 'synthesis.snapshot',
+            name: '鍦板浘蹇収',
+            css: 'twoMenu_imge34',
+          },
+          {
+            id: 'c5',
+            label: 'synthesis.tdisplay',
+            name: '涓夌淮婕旂ず',
+            css: 'twoMenu_imge35',
+          },
+        ],
+        [
+          {
+            id: 'd1',
+            label: 'synthesis.contouranalysis',
+            name: '绛夐珮绾�',
+            css: 'twoMenu_imge41',
+          },
+          {
+            id: 'd2',
+            label: 'synthesis.slopeanalysis',
+            name: '鍧″害鍒嗘瀽',
+            css: 'twoMenu_imge42',
+          },
+          {
+            id: 'd3',
+            label: 'synthesis.pathanalysis',
+            name: '璺緞鍒嗘瀽',
+            css: 'twoMenu_imge43',
+          },
+          {
+            id: 'd4',
+            label: 'synthesis.cuttinganalysis',
+            name: '鍦板舰鍓栧垏',
+            css: 'twoMenu_imge44',
+          },
+          {
+            id: 'd5',
+            label: 'synthesis.floodanalysis',
+            name: '娣规病鍒嗘瀽',
+            css: 'twoMenu_imge45',
+          },
+          {
+            id: 'd6',
+            label: 'synthesis.earthworkcalculation',
+            name: '鍦熸柟閲忚绠�',
+            css: 'twoMenu_imge46',
+          },
+          {
+            id: 'd7',
+            label: 'synthesis.crosssectionanalysis',
+            name: '涓夌淮鎴潰',
+            css: 'twoMenu_imge47',
+          },
+          {
+            id: 'd8',
+            label: 'synthesis.imagecontrast',
+            name: '褰卞儚瀵规瘮',
+            css: 'twoMenu_imge48',
+          },
+          {
+            id: 'd9',
+            label: 'synthesis.pipelineAnalysis',
+            name: '绠￠亾鍒嗘瀽',
+            css: 'twoMenu_imge49',
+          },
+          {
+            id: 'd10',
+            label: 'synthesis.flatterrain',
+            name: '鍦板舰骞虫暣',
+            css: 'twoMenu_imge410',
+          },
+          {
+            id: 'd11',
+            label: 'synthesis.terrainexcavation',
+            name: '鍦板舰寮�鎸�',
+            css: 'twoMenu_imge411',
+          },
+        ],
+        [
+          {
+            id: 'e1',
+            label: 'synthesis.attributequery',
+            name: '灞炴�ф煡璇�',
+            css: 'twoMenu_imge51',
+          },
+          {
+            id: 'e2',
+            label: 'synthesis.rangequery',
+            name: '绌洪棿鏌ヨ',
+            css: 'twoMenu_imge52',
+          },
+        ],
+        [
+          {
+            id: 'f1',
+            label: 'synthesis.gpsrtk',
+            name: '鍧愭爣瀹氫綅',
+            css: 'twoMenu_imge61',
+          },
+          {
+            id: 'f2',
+            label: 'synthesis.placenamelocation',
+            name: '鍦板悕瀹氫綅',
+            css: 'twoMenu_imge62',
+          },
+        ],
+        [
+          {
+            id: 'j1',
+            label: 'synthesis.synthobj.m1',
+            name: '姘村钩璺濈',
+            css: 'twoMenu_imge71',
+          },
+          {
+            id: 'j2',
+            label: 'synthesis.synthobj.m4',
+            name: '鍨傜洿楂樺害',
+            css: 'twoMenu_imge72',
+          },
+          {
+            id: 'j3',
+            label: 'synthesis.synthobj.m6',
+            name: '骞抽潰闈㈢Н',
+            css: 'twoMenu_imge73',
+          },
+          {
+            id: 'j4',
+            label: 'synthesis.synthobj.m7',
+            name: '浣撶Н',
+            css: 'twoMenu_imge74',
+          },
+          {
+            id: 'j5',
+            label: 'synthesis.synthobj.m5',
+            name: '琛ㄩ潰闈㈢Н',
+            css: 'twoMenu_imge75',
+          },
+          {
+            id: 'j6',
+            label: 'synthesis.synthobj.m2',
+            name: '绌洪棿璺濈',
+            css: 'twoMenu_imge76',
+          },
+        ],
+        [
+          {
+            id: 'h1',
+            label: 'synthesis.point',
+            name: '鐐�',
+            css: 'twoMenu_imge81',
+          },
+          {
+            id: 'h2',
+            label: 'synthesis.line',
+            name: '绾�',
+            css: 'twoMenu_imge82',
+          },
+          {
+            id: 'h3',
+            label: 'synthesis.rectangle',
+            name: '鐭╁舰',
+            css: 'twoMenu_imge83',
+          },
+          {
+            id: 'h4',
+            label: 'synthesis.polygon',
+            name: '澶氳竟褰�',
+            css: 'twoMenu_imge84',
+          },
+          {
+            id: 'h5',
+            label: 'synthesis.import',
+            name: '瀵煎叆',
+            css: 'twoMenu_imge85',
+          },
+          {
+            id: 'h6',
+            label: 'synthesis.export',
+            name: '瀵煎嚭',
+            css: 'twoMenu_imge86',
+          },
+          {
+            id: 'h7',
+            label: 'synthesis.removepaint',
+            name: '娓呴櫎',
+            css: 'twoMenu_imge87',
+          },
+        ],
+      ],
+      isRuler: false,
+      isNaviget: false,
+      isolineFlag: false,
+      isslopeFlag: false,
+    };
+  },
+  methods: {
+    //浜岀礆鑿滃崟鐐瑰嚮鍒囨崲
+    setChangeTwoMenu(res) {
+      this.showTwoMenuFlag = res.id;
+      this.$store.state.mapMenuBoolean = false;
+      this.$store.state.mapMenuBoxFlag = null;
+      this.$store.state.mapPopBoolean = false;
+      this.$store.state.mapPopBoxFlag = null;
+      var val = res.id[0];
+      switch (val) {
+        case 'a': //鍥惧眰绠＄悊
+          this.setCoverage(res.id);
+          break;
+        case 'b':
+          this.setViewport(res.id);
+          break;
+        case 'c':
+          this.setWander(res.id);
+          break;
+        case 'd':
+          this.setAnalsy(res.id);
+          break;
+        case 'e':
+          this.setIquery(res.id);
+          break;
+        case 'f':
+          this.setOrientation(res.id);
+          break;
+        case 'j':
+          this.setMeasurement(res.id);
+          break;
+        case 'h':
+          this.setPlot(res.id);
+          break;
+      }
+    },
+    setPlot(res) {
+      switch (res) {
+        case 'h1':
+          sgworld.Creator.createSimpleGraphic(
+            'point',
+            {},
+            function (entity) {}
+          );
+          break;
+        case 'h2':
+          sgworld.Creator.createSimpleGraphic(
+            'polyline',
+            {},
+            function (entity) {}
+          );
+          break;
+        case 'h3':
+          sgworld.Creator.createSimpleGraphic(
+            'rectangle',
+            {},
+            function (entity) {}
+          );
+          break;
+        case 'h4':
+          sgworld.Creator.createSimpleGraphic(
+            'polygon',
+            {},
+            function (entity) {}
+          );
+          break;
+        case 'h7':
+          sgworld.Creator.SimpleGraphic.clear();
+          break;
+      }
+    },
+    setMeasurement(res) {
+      switch (res) {
+        case 'j1':
+          var measure = window.sgworld.Command.execute(
+            0,
+            2,
+            this.colorAll,
+            (data) => {
+              data.id = window.sgworld.Core.getuid();
+              this.measureData.set(data.id, measure);
+              this.openMeasureResultInfo('姘村钩璺濈', data);
+            }
+          );
+          break;
+        case 'j6':
+          var measure = window.sgworld.Command.execute(
+            0,
+            10,
+            this.colorAll,
+            (data) => {
+              data.id = window.sgworld.Core.getuid();
+              this.measureData.set(data.id, measure);
+              this.openMeasureResultInfo('绌洪棿璺濈', data);
+            }
+          );
+          break;
+        case 'j3':
+          var measure = window.sgworld.Command.execute(
+            1,
+            11,
+            this.colorAll,
+            (data) => {
+              data.id = window.sgworld.Core.getuid();
+              this.measureData.set(data.id, measure);
+              this.openMeasureResultInfo('娴锋嫈楂樺害', data);
+            }
+          );
+          break;
+        case 'j2':
+          var measure = window.sgworld.Command.execute(
+            0,
+            5,
+            this.colorAll,
+            (data) => {
+              data.id = window.sgworld.Core.getuid();
+              this.measureData.set(data.id, measure);
+              this.openMeasureResultInfo('鍨傜洿楂樺害', data);
+            }
+          );
+          break;
+        case 'j5':
+          var measure = window.sgworld.Command.execute(
+            0,
+            8,
+            {
+              ...this.colorAll,
+              tin: true, // 鏄惁鏄剧ずtin涓夎缃�
+              onlyTerrain: false, // 鏄惁鍙祴閲忕簿缁嗗湴褰�
+            },
+            (data) => {
+              data.id = window.sgworld.Core.getuid();
+              this.measureData.set(data.id, measure);
+              this.openMeasureResultInfo('琛ㄩ潰闈㈢Н', data);
+            }
+          );
+          break;
+        case 'j3':
+          var measure = window.sgworld.Command.execute(
+            0,
+            3,
+            this.colorAll,
+            (data) => {
+              data.id = window.sgworld.Core.getuid();
+              this.measureData.set(data.id, measure);
+              this.openMeasureResultInfo('骞抽潰闈㈢Н', data);
+            }
+          );
+          break;
+        case 'j4':
+          var volumetricMeasurementTool =
+            window.sgworld.Creator.createVolumetricMeasureTool();
+          volumetricMeasurementTool.startDrawing(
+            { ...this.colorAll, onlyTerrain: false },
+            'auto',
+            (data) => {
+              if (volumetricMeasurementTool.popupData) {
+                volumetricMeasurementTool.popupData.value = `濉柟锛�${
+                  data.volume.fill.toFixed(4) + data.unit.fill
+                }<br>鎸栨柟锛�${data.volume.dig.toFixed(4) + data.unit.dig}`;
+              } else {
+                data.id = window.sgworld.Core.getuid();
+                this.measureData.set(data.id, volumetricMeasurementTool);
+                let popupData = this.openMeasureResultInfo('浣撶Н鏂归噺', data);
+                volumetricMeasurementTool.popupData = popupData;
+              }
+            }
+          );
+          break;
+        case 'j8':
+          var measure = window.sgworld.Command.execute(
+            0,
+            12,
+            this.colorAll,
+            (data) => {
+              data.id = window.sgworld.Core.getuid();
+              this.measureData.set(data.id, measure);
+              this.openMeasureResultInfo('瑙掑害', data);
+            }
+          );
+          break;
+      }
+    },
+    openMeasureResultInfo(name, data) {
+      let info = '';
+      switch (name) {
+        case '姘村钩璺濈':
+        case '绌洪棿璺濈':
+          info = '鎬婚暱搴︼細' + data.distance[data.distance.length - 1];
+          break;
+        case '娴锋嫈楂樺害':
+          info = '娴锋嫈锛�' + data.height;
+          break;
+        case '鍨傜洿楂樺害':
+          info = `${data.gddistance}<br>${data.kjdistance}<br>${data.spdistance}`;
+          break;
+        case '琛ㄩ潰闈㈢Н':
+        case '骞抽潰闈㈢Н':
+          info = data.mj;
+          break;
+        case '瑙掑害':
+          data.labels.forEach((label) => {
+            info += label.label.text.getValue() + '<br>';
+          });
+          break;
+        case '浣撶Н鏂归噺':
+          info = `濉柟锛�${
+            data.volume.fill.toFixed(4) + data.unit.fill
+          }<br>鎸栨柟锛�${data.volume.dig.toFixed(4) + data.unit.dig}`;
+          break;
+      }
+      return (
+        this.$refs &&
+        this.$refs.mapinfo &&
+        this.$refs.mapinfo.open(name, info, {
+          close: () => {
+            // 娓呴櫎娴嬮噺
+            this.clearMeasure(data.id);
+          },
+        })
+      );
+    },
+    clearMeasure(id) {
+      if (id) {
+        let data = this.measureData.get(id);
+        data && data.deleteObject && data.deleteObject();
+        // 浣撶Н鏂归噺
+        data && data.cleanUp && data.cleanUp();
+        this.measureData.delete(id);
+      } else {
+        this.measureData.forEach((data) => {
+          data.deleteObject && data.deleteObject();
+          // 浣撶Н鏂归噺
+          data.cleanUp && data.cleanUp();
+        });
+        this.measureData.clear();
+      }
+    },
+    setIquery(res) {
+      switch (res) {
+        case 'e1':
+          this.$store.state.mapMenuBoolean = true;
+          this.$store.state.mapMenuBoxFlag = '1';
+          break;
+        case 'e2':
+          this.$store.state.mapMenuBoolean = true;
+          this.$store.state.mapMenuBoxFlag = '2';
+          break;
+      }
+    },
+    setAnalsy(res) {
+      var that = this;
+      switch (res) {
+        case 'd1':
+          that.isolineFlag = !that.isolineFlag;
+          elevationTool.tf = that.isolineFlag;
+          elevationTool.render();
+          break;
+        case 'd2':
+          that.isslopeFlag = !that.isslopeFlag;
+          if (that.isslopeFlag == true) {
+            elevationTool.type = 'slope';
+          } else {
+            elevationTool.type = 'none';
+          }
+          elevationTool.render();
+          break;
+        case 'd3':
+          var value = {
+            name: 'Analysis',
+            id: 3,
+          };
+          this.$bus.$emit('mapChangeBox', value);
+          break;
+        case 'd4':
+          if (window.AnalysisDXPM) {
+            this.clear(res);
+          } else {
+            this.addterrainSectionAnalysis();
+          }
+          break;
+
+        case 'd5':
+          if (window.AnalysisFlood) {
+            this.clear(res.id);
+          } else {
+            this.addAnalysisFlood();
+          }
+          break;
+        case 'd6':
+          var that = this;
+          var volumetricMeasurementTool =
+            sgworld.Creator.createVolumetricMeasureTool();
+          volumetricMeasurementTool.startDrawing(
+            { ...this.colorAll, onlyTerrain: false },
+            'auto',
+            (data) => {
+              if (volumetricMeasurementTool.popupData) {
+                volumetricMeasurementTool.popupData.value = `濉柟锛�${
+                  data.volume.fill.toFixed(4) + data.unit.fill
+                }<br>鎸栨柟锛�${data.volume.dig.toFixed(4) + data.unit.dig}`;
+              } else {
+                data.id = sgworld.Core.getuid();
+                this.measureData.set(data.id, volumetricMeasurementTool);
+                let popupData = that.openMeasureResultInfo('浣撶Н鏂归噺', data);
+                volumetricMeasurementTool.popupData = popupData;
+              }
+            }
+          );
+          break;
+      }
+    },
+    clear(res) {
+      switch (res) {
+        case 'd4':
+          layer.close(this.dxpmIndex);
+          this.dxpmIndex = undefined;
+          if (window.AnalysisDXPM) {
+            window.AnalysisDXPM.flyPoint &&
+              Viewer.entities.remove(window.AnalysisDXPM.flyPoint);
+            window.AnalysisDXPM && window.AnalysisDXPM.deleteObject();
+            window.AnalysisDXPM = undefined;
+          }
+          break;
+        case 'd5':
+          window.AnalysisFlood && window.AnalysisFlood.endWater();
+          window.AnalysisFlood = undefined;
+
+          break;
+      }
+    },
+    addAnalysisFlood() {
+      var method = {
+        pointSelect: true,
+        spood: 20,
+        GroupID: 0,
+        url: '/SmartEarthSDK/Workers/image/waterNormals.jpg',
+      };
+      window.AnalysisFlood = sgworld.Command.execute(
+        2,
+        2,
+        method,
+        (value) => {}
+      );
+    },
+
+    addterrainSectionAnalysis() {
+      window.AnalysisDXPM = sgworld.Command.execute(
+        2,
+        6,
+        { cyjj: 50, objid: 0 },
+        (Distance) => {
+          if (Distance.gcs && Distance.gcs.length) {
+            window.AnalysisDXPM.analyseData = Distance;
+            this.dxpmIndex = layer.open({
+              type: 2,
+              title: '鍒嗘瀽缁撴灉',
+              shade: false,
+              area: ['80%', '280px'],
+              offset: 'b',
+              skin: 'other-class',
+              content: '/SmartEarthSDK/Workers/analysis/AnalysisDXPM.html',
+              end: () => {
+                this.dxpmIndex && this.clear('4');
+              },
+            });
+          } else {
+            //鍓栭潰
+            window.AnalysisDXPM && window.AnalysisDXPM.deleteObject();
+          }
+        }
+      );
+    },
+    setWander(res) {
+      switch (res) {
+        case 'c1':
+          window.sgworld.Analysis.setPointFly();
+          break;
+        case 'c2':
+          window.sgworld.Command.execute(2, 3, '', (data) => {
+            data.showPoint = false;
+            data.showLine = true;
+            data.mode = 1;
+            // 寮圭獥鏁版嵁
+            window.PathAnimationData = {
+              flyData: data,
+            };
+            window.PathAnimationData.winIndex = layer.open({
+              type: 2,
+              title: '璺緞鍔ㄧ敾',
+              shade: false,
+              area: ['352px', '690px'],
+              offset: 'r',
+              skin: 'other-class',
+              content: '/SmartEarthSDK/Workers/path/Path.html',
+              end: function () {
+                PathAnimationData.fly && PathAnimationData.fly.exit();
+              },
+            });
+          });
+          break;
+        case 'c3':
+          sgworld.Analysis.createindoormode({ showHelp: true });
+          break;
+        case 'c4':
+          window.sgworld.Analysis.createScreenshot();
+          break;
+      }
+    },
+    setOrientation(res) {
+      var resid;
+      switch (res) {
+        case 'f1':
+          resid = 1;
+          break;
+        case 'f2':
+          resid = 2;
+          break;
+      }
+      var val = {
+        name: 'Coord',
+        id: resid,
+      };
+      this.$bus.$emit('mapChangeBox', val);
+    },
+    setViewport(res) {
+      switch (res) {
+        case 'b1': //鍒嗗睆
+          this.$bus.$emit('changemap', 1);
+          break;
+        case 'b2': //浜岀淮
+          this.$bus.$emit('changemap', 2);
+          break;
+        case 'b3': //涓夌淮
+          this.$bus.$emit('changemap', 3);
+          break;
+        case 'b4': //鍏ㄥ浘
+          window.sgworld.Navigate.jumpTo({
+            //璺宠浆瑙嗚
+            destination: new Cesium.Cartesian3.fromDegrees(110, 32, 8000000),
+          });
+          window.map
+            .getView()
+            .setCenter(transform([110, 32], 'EPSG:4326', 'EPSG:3857'));
+          window.map.getView().setZoom(4);
+          break;
+        case 'b5': //鏀惧ぇ
+          window.sgworld.Navigate.zoomIn();
+          // 鑾峰彇褰撳墠瑙嗗浘
+          var zoom = window.map.getView().getZoom(); // 鑾峰彇褰撳墠缂╂斁绾у埆
+          window.map.getView().setZoom(zoom + 1); // 璁剧疆缂╂斁绾у埆
+
+          break;
+        case 'b6': //缂╁皬
+          window.sgworld.Navigate.zoomOut();
+          var zoom = window.map.getView().getZoom(); // 鑾峰彇褰撳墠缂╂斁绾у埆
+          window.map.getView().setZoom(zoom - 1); // 璁剧疆缂╂斁绾у埆
+          break;
+        case 'b7': //姣斾緥灏�
+          this.isRuler = !this.isRuler;
+          window.sgworld.navControl('scale', this.isRuler);
+          break;
+        case 'b8': //鎸囧寳閽�
+          this.isNaviget = !this.isNaviget;
+          window.sgworld.navControl('nav', this.isNaviget);
+          break;
+      }
+    },
+    menuChange(res) {
+      this.setListTwoMenu = this.setListTwoMenuAll[res];
+    },
+  },
+  mounted() {
+    this.measureData = new Map();
+    this.colorAll = {
+      point: Cesium.Color.fromCssColorString('#ff0000'),
+      polyline: Cesium.Color.fromCssColorString('#ffff00').withAlpha(0.6),
+      polygon: Cesium.Color.fromCssColorString('#ffff00').withAlpha(0.6),
+    };
+    this.$bus.$on('setChangeTwoMenu', (res) => {
+      this.menuChange(res);
+    });
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.menu_Box {
+  width: 100%;
+  height: 100%;
+
+  margin: 0;
+  padding: 0;
+  overflow-y: auto;
+  text-align: center;
+  display: flex;
+  flex-wrap: wrap;
+  align-content: flex-start;
+  .leftMen_div {
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #ffffff;
+    padding: 10px;
+    min-width: 100px;
+    margin-left: 10px;
+    margin-top: 10px;
+    border-radius: 5px;
+  }
+  .leftMen_div:hover {
+    background: linear-gradient(180deg, #002992, #080472);
+    border: 1px solid #000000;
+    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.21);
+  }
+  .lefMenuDivActive {
+    background: linear-gradient(180deg, #002992, #080472);
+  }
+  .menuTwoImage {
+    width: 32px;
+    height: 32px;
+    display: inline-block;
+  }
+
+  .twoMenu_imge11 {
+    background: url('../../assets/img/synthesis/鍥惧眰 32.png') no-repeat center;
+  }
+  .twoMenu_imge12 {
+    background: url('../../assets/img/synthesis/鍥惧眰 35.png') no-repeat center;
+  }
+  .twoMenu_imge13 {
+    background: url('../../assets/img/synthesis/鍙戝竷.png') no-repeat center;
+  }
+  //瑙嗗浘
+  .twoMenu_imge21 {
+    background: url('../../assets/img/synthesis/鍦嗚鐭╁舰 12 鎷疯礉 3.png')
+      no-repeat center;
+  }
+  .twoMenu_imge22 {
+    background: url('../../assets/img/synthesis/鍥惧眰 10 鎷疯礉.png') no-repeat
+      center;
+  }
+  .twoMenu_imge23 {
+    background: url('../../assets/img/synthesis/鍥惧眰 11 鎷疯礉.png') no-repeat
+      center;
+  }
+  .twoMenu_imge24 {
+    background: url('../../assets/img/synthesis/鍥惧眰 12 鎷疯礉 2.png') no-repeat
+      center;
+  }
+  .twoMenu_imge25 {
+    background: url('../../assets/img/synthesis/鍦嗚鐭╁舰 5 鎷疯礉 2.png')
+      no-repeat center;
+  }
+  .twoMenu_imge26 {
+    background: url('../../assets/img/synthesis/鍦嗚鐭╁舰 5 鎷疯礉 3.png')
+      no-repeat center;
+  }
+  .twoMenu_imge27 {
+    background: url('../../assets/img/synthesis/鐭╁舰 9.png') no-repeat center;
+  }
+  .twoMenu_imge28 {
+    background: url('../../assets/img/synthesis/妞渾 4.png') no-repeat center;
+  }
+  //婕父
+  .twoMenu_imge31 {
+    background: url('../../assets/img/synthesis/妞渾 6.png') no-repeat center;
+  }
+  .twoMenu_imge32 {
+    background: url('../../assets/img/synthesis/妞渾 7 鎷疯礉 2.png') no-repeat
+      center;
+  }
+  .twoMenu_imge33 {
+    background: url('../../assets/img/synthesis/鍥惧眰 14 鍓湰 鎷疯礉.png')
+      no-repeat center;
+  }
+  .twoMenu_imge34 {
+    background: url('../../assets/img/synthesis/鍥惧眰 74 鎷疯礉 2.png') no-repeat
+      center;
+  }
+  .twoMenu_imge35 {
+    background: url('../../assets/img/synthesis/妞渾 7 鎷疯礉 4.png') no-repeat
+      center;
+  }
+  //鍒嗘瀽
+  .twoMenu_imge41 {
+    background: url('../../assets/img/synthesis/妞渾 8 鎷疯礉 8.png') no-repeat
+      center;
+  }
+  .twoMenu_imge42 {
+    background: url('../../assets/img/synthesis/鍦嗚鐭╁舰 12 鎷疯礉 5.png')
+      no-repeat center;
+  }
+  .twoMenu_imge43 {
+    background: url('../../assets/img/synthesis/鍦嗚鐭╁舰 10 鍓湰 3.png')
+      no-repeat center;
+  }
+  .twoMenu_imge44 {
+    background: url('../../assets/img/synthesis/鍥惧眰 74 鎷疯礉 3.png') no-repeat
+      center;
+  }
+  .twoMenu_imge45 {
+    background: url('../../assets/img/synthesis/鍥惧眰 20.png') no-repeat center;
+  }
+  .twoMenu_imge46 {
+    background: url('../../assets/img/synthesis/鍥惧眰 14 鎷疯礉 3.png') no-repeat
+      center;
+  }
+  .twoMenu_imge47 {
+    background: url('../../assets/img/synthesis/鍥惧眰 18.png') no-repeat center;
+  }
+  .twoMenu_imge48 {
+    background: url('../../assets/img/synthesis/鍦嗚鐭╁舰 12 鎷疯礉 6.png')
+      no-repeat center;
+  }
+  .twoMenu_imge49 {
+    background: url('../../assets/img/synthesis/绠￠亾.png') no-repeat center;
+  }
+  .twoMenu_imge410 {
+    background: url('../../assets/img/synthesis/dxkw.png') no-repeat center;
+  }
+  .twoMenu_imge411 {
+    background: url('../../assets/img/synthesis/鐭╁舰 14 鎷疯礉 7.png') no-repeat
+      center;
+  }
+  //鏌ヨ
+  .twoMenu_imge51 {
+    background: url('../../assets/img/synthesis/鍥惧眰 23.png') no-repeat center;
+  }
+  .twoMenu_imge52 {
+    background: url('../../assets/img/synthesis/绌洪棿鏌ヨ.png') no-repeat center;
+  }
+  //瀹氫綅
+  .twoMenu_imge61 {
+    background: url('../../assets/img/synthesis/鍥惧眰 27.png') no-repeat center;
+  }
+  .twoMenu_imge62 {
+    background: url('../../assets/img/synthesis/鍥惧眰 28.png') no-repeat center;
+  }
+  //娴嬮噺
+  .twoMenu_imge71 {
+    background: url('../../assets/img/synthesis/鍥惧眰 31.png') no-repeat center;
+  }
+  .twoMenu_imge72 {
+    background: url('../../assets/img/synthesis/鍥惧眰 31 鎷疯礉.png') no-repeat
+      center;
+  }
+  .twoMenu_imge73 {
+    background: url('../../assets/img/synthesis/鐭╁舰 13 鎷疯礉.png') no-repeat
+      center;
+  }
+  .twoMenu_imge74 {
+    background: url('../../assets/img/synthesis/鍥惧眰 18 鎷疯礉.png') no-repeat
+      center;
+  }
+  .twoMenu_imge75 {
+    background: url('../../assets/img/synthesis/M 鎷疯礉.png') no-repeat center;
+  }
+  .twoMenu_imge76 {
+    background: url('../../assets/img/synthesis/绌洪棿娴嬭窛.png') no-repeat center;
+  }
+  //鏍囩粯
+  .twoMenu_imge81 {
+    background: url('../../assets/img/synthesis/妞渾 5 鎷疯礉 3.png') no-repeat
+      center;
+  }
+  .twoMenu_imge82 {
+    background: url('../../assets/img/synthesis/妞渾 3 鎷疯礉 16.png') no-repeat
+      center;
+  }
+  .twoMenu_imge83 {
+    background: url('../../assets/img/synthesis/妞渾 3 鎷疯礉 20.png') no-repeat
+      center;
+  }
+  .twoMenu_imge84 {
+    background: url('../../assets/img/synthesis/妞渾 3 鎷疯礉 23.png') no-repeat
+      center;
+  }
+  .twoMenu_imge85 {
+    background: url('../../assets/img/synthesis/瀵煎叆.png') no-repeat center;
+  }
+  .twoMenu_imge86 {
+    background: url('../../assets/img/synthesis/瀵煎嚭.png') no-repeat center;
+  }
+  .twoMenu_imge87 {
+    background: url('../../assets/img/synthesis/娓呴櫎.png') no-repeat center;
+  }
+}
+</style>
diff --git a/src/views/Synthesis/analyse.vue b/src/views/Synthesis/analyse.vue
index 30f5519..61c2e9e 100644
--- a/src/views/Synthesis/analyse.vue
+++ b/src/views/Synthesis/analyse.vue
@@ -101,27 +101,7 @@
             id: 3,
           };
           this.$bus.$emit('mapChangeBox', value);
-          // var jsonurl =
-          //   'http://192.168.20.39:9055/gisserver/wnsserver/beijingdaohang_wns?start=' +
-          //   '116.0867468497,39.937314280233' +
-          //   '&end=' +
-          //   '116.0860003269,39.936289981725' +
-          //   '&propertyName=Shape&tolerance=500&request=FindPath&format=json';
-          // $.ajax({
-          //   url: jsonurl,
-          //   async: false,
-          //   type: 'GET',
-          //   dataType: 'json',
-          //   contentType: 'application/json;charset=utf-8',
-          //   success: (data) => {
-          //     data.features.forEach((e) => {
-          //       if (e.geometry.type == 'LineString') {
-          //         //this.executeFly3D(e.geometry.coordinates);
-          //         this.executeFly3D(e.geometry.coordinates);
-          //       }
-          //     });
-          //   },
-          // });
+
           break;
         case '4':
           if (window.AnalysisDXPM) {
diff --git a/src/views/Synthesis/index.vue b/src/views/Synthesis/index.vue
index 3884bba..4b29cb9 100644
--- a/src/views/Synthesis/index.vue
+++ b/src/views/Synthesis/index.vue
@@ -2,7 +2,10 @@
   <div class="synthesis">
     <div class="lefIcon">
       <ul>
-        <li v-for="item in showMenuList">
+        <li
+          v-for="item in showMenuList"
+          :class="{ lefMenuActive: showMenuFlag == item.id }"
+        >
           <div class="menuDiv" :title="item.name" @click="setMenuChange(item)">
             <div class="menuImage" :class="item.class"></div>
           </div>
@@ -11,17 +14,13 @@
     </div>
     <div class="rightContent">
       <div class="left_main" :class="{ left_main_show: !openStatus }">
-        <div class="leftMen_div" v-for="(item, index) in setListTwoMenu">
-          <div class="menuTwoImage" :class="item.css"></div>
-          <div>{{ $t(item.label) }}</div>
+        <div class="right_Map">
+          <left-menu></left-menu>
         </div>
       </div>
-      <div id="mapdiv" class="right_main">
-        <div @click="changeBaseLayer" class="bottomChageLayer">
-          <div
-            id="cenBg"
-            v-bind:class="{ active: isActive, menuLayer: !isActive }"
-          ></div>
+      <div class="right_main">
+        <div class="right_Map">
+          <mapdiv></mapdiv>
         </div>
       </div>
     </div>
@@ -30,10 +29,16 @@
 
 <script>
 import { getPerms } from '../../api/api';
+import mapdiv from '../../components/MapDiv.vue';
+import leftMenu from './LeftMenu.vue';
 export default {
-  components: {},
+  components: {
+    mapdiv,
+    leftMenu,
+  },
   data() {
     return {
+      showMenuFlag: null,
       openStatus: false,
       isActive: false,
       showMenuList: [],
@@ -93,311 +98,11 @@
           show: false,
         },
       ],
-      setListTwoMenu: [],
-      setListTwoMenuAll: [
-        [
-          {
-            label: 'synthesis.layer',
-            name: '鍥惧眰绠＄悊',
-            css: 'twoMenu_imge11',
-          },
-          {
-            name: '鍦烘櫙鎻愬彇',
-            label: 'synthesis.sceneExtraction',
-            css: 'twoMenu_imge12',
-          },
-          {
-            label: 'synthesis.release',
-            name: '鍦烘櫙鍙戝竷',
-            css: 'twoMenu_imge13',
-          },
-        ],
-        [
-          {
-            label: 'synthesis.split',
-            name: '鍒嗗睆',
-            css: 'twoMenu_imge21',
-          },
-          {
-            label: 'synthesis.twod',
-            name: '浜岀淮',
-            css: 'twoMenu_imge22',
-          },
-          {
-            label: 'synthesis.threed',
-            name: '涓夌淮',
-            css: 'twoMenu_imge23',
-          },
-          {
-            label: 'synthesis.full',
-            name: '鍏ㄥ浘',
-            css: 'twoMenu_imge24',
-          },
-          {
-            label: 'synthesis.zommin',
-            name: '鏀惧ぇ',
-            css: 'twoMenu_imge25',
-          },
-          {
-            label: 'synthesis.zoomout',
-            name: '缂╁皬',
-            css: 'twoMenu_imge26',
-          },
-          {
-            label: 'synthesis.rule',
-            name: '姣斾緥灏�',
-            css: 'twoMenu_imge27',
-          },
-          {
-            label: 'synthesis.compass',
-            name: '鎸囧寳閽�',
-            css: 'twoMenu_imge28',
-          },
-        ],
-        [
-          {
-            label: 'synthesis.someroaming',
-            name: '鐐规极娓�',
-            css: 'twoMenu_imge31',
-          },
-          {
-            label: 'synthesis.lineroaming',
-            name: '绾胯矾婕父',
-            css: 'twoMenu_imge32',
-          },
-          {
-            label: 'synthesis.mouseroaming',
-            name: '榧犳爣婕父',
-            css: 'twoMenu_imge33',
-          },
-          {
-            label: 'synthesis.snapshot',
-            name: '鍦板浘蹇収',
-            css: 'twoMenu_imge34',
-          },
-          {
-            label: 'synthesis.tdisplay',
-            name: '涓夌淮婕旂ず',
-            css: 'twoMenu_imge35',
-          },
-        ],
-        [
-          {
-            label: 'synthesis.contouranalysis',
-            name: '绛夐珮绾�',
-            css: 'twoMenu_imge41',
-          },
-          {
-            label: 'synthesis.slopeanalysis',
-            name: '鍧″害鍒嗘瀽',
-            css: 'twoMenu_imge42',
-          },
-          {
-            label: 'synthesis.pathanalysis',
-            name: '璺緞鍒嗘瀽',
-            css: 'twoMenu_imge43',
-          },
-          {
-            label: 'synthesis.cuttinganalysis',
-            name: '鍦板舰鍓栧垏',
-            css: 'twoMenu_imge44',
-          },
-          {
-            label: 'synthesis.floodanalysis',
-            name: '娣规病鍒嗘瀽',
-            css: 'twoMenu_imge45',
-          },
-          {
-            label: 'synthesis.earthworkcalculation',
-            name: '鍦熸柟閲忚绠�',
-            css: 'twoMenu_imge46',
-          },
-          {
-            label: 'synthesis.crosssectionanalysis',
-            name: '涓夌淮鎴潰',
-            css: 'twoMenu_imge47',
-          },
-          {
-            label: 'synthesis.imagecontrast',
-            name: '褰卞儚瀵规瘮',
-            css: 'twoMenu_imge48',
-          },
-          {
-            label: 'synthesis.pipelineAnalysis',
-            name: '绠￠亾鍒嗘瀽',
-            css: 'twoMenu_imge49',
-          },
-          {
-            label: 'synthesis.flatterrain',
-            name: '鍦板舰骞虫暣',
-            css: 'twoMenu_imge410',
-          },
-          {
-            label: 'synthesis.terrainexcavation',
-            name: '鍦板舰寮�鎸�',
-            css: 'twoMenu_imge411',
-          },
-        ],
-        [
-          {
-            label: 'synthesis.attributequery',
-            name: '灞炴�ф煡璇�',
-            css: 'twoMenu_imge51',
-          },
-          {
-            label: 'synthesis.rangequery',
-            name: '绌洪棿鏌ヨ',
-            css: 'twoMenu_imge52',
-          },
-        ],
-        [
-          {
-            label: 'synthesis.gpsrtk',
-            name: '鍧愭爣瀹氫綅',
-            css: 'twoMenu_imge61',
-          },
-          {
-            label: 'synthesis.placenamelocation',
-            name: '鍦板悕瀹氫綅',
-            css: 'twoMenu_imge62',
-          },
-        ],
-        [
-          {
-            label: 'synthesis.synthobj.m1',
-            name: '姘村钩璺濈',
-            css: 'twoMenu_imge71',
-          },
-          {
-            label: 'synthesis.synthobj.m4',
-            name: '鍨傜洿楂樺害',
-            css: 'twoMenu_imge72',
-          },
-          {
-            label: 'synthesis.synthobj.m6',
-            name: '骞抽潰闈㈢Н',
-            css: 'twoMenu_imge73',
-          },
-          {
-            label: 'synthesis.synthobj.m7',
-            name: '浣撶Н',
-            css: 'twoMenu_imge74',
-          },
-          {
-            label: 'synthesis.synthobj.m5',
-            name: '琛ㄩ潰闈㈢Н',
-            css: 'twoMenu_imge75',
-          },
-          {
-            label: 'synthesis.synthobj.m2',
-            name: '绌洪棿璺濈',
-            css: 'twoMenu_imge76',
-          },
-        ],
-        [
-          {
-            label: 'synthesis.point',
-            name: '鐐�',
-            css: 'twoMenu_imge81',
-          },
-          {
-            label: 'synthesis.line',
-            name: '绾�',
-            css: 'twoMenu_imge82',
-          },
-          {
-            label: 'synthesis.rectangle',
-            name: '鐭╁舰',
-            css: 'twoMenu_imge83',
-          },
-          {
-            label: 'synthesis.polygon',
-            name: '澶氳竟褰�',
-            css: 'twoMenu_imge84',
-          },
-          {
-            label: 'synthesis.import',
-            name: '瀵煎叆',
-            css: 'twoMenu_imge85',
-          },
-          {
-            label: 'synthesis.export',
-            name: '瀵煎嚭',
-            css: 'twoMenu_imge86',
-          },
-          {
-            label: 'synthesis.removepaint',
-            name: '娓呴櫎',
-            css: 'twoMenu_imge87',
-          },
-        ],
-      ],
     };
   },
   watch: {},
   created() {},
   methods: {
-    //鍦板浘鍒濆鍖�
-    initMap() {
-      //鍦板浘鍒濆鍖�
-      window.sgworld = new SmartEarth.SGWorld('mapdiv', {
-        licenseServer: window.sceneConfig.licenseServer,
-      });
-      window.Viewer = window.sgworld._Viewer;
-      //瀹氫綅
-      sgworld.Navigate.jumpTo({
-        //璺宠浆瑙嗚
-        destination: new Cesium.Cartesian3.fromDegrees(
-          116.055913,
-          39.937685,
-          8000
-        ),
-      });
-      Viewer.imageryLayers.addImageryProvider(
-        new Cesium.WebMapTileServiceImageryProvider({
-          url: 'http://t0.tianditu.com/vec_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=vec&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=94a34772eb88317fcbf8428e10448561',
-          layer: 'tdtVecBasicLayer',
-          style: 'default',
-          format: 'image/jpeg',
-          tileMatrixSetID: 'GoogleMapsCompatible',
-          show: false,
-        })
-      );
-
-      Viewer.imageryLayers.addImageryProvider(
-        new Cesium.WebMapTileServiceImageryProvider({
-          url: 'http://t0.tianditu.com/img_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=94a34772eb88317fcbf8428e10448561',
-          layer: 'tdtBasicLayer',
-          style: 'default',
-          format: 'image/jpeg',
-          tileMatrixSetID: 'GoogleMapsCompatible',
-          show: false,
-        })
-      );
-      Viewer.imageryLayers.addImageryProvider(
-        new Cesium.WebMapTileServiceImageryProvider({
-          url: 'http://t0.tianditu.com/cva_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=cva&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default.jpg&tk=94a34772eb88317fcbf8428e10448561',
-          layer: 'tdtAnnoLayer',
-          style: 'default',
-          format: 'image/jpeg',
-          tileMatrixSetID: 'GoogleMapsCompatible',
-        })
-      );
-    },
-    //搴曞浘鍒囨崲
-    changeBaseLayer() {
-      this.isActive = !this.isActive;
-      this.setLayerVisible();
-    },
-    setLayerVisible() {
-      if (this.isActive == true) {
-        Viewer.imageryLayers.get(1).show = true;
-        Viewer.imageryLayers.get(2).show = false;
-      } else {
-        Viewer.imageryLayers.get(1).show = false;
-        Viewer.imageryLayers.get(2).show = true;
-      }
-    },
     //宸︿晶鑿滃崟婊戝姩鏄鹃殣
     setMenuChange(res) {
       switch (res.id) {
@@ -406,7 +111,8 @@
           break;
         default: {
           this.openStatus = true;
-          this.setListTwoMenu = this.setListTwoMenuAll[res.id - 2];
+          this.$bus.$emit('setChangeTwoMenu', res.id - 2);
+          this.showMenuFlag = res.id;
         }
       }
     },
@@ -427,7 +133,7 @@
       //鍒濆鍖栦簩绾ц彍鍗�
       if (this.showMenuList.length > 1) {
         var index = this.showMenuList[1].id;
-        this.setListTwoMenu = this.setListTwoMenuAll[index - 2];
+        this.$bus.$emit('setChangeTwoMenu', index - 2);
       }
     },
     showMenuChange(res, result) {
@@ -470,6 +176,7 @@
     background: #353535;
     position: absolute;
     z-index: 30;
+
     .menuDiv {
       width: 60px;
       height: 60px;
@@ -519,10 +226,17 @@
           no-repeat center;
       }
     }
+    // li {
+    //   background: rgba(53, 53, 53, 0);
+    // }
+    .lefMenuActive {
+      background: linear-gradient(180deg, #002992, #080472);
+    }
     li:hover {
       background: linear-gradient(180deg, #002992, #080472);
     }
   }
+
   .rightContent {
     width: calc(100% - 63px);
     height: 100%;
@@ -532,198 +246,8 @@
       margin: 0;
       width: 300px;
       height: auto;
-      text-align: center;
-      transition: width 2s;
-      display: flex;
-      flex-wrap: wrap;
-      align-content: flex-start;
-    }
-    .leftMen_div {
-      font-size: 16px;
-      font-family: Microsoft YaHei;
-      font-weight: 400;
-      color: #ffffff;
-      padding: 10px;
-      min-width: 100px;
-      margin-left: 10px;
-      margin-top: 10px;
-      border-radius: 5px;
-    }
-    .leftMen_div:hover {
-      background: linear-gradient(180deg, #002992, #080472);
-      border: 1px solid #000000;
-      box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.21);
-    }
-    .menuTwoImage {
-      width: 32px;
-      height: 32px;
-      display: inline-block;
-    }
 
-    .twoMenu_imge11 {
-      background: url('../../assets/img/synthesis/鍥惧眰 32.png') no-repeat center;
-    }
-    .twoMenu_imge12 {
-      background: url('../../assets/img/synthesis/鍥惧眰 35.png') no-repeat center;
-    }
-    .twoMenu_imge13 {
-      background: url('../../assets/img/synthesis/鍙戝竷.png') no-repeat center;
-    }
-    //瑙嗗浘
-    .twoMenu_imge21 {
-      background: url('../../assets/img/synthesis/鍦嗚鐭╁舰 12 鎷疯礉 3.png')
-        no-repeat center;
-    }
-    .twoMenu_imge22 {
-      background: url('../../assets/img/synthesis/鍥惧眰 10 鎷疯礉.png') no-repeat
-        center;
-    }
-    .twoMenu_imge23 {
-      background: url('../../assets/img/synthesis/鍥惧眰 11 鎷疯礉.png') no-repeat
-        center;
-    }
-    .twoMenu_imge24 {
-      background: url('../../assets/img/synthesis/鍥惧眰 12 鎷疯礉 2.png') no-repeat
-        center;
-    }
-    .twoMenu_imge25 {
-      background: url('../../assets/img/synthesis/鍦嗚鐭╁舰 5 鎷疯礉 2.png')
-        no-repeat center;
-    }
-    .twoMenu_imge26 {
-      background: url('../../assets/img/synthesis/鍦嗚鐭╁舰 5 鎷疯礉 3.png')
-        no-repeat center;
-    }
-    .twoMenu_imge27 {
-      background: url('../../assets/img/synthesis/鐭╁舰 9.png') no-repeat center;
-    }
-    .twoMenu_imge28 {
-      background: url('../../assets/img/synthesis/妞渾 4.png') no-repeat center;
-    }
-    //婕父
-    .twoMenu_imge31 {
-      background: url('../../assets/img/synthesis/妞渾 6.png') no-repeat center;
-    }
-    .twoMenu_imge32 {
-      background: url('../../assets/img/synthesis/妞渾 7 鎷疯礉 2.png') no-repeat
-        center;
-    }
-    .twoMenu_imge33 {
-      background: url('../../assets/img/synthesis/鍥惧眰 14 鍓湰 鎷疯礉.png')
-        no-repeat center;
-    }
-    .twoMenu_imge34 {
-      background: url('../../assets/img/synthesis/鍥惧眰 74 鎷疯礉 2.png') no-repeat
-        center;
-    }
-    .twoMenu_imge35 {
-      background: url('../../assets/img/synthesis/妞渾 7 鎷疯礉 4.png') no-repeat
-        center;
-    }
-    //鍒嗘瀽
-    .twoMenu_imge41 {
-      background: url('../../assets/img/synthesis/妞渾 8 鎷疯礉 8.png') no-repeat
-        center;
-    }
-    .twoMenu_imge42 {
-      background: url('../../assets/img/synthesis/鍦嗚鐭╁舰 12 鎷疯礉 5.png')
-        no-repeat center;
-    }
-    .twoMenu_imge43 {
-      background: url('../../assets/img/synthesis/鍦嗚鐭╁舰 10 鍓湰 3.png')
-        no-repeat center;
-    }
-    .twoMenu_imge44 {
-      background: url('../../assets/img/synthesis/鍥惧眰 74 鎷疯礉 3.png') no-repeat
-        center;
-    }
-    .twoMenu_imge45 {
-      background: url('../../assets/img/synthesis/鍥惧眰 20.png') no-repeat center;
-    }
-    .twoMenu_imge46 {
-      background: url('../../assets/img/synthesis/鍥惧眰 14 鎷疯礉 3.png') no-repeat
-        center;
-    }
-    .twoMenu_imge47 {
-      background: url('../../assets/img/synthesis/鍥惧眰 18.png') no-repeat center;
-    }
-    .twoMenu_imge48 {
-      background: url('../../assets/img/synthesis/鍦嗚鐭╁舰 12 鎷疯礉 6.png')
-        no-repeat center;
-    }
-    .twoMenu_imge49 {
-      background: url('../../assets/img/synthesis/绠￠亾.png') no-repeat center;
-    }
-    .twoMenu_imge410 {
-      background: url('../../assets/img/synthesis/dxkw.png') no-repeat center;
-    }
-    .twoMenu_imge411 {
-      background: url('../../assets/img/synthesis/鐭╁舰 14 鎷疯礉 7.png') no-repeat
-        center;
-    }
-    //鏌ヨ
-    .twoMenu_imge51 {
-      background: url('../../assets/img/synthesis/鍥惧眰 23.png') no-repeat center;
-    }
-    .twoMenu_imge52 {
-      background: url('../../assets/img/synthesis/绌洪棿鏌ヨ.png') no-repeat
-        center;
-    }
-    //瀹氫綅
-    .twoMenu_imge61 {
-      background: url('../../assets/img/synthesis/鍥惧眰 27.png') no-repeat center;
-    }
-    .twoMenu_imge62 {
-      background: url('../../assets/img/synthesis/鍥惧眰 28.png') no-repeat center;
-    }
-    //娴嬮噺
-    .twoMenu_imge71 {
-      background: url('../../assets/img/synthesis/鍥惧眰 31.png') no-repeat center;
-    }
-    .twoMenu_imge72 {
-      background: url('../../assets/img/synthesis/鍥惧眰 31 鎷疯礉.png') no-repeat
-        center;
-    }
-    .twoMenu_imge73 {
-      background: url('../../assets/img/synthesis/鐭╁舰 13 鎷疯礉.png') no-repeat
-        center;
-    }
-    .twoMenu_imge74 {
-      background: url('../../assets/img/synthesis/鍥惧眰 18 鎷疯礉.png') no-repeat
-        center;
-    }
-    .twoMenu_imge75 {
-      background: url('../../assets/img/synthesis/M 鎷疯礉.png') no-repeat center;
-    }
-    .twoMenu_imge76 {
-      background: url('../../assets/img/synthesis/绌洪棿娴嬭窛.png') no-repeat
-        center;
-    }
-    //鏍囩粯
-    .twoMenu_imge81 {
-      background: url('../../assets/img/synthesis/妞渾 5 鎷疯礉 3.png') no-repeat
-        center;
-    }
-    .twoMenu_imge82 {
-      background: url('../../assets/img/synthesis/妞渾 3 鎷疯礉 16.png') no-repeat
-        center;
-    }
-    .twoMenu_imge83 {
-      background: url('../../assets/img/synthesis/妞渾 3 鎷疯礉 20.png') no-repeat
-        center;
-    }
-    .twoMenu_imge84 {
-      background: url('../../assets/img/synthesis/妞渾 3 鎷疯礉 23.png') no-repeat
-        center;
-    }
-    .twoMenu_imge85 {
-      background: url('../../assets/img/synthesis/瀵煎叆.png') no-repeat center;
-    }
-    .twoMenu_imge86 {
-      background: url('../../assets/img/synthesis/瀵煎嚭.png') no-repeat center;
-    }
-    .twoMenu_imge87 {
-      background: url('../../assets/img/synthesis/娓呴櫎.png') no-repeat center;
+      transition: width 2s;
     }
 
     .right_main {
@@ -731,6 +255,10 @@
       height: 100%;
       position: relative;
     }
+    .right_Map {
+      width: 100%;
+      height: 100%;
+    }
     .left_main_show {
       width: 0px;
     }
diff --git a/src/views/datamanage/metadataManage.vue b/src/views/datamanage/metadataManage.vue
index 2f4d408..e151641 100644
--- a/src/views/datamanage/metadataManage.vue
+++ b/src/views/datamanage/metadataManage.vue
@@ -317,10 +317,10 @@
         class="codeForm"
       >
         <el-form-item :label="$t('common.passworld')" prop="password">
-          <el-input type="password" v-model="codeForm.password"></el-input>
+          <el-input type="password" v-model="codeForm.password" show-password></el-input>
         </el-form-item>
         <el-form-item :label="$t('common.SPassword')" prop="repassword">
-          <el-input type="password" v-model="codeForm.repassword"></el-input>
+          <el-input type="password" v-model="codeForm.repassword" show-password></el-input>
         </el-form-item>
         <el-form-item>
           <el-button class="primary" size="small" @click="download('codeForm')"
@@ -332,11 +332,11 @@
         </el-form-item>
       </el-form>
     </div>
+     <iframe id="downFrame" src="" style="display: none; border: 0; padding: 0; height: 0; width: 0"></iframe>
   </div>
 </template>
 
 <script>
-var encrypt = new JSEncrypt();
 import $ from 'jquery'
 import { getToken } from '@/utils/auth';
 import {
@@ -349,6 +349,8 @@
   selectdirTab,
   queryDepTree,
   meta_downloadReq,
+  sign_getPublicKey,
+  meta_selectDownloadFile
 } from '../../api/api';
 
 import MyBread from '../../components/MyBread.vue';
@@ -443,8 +445,17 @@
     this.getSelectDictTab();
     this.showPermsBtn();
     this.getQueryDepTree();
+    this.signGetPublicKey();
   },
+
   methods: {
+  async signGetPublicKey(){
+      const res = await sign_getPublicKey();
+       if (res && res.code == 200) {
+          window.encrypt = new JSEncrypt();
+          encrypt.setPublicKey(res.result);
+        }
+    },
     //鍗曚綅鍒楄〃鑾峰彇
     async getQueryDepTree() {
       const res = await queryDepTree();
@@ -749,45 +760,31 @@
         std.push(this.multipleSelection[i].id)
       }
       var obj = {
-        pwd: encrypt.encrypt("Test!321&456"),
+        pwd: encrypt.encrypt(this.codeForm.repassword),
         ids: std
       };
-       var token = getToken();
-      $.ajax({
-        url:BASE_URL+"/meta/downloadReq?token="+token,
-        type: 'post',
- dataType:  null,
-        data: JSON.stringify(obj),
-        success: function (res) {
-            debugger
-        },
-        error: function () {
+        const res = await meta_downloadReq(JSON.stringify(obj))
 
-        }
-      })
+       if(res.code!=200){
+        this.$message.error('涓嬭浇璇锋眰澶辫触');
+        return
+       }
 
-      //
-      //    $.ajax( BASE_URL+"/meta/downloadReq?token="+token, "POST", JSON.stringify(obj), null, null, function (rs) {
-      //   console.log(rs);
-      //   alert("code = " + rs.code + ", msg = " + rs.msg + ", result = " + rs.result);
-      // });
-      //   const res = await meta_downloadReq(JSON.stringify(obj))
-      //  debugger
-      //
-      //         $.ajax(BASE_URL + '/meta/downloadReq"?token=' + token, {
-      //         type: 'post',
-      //         data:  JSON.stringify(obj),
-      //         async: true,
-      //         cache: false,
-      //         processData: false,
-      //         contentType: false,
-      //         success: (rs) => {
-      //        debugger
-      //         },
-      //         error: (e) => {
-      //           console.log(e);
-      //         },
-      //       });
+       var downObj={
+        guid :res.result,
+        pwd :encodeURIComponent(encrypt.encrypt(this.codeForm.repassword))
+       }
+      const data = await meta_selectDownloadFile(downObj)
+
+      if(data.code !=200){
+        this.$message.error('涓嬭浇璇锋眰澶辫触');
+        return
+       }
+       var token = getToken()
+       var url = BASE_URL+"/meta/downloadFile?token=" +token+ "&guid=" + res.result + "&pwd=" +encodeURIComponent(encrypt.encrypt(this.codeForm.repassword));
+
+      $("#downFrame").attr("src", url).click();
+      this.closeDown();
     },
     closeDown() {
       this.showCodeBox = false;
diff --git a/src/views/exportMap/index.vue b/src/views/exportMap/index.vue
index 8587a5c..6d7aa42 100644
--- a/src/views/exportMap/index.vue
+++ b/src/views/exportMap/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="exportmap">
     <div id="mapView" class="mapView">
-      <!-- <div class="topMenu">
+      <div class="topMenu">
         <el-form :inline="true" :model="formInline" class="demo-form-inline">
           <el-form-item>
             <el-link
@@ -175,8 +175,8 @@
           >
           </el-pagination>
         </div>
-      </div> -->
-      <!-- <div
+      </div>
+      <div
         @click="changeMenulayer"
         class="center CenDiv"
         :class="{ center1: centerFlag }"
@@ -185,10 +185,10 @@
           id="cenBg"
           v-bind:class="{ active: isActive, menuLayer: isMenuLayer }"
         ></div>
-      </div> -->
+      </div>
     </div>
 
-    <!-- <el-dialog
+    <el-dialog
       title="鎻愮ず"
       :visible.sync="dialogVisible"
       width="30%"
@@ -211,7 +211,7 @@
         <el-button @click="dialogVisible = false">鍙� 娑�</el-button>
         <el-button type="primary" @click="setAddMapLayer">纭� 瀹�</el-button>
       </span>
-    </el-dialog> -->
+    </el-dialog>
   </div>
 </template>
 

--
Gitblit v1.9.3