From c6a9b11ff0783bcd81a043a179fbc27f685eee70 Mon Sep 17 00:00:00 2001
From: lxl <lixuliang_hd@126.com>
Date: 星期一, 07 十一月 2022 16:19:43 +0800
Subject: [PATCH] 菜单
---
src/views/Synthesis/index.vue | 247 ++++++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 221 insertions(+), 26 deletions(-)
diff --git a/src/views/Synthesis/index.vue b/src/views/Synthesis/index.vue
index b16b0a7..43e74b1 100644
--- a/src/views/Synthesis/index.vue
+++ b/src/views/Synthesis/index.vue
@@ -23,26 +23,44 @@
<measurement />
</el-tab-pane>
<el-tab-pane v-if="menuStatus.menu8" :label="$t('synthesis.plotting')">
- <plotting />
+ <plotting @drawing="showBtn" />
</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,
@@ -57,6 +75,59 @@
},
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,
@@ -73,14 +144,88 @@
};
},
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) {
@@ -94,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;
}
@@ -125,7 +270,7 @@
if (this.$store.state.currentPerms) {
val = this.$store.state.currentPerms;
} else {
- val = '/comprehensive';
+ val = "/comprehensive";
}
var permsEntity = this.$store.state.permsEntity;
@@ -149,7 +294,7 @@
},
mounted() {
//this.messageName = this.$store.state.teNmme;
- this.$bus.$on('changetool', (e) => {
+ this.$bus.$on("changetool", (e) => {
this.tepostmessage(e);
});
},
@@ -160,8 +305,8 @@
};
</script>
-<style>
-.el-card {
+<style >
+.synthesis .el-card {
border: transparent !important;
}
.synthesis {
@@ -190,13 +335,14 @@
}
.synthesis .box-card {
height: 88%;
+ position: relative;
border-radius: 0px;
}
.synthesis .el-card .el-card__body {
padding: 0px;
}
-.cardbox {
+.synthesis .cardbox {
width: 98%;
height: 86%;
position: absolute;
@@ -205,4 +351,53 @@
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