From 5c11db14675b3a0f409e8c79e07304f37514b52a Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期六, 26 十一月 2022 21:14:39 +0800
Subject: [PATCH] 添加综合展示，在线制图，资料馆跳转页面功能，修改数据管理，运维管理页面数据获取
---
src/views/Synthesis/index.vue | 193 +++++++++++++-----------------------------------
1 files changed, 52 insertions(+), 141 deletions(-)
diff --git a/src/views/Synthesis/index.vue b/src/views/Synthesis/index.vue
index 43e74b1..a0d6c7f 100644
--- a/src/views/Synthesis/index.vue
+++ b/src/views/Synthesis/index.vue
@@ -1,6 +1,7 @@
<template>
<div class="synthesis">
- <el-tabs type="border-card">
+ <map-div></map-div>
+ <!-- <el-tabs type="border-card">
<el-tab-pane v-if="menuStatus.menu1" :label="$t('synthesis.coverage')">
<coverage />
</el-tab-pane>
@@ -27,7 +28,7 @@
</el-tab-pane>
</el-tabs>
<el-card class="box-card">
- <map-div></map-div>
+
</el-card>
<div class="plotBox">
<el-collapse-transition>
@@ -46,21 +47,21 @@
</ul>
</div>
</el-collapse-transition>
- </div>
+ </div> -->
</div>
</template>
<script>
-import coverage from "./coverage.vue"; //鍥惧眰
-import viewport from "./viewport.vue"; //瑙嗗浘
-import wander from "./wander.vue"; //婕父
-import analyse from "./analyse.vue"; //鍒嗘瀽
-import iqyery from "./inquire.vue"; //鏌ヨ
-import orientation from "./orientation.vue"; //瀹氫綅
-import measurement from "./measurement.vue"; //娴嬮噺
-import plotting from "./plotting.vue"; //鏍囩粯
-import MapDiv from "../../components/MapDiv";
-import { getPerms } from "../../api/api";
+import coverage from './coverage.vue'; //鍥惧眰
+import viewport from './viewport.vue'; //瑙嗗浘
+import wander from './wander.vue'; //婕父
+import analyse from './analyse.vue'; //鍒嗘瀽
+import iqyery from './inquire.vue'; //鏌ヨ
+import orientation from './orientation.vue'; //瀹氫綅
+import measurement from './measurement.vue'; //娴嬮噺
+import plotting from './plotting.vue'; //鏍囩粯
+import MapDiv from '../../components/MapDiv';
+import { getPerms } from '../../api/api';
export default {
components: {
coverage,
@@ -78,14 +79,14 @@
showBtnBox: false,
itemsOne: [
{
- id: "1",
- name: "synthesis.point",
- class: "h1",
+ id: '1',
+ name: 'synthesis.point',
+ class: 'h1',
},
{
- id: "2",
- name: "synthesis.line",
- class: "h2",
+ id: '2',
+ name: 'synthesis.line',
+ class: 'h2',
},
// {
// id: "3",
@@ -93,9 +94,9 @@
// class: "h3",
// },
{
- id: "4",
- name: "synthesis.polygon",
- class: "h4",
+ id: '4',
+ name: 'synthesis.polygon',
+ class: 'h4',
},
// {
// id: "7",
@@ -113,9 +114,9 @@
// class: "h6",
// },
{
- id: "8",
- name: "synthesis.removepaint",
- class: "h8",
+ id: '8',
+ name: 'synthesis.removepaint',
+ class: 'h8',
},
// {
// id: "9",
@@ -152,35 +153,35 @@
changePlot(res) {
sgworld.Creator.SimpleGraphic.edit(true, { editProp: true });
switch (res.id) {
- case "1":
+ case '1':
sgworld.Creator.createSimpleGraphic(
- "point",
+ 'point',
{},
function (entity) {}
);
break;
- case "2":
+ case '2':
sgworld.Creator.createSimpleGraphic(
- "polyline",
+ 'polyline',
{},
function (entity) {}
);
break;
- case "3":
+ case '3':
sgworld.Creator.createSimpleGraphic(
- "rectangle",
+ 'rectangle',
{},
function (entity) {}
);
break;
- case "4":
+ case '4':
sgworld.Creator.createSimpleGraphic(
- "polygon",
+ 'polygon',
{},
function (entity) {}
);
break;
- case "6":
+ case '6':
if (window.Excavation) {
window.Excavation.clear();
window.Excavation = null;
@@ -188,7 +189,7 @@
this.$refs.terrainDig.open();
}
break;
- case "5":
+ case '5':
if (window.TerrainFlattening) {
window.TerrainFlattening.remove();
window.TerrainFlattening = null;
@@ -196,14 +197,13 @@
this.$refs.modelPress.open();
}
break;
- case "7":
+ case '7':
sgworld.Creator.createModelLibrary();
break;
- case "8":
+ case '8':
this.clearAll();
break;
- case "10":
-
+ case '10':
break;
}
},
@@ -221,11 +221,11 @@
},
tepostmessage(res) {
const msg = {
- message: "changeTool",
+ message: 'changeTool',
data: res,
};
document
- .getElementById("sunIframe")
+ .getElementById('sunIframe')
.contentWindow.postMessage(msg, this.iframeSrc);
},
showMenuChange(res, result) {
@@ -239,28 +239,28 @@
},
showMenuStatus(res) {
switch (res.cnName) {
- case "鍥惧眰":
+ case '鍥惧眰':
this.menuStatus.menu1 = true;
break;
- case "瑙嗗浘":
+ case '瑙嗗浘':
this.menuStatus.menu2 = true;
break;
- case "婕父":
+ case '婕父':
this.menuStatus.menu3 = true;
break;
- case "鍒嗘瀽":
+ case '鍒嗘瀽':
this.menuStatus.menu4 = true;
break;
- case "鏌ヨ":
+ case '鏌ヨ':
this.menuStatus.menu5 = true;
break;
- case "瀹氫綅":
+ case '瀹氫綅':
this.menuStatus.menu6 = true;
break;
- case "娴嬮噺":
+ case '娴嬮噺':
this.menuStatus.menu7 = true;
break;
- case "鏍囩粯":
+ case '鏍囩粯':
this.menuStatus.menu8 = true;
break;
}
@@ -270,7 +270,7 @@
if (this.$store.state.currentPerms) {
val = this.$store.state.currentPerms;
} else {
- val = "/comprehensive";
+ val = '/comprehensive';
}
var permsEntity = this.$store.state.permsEntity;
@@ -294,7 +294,7 @@
},
mounted() {
//this.messageName = this.$store.state.teNmme;
- this.$bus.$on("changetool", (e) => {
+ this.$bus.$on('changetool', (e) => {
this.tepostmessage(e);
});
},
@@ -305,99 +305,10 @@
};
</script>
-<style >
-.synthesis .el-card {
- border: transparent !important;
-}
+<style>
.synthesis {
width: 100%;
height: 100%;
- position: relative;
-}
-.synthesis .el-tabs__item {
- color: white !important;
- text-align: center;
-
- background: rgb(55, 77, 110) !important;
-}
-.synthesis .is-active {
- color: white !important;
- background-color: #586884 !important;
- border: #586884 !important;
-}
-.synthesis .el-tabs__nav-scroll {
- background: rgb(55, 77, 110) !important;
-}
-.synthesis .el-tabs__content {
- color: white !important;
- background-color: #586884 !important;
- padding: 0px !important;
-}
-.synthesis .box-card {
- height: 88%;
- position: relative;
-
- border-radius: 0px;
-}
-.synthesis .el-card .el-card__body {
- padding: 0px;
-}
-.synthesis .cardbox {
- width: 98%;
- height: 86%;
position: absolute;
-}
-.synthesis .el-tabs--border-card {
- border: transparent;
- background: transparent;
-}
-.synthesis .divli {
- width: 100%;
- height: 50%;
- position: relative;
-}
-.synthesis li {
- list-style: none;
- float: left;
- height: 60px;
- text-align: center;
- margin: 2px;
- position: relative;
- cursor: pointer;
- margin-top: 5px;
-}
-.synthesis .backimge8 {
- width: 30px;
- height: 30px;
- position: absolute;
- background-size: 100% 100%;
- margin: 0% 30%;
-}
-.synthesis .plotBox {
- width: 160px;
- /* height:; */
- position: absolute;
- top: 115px;
- left: 5px;
- background-color: #596882;
-}
-.synthesis .plotBox .transition-box ul {
- display: flex;
- flex-wrap: wrap;
- justify-content: space-evenly;
- align-items: center;
- width: 100%;
- border-radius: 4px;
- text-align: center;
- color: #fff;
- /* background-color: #bfa; */
- box-sizing: border-box;
-}
-.synthesis .plotBox .transition-box li {
- margin: 5px;
- width: 46%;
- margin-left: 0;
- /* background-color: #fff; */
- justify-content: space-between;
}
</style>
--
Gitblit v1.9.3