From 36fbd1e5a40e319e6ac5f43d11c99ba4b66e93a3 Mon Sep 17 00:00:00 2001
From: surprise <15810472099@163.com>
Date: 星期三, 29 十一月 2023 16:50:16 +0800
Subject: [PATCH] 坡度分析下载修改
---
src/views/Index.vue | 112 ++++++++++++++++++++++++++++++++++++++++++++-----------
1 files changed, 89 insertions(+), 23 deletions(-)
diff --git a/src/views/Index.vue b/src/views/Index.vue
index 79abcff..4396f08 100644
--- a/src/views/Index.vue
+++ b/src/views/Index.vue
@@ -1,15 +1,25 @@
<template>
- <div class="body_box">
- <div
- id="cesiumContainer"
- style="width: 100%; height: 100%; position: absolute"
- ></div>
- <export-map
- v-if="layerExportshow"
- @SETexportMap="SETexportMap"
- ></export-map>
+ <div class="body_box" v-loading="store.state.loading" element-loading-background="rgba(0, 0, 0, 0.8)">
+ <export-map v-if="layerExportshow" @SETexportMap="SETexportMap"></export-map>
+ <export-list v-if="store.state.setExportList"></export-list>
<menus></menus>
- <bottom-btn></bottom-btn>
+ <bottom-btn v-if="store.state.isShowMap"></bottom-btn>
+ <mouse-move v-if="store.state.isShowMap"></mouse-move>
+ <spatial-box v-if="layerSpatialshow" @SETspatialClose="SETspatialClose"></spatial-box>
+ <coord-location v-if="layerLocationshow" @SETcoordClose="setCoordLocation">
+ </coord-location>
+ <details-query v-if="store.state.details.showDetails"> </details-query>
+ <div v-if="store.state.isShowMap">
+ <map-view></map-view>
+ </div>
+ <div v-if="!store.state.isShowMap">
+ <ol-map></ol-map>
+ </div>
+ <plotting-inquire></plotting-inquire>
+ <attribute-info v-if="store.state.setEditTemporaryShow"></attribute-info>
+ <slopeQuery v-if="store.state.showSlopeQuey"></slopeQuery>
+ <legend-layer v-if="store.state.showlegendLayer"></legend-layer>
+ <legend-analysis v-if="store.state.showlegendLayer"></legend-analysis>
</div>
</template>
@@ -22,21 +32,43 @@
defineProps,
defineEmits,
} from "vue";
+import { removeToken, getToken } from "@/utils/auth";
//宸︿晶鑿滃崟
import menus from "@/views/menus.vue";
//搴曢儴鑿滃崟
import bottomBtn from "@/components/bottomBtn.vue";
import exportMap from "./export/exportMap.vue";
-import InitMap from "@/assets/js/Map/index.js";
-// import * as SmartEarth from "../../public/CIMSDK/index.js";
-// import * as SmartEarth from "../assets/js/CIMSDK/index.js";
-let map;
-var viewer;
+import mapView from "@/views/Map/mapView.vue";
+import olMap from "@/views/Map/olMap.vue";
+//缁忕含搴︽樉绀�
+import mouseMove from "@/components/mouseMove.vue";
+//绌洪棿鏌ヨ
+import spatialBox from "@/views/query/SpatialQuery.vue";
+//鍧愭爣瀹氫綅
+import CoordLocation from "@/views/query/CoordLocation.vue";
+//闃村奖鍒嗘瀽
+import mapclock from "@/views/mapClock/index.vue";
+//鐭㈤噺鏁版嵁淇℃伅寮圭獥
+import detailsQuery from "@/views/query/detailsQuery.vue";
+//鍑哄浘鍒楄〃
+import exportList from "./export/exportList.vue";
+//鏍囩粯鏌ヨ
+import plottingInquire from "./plotting/plottingInquire.vue";
+//灞炴�х紪杈�
+import attributeInfo from "./plotting/attributeInfo.vue";
+// 鍧″害鍊�
+import slopeQuery from "./query/slopeQuery.vue";
+//鍥惧垪
+import legendLayer from '@/views/Map/legendLayer';
+import legendAnalysis from "./Map/legendAnalysis.vue";
+import router from "@/router";
+import { useStore } from "vuex"; // 寮曞叆useStore 鏂规硶
+
+const store = useStore(); // 璇ユ柟娉曠敤浜庤繑鍥瀞tore 瀹炰緥
const layerExportshow = ref(false);
-const init = () => {
- viewer = InitMap.Viewer;
- map = InitMap.sgworld;
-};
+const layerSpatialshow = ref(false);
+const layerLocationshow = ref(false);
+
//鍏抽棴鐘舵��
const SETexportMap = (res) => {
layerExportshow.value = res;
@@ -44,17 +76,51 @@
const functionForJs = (res) => {
switch (res.type) {
case "exportMap":
+ store.state.exportImgUrl = res.url;
layerExportshow.value = res.value;
break;
+ case "spatialQuery":
+ setSpatialQuery(res);
+ break;
+ case "closeNavigatBar":
+ setCloseNavigatBar();
+ break;
+ case "coordLocation":
+ setCoordLocation(res);
+ break;
}
};
-onMounted(() => {
- // console.log(SmartEarth);
- InitMap.init3DMap();
- init();
+const setCoordLocation = (res) => {
+ layerLocationshow.value = res;
+};
+const setCloseNavigatBar = () => {
+ const infobar = document.getElementsByClassName("map-info-bar")[0];
+ infobar.style.display = "none";
+ const navigation = document.getElementsByClassName("navigation-controls")[0];
+ navigation.style.top = "calc(100% - 182px)";
+ navigation.style.right = "70px";
+ const compass = document.getElementsByClassName("compass")[0];
+ compass.style.top = "calc(100% - 280px)";
+ compass.style.right = "38px";
+};
+const setSpatialQuery = async (res) => {
+ store.state.spatialQueryData.wkt = res.value;
+ layerSpatialshow.value = true;
+};
+const SETspatialClose = (res) => {
+ layerSpatialshow.value = res;
+};
+onMounted(() => {
+ var token = getToken();
+ if (!token) {
+ router.push("/Login");
+ }
+
+ // setCloseNavigatBar();
window.functionForJs = functionForJs;
+ store.state.isShowMap = true;
});
</script>
<style lang="less" scoped>
--
Gitblit v1.9.3