From 50f52beb0ed100105166f62027cd0b15e6b596dc Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期六, 12 十一月 2022 15:02:01 +0800
Subject: [PATCH] 重新
---
src/views/Synthesis/index.vue | 247 +++++--------------------------------------------
1 files changed, 26 insertions(+), 221 deletions(-)
diff --git a/src/views/Synthesis/index.vue b/src/views/Synthesis/index.vue
index 43e74b1..b16b0a7 100644
--- a/src/views/Synthesis/index.vue
+++ b/src/views/Synthesis/index.vue
@@ -23,44 +23,26 @@
<measurement />
</el-tab-pane>
<el-tab-pane v-if="menuStatus.menu8" :label="$t('synthesis.plotting')">
- <plotting @drawing="showBtn" />
+ <plotting />
</el-tab-pane>
</el-tabs>
<el-card class="box-card">
<map-div></map-div>
</el-card>
- <div class="plotBox">
- <el-collapse-transition>
- <div class="transition-box" v-show="showBtnBox">
- <ul>
- <li
- @click="changePlot(item)"
- v-for="item in itemsOne"
- :key="item.id"
- >
- <div class="divli">
- <div :class="item.class" class="backimge8"></div>
- </div>
- <div class="div_li">{{ $t(item.name) }}</div>
- </li>
- </ul>
- </div>
- </el-collapse-transition>
- </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,
@@ -75,59 +57,6 @@
},
data() {
return {
- showBtnBox: false,
- itemsOne: [
- {
- id: "1",
- name: "synthesis.point",
- class: "h1",
- },
- {
- id: "2",
- name: "synthesis.line",
- class: "h2",
- },
- // {
- // id: "3",
- // name: "synthesis.rectangle",
- // class: "h3",
- // },
- {
- id: "4",
- name: "synthesis.polygon",
- class: "h4",
- },
- // {
- // id: "7",
- // name: "synthesis.symboliclabel",
- // class: "h7",
- // },
- // {
- // id: "5",
- // name: "synthesis.flatterrain",
- // class: "h5",
- // },
- // {
- // id: "6",
- // name: "synthesis.terrainexcavation",
- // class: "h6",
- // },
- {
- id: "8",
- name: "synthesis.removepaint",
- class: "h8",
- },
- // {
- // id: "9",
- // name: "synthesis.openFile",
- // class: "h6",
- // },
- // {
- // id: "10",
- // name: "synthesis.saveFile",
- // class: "h8",
- // },
- ],
iframeSrc: null,
messageName: null,
permsId: null,
@@ -144,88 +73,14 @@
};
},
watch: {},
- created() {},
methods: {
- showBtn() {
- this.showBtnBox = !this.showBtnBox;
- },
- changePlot(res) {
- sgworld.Creator.SimpleGraphic.edit(true, { editProp: true });
- switch (res.id) {
- case "1":
- sgworld.Creator.createSimpleGraphic(
- "point",
- {},
- function (entity) {}
- );
- break;
- case "2":
- sgworld.Creator.createSimpleGraphic(
- "polyline",
- {},
- function (entity) {}
- );
- break;
- case "3":
- sgworld.Creator.createSimpleGraphic(
- "rectangle",
- {},
- function (entity) {}
- );
- break;
- case "4":
- sgworld.Creator.createSimpleGraphic(
- "polygon",
- {},
- function (entity) {}
- );
- break;
- case "6":
- if (window.Excavation) {
- window.Excavation.clear();
- window.Excavation = null;
- } else {
- this.$refs.terrainDig.open();
- }
- break;
- case "5":
- if (window.TerrainFlattening) {
- window.TerrainFlattening.remove();
- window.TerrainFlattening = null;
- } else {
- this.$refs.modelPress.open();
- }
- break;
- case "7":
- sgworld.Creator.createModelLibrary();
- break;
- case "8":
- this.clearAll();
- break;
- case "10":
-
- break;
- }
- },
-
- clearAll() {
- sgworld.Creator.SimpleGraphic.clear();
- if (window.Excavation) {
- window.Excavation.clear();
- window.Excavation = null;
- }
- if (window.TerrainFlattening) {
- window.TerrainFlattening.remove();
- window.TerrainFlattening = null;
- }
- },
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 +94,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 +125,7 @@
if (this.$store.state.currentPerms) {
val = this.$store.state.currentPerms;
} else {
- val = "/comprehensive";
+ val = '/comprehensive';
}
var permsEntity = this.$store.state.permsEntity;
@@ -294,7 +149,7 @@
},
mounted() {
//this.messageName = this.$store.state.teNmme;
- this.$bus.$on("changetool", (e) => {
+ this.$bus.$on('changetool', (e) => {
this.tepostmessage(e);
});
},
@@ -305,8 +160,8 @@
};
</script>
-<style >
-.synthesis .el-card {
+<style>
+.el-card {
border: transparent !important;
}
.synthesis {
@@ -335,14 +190,13 @@
}
.synthesis .box-card {
height: 88%;
- position: relative;
border-radius: 0px;
}
.synthesis .el-card .el-card__body {
padding: 0px;
}
-.synthesis .cardbox {
+.cardbox {
width: 98%;
height: 86%;
position: absolute;
@@ -350,54 +204,5 @@
.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