From 62ae55ae397b7997b147a7b946f7ad5f1c78a45d Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期三, 26 十月 2022 19:34:33 +0800
Subject: [PATCH] 综合展示，系统管理，授权管理，专题图，资料馆添加权限配置
---
src/views/Synthesis/plotting.vue | 203 ++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 163 insertions(+), 40 deletions(-)
diff --git a/src/views/Synthesis/plotting.vue b/src/views/Synthesis/plotting.vue
index f80cbe5..dd33b88 100644
--- a/src/views/Synthesis/plotting.vue
+++ b/src/views/Synthesis/plotting.vue
@@ -2,74 +2,197 @@
<div class="box">
<ul>
<li
- style="width: 86px"
+ style="margin-left: 20px"
@click="changePlot(item)"
v-for="item in itemsOne"
>
<div class="divli">
<div :class="item.class" class="backimge8"></div>
</div>
- <div class="div_li">{{ item.name }}</div>
+ <div class="div_li">{{ $t(item.name) }}</div>
+ </li>
+ <li v-if="plotStatus.delete" style="margin-left: 20px">
+ <div class="divli">
+ <div class="backimge8"><i class="el-icon-delete"></i></div>
+ </div>
+ <div class="div_li">鍒犻櫎</div>
+ </li>
+ <li v-if="plotStatus.upload" style="margin-left: 20px">
+ <div class="divli">
+ <div class="backimge8"><i class="el-icon-upload2"></i></div>
+ </div>
+ <div class="div_li">涓婁紶</div>
+ </li>
+ <li v-if="plotStatus.upload" style="margin-left: 20px">
+ <div class="divli">
+ <div class="backimge8"><i class="el-icon-plus"></i></div>
+ </div>
+ <div class="div_li">鏂板</div>
+ </li>
+ <li v-if="plotStatus.upload" style="margin-left: 20px">
+ <div class="divli">
+ <div class="backimge8"><i class="el-icon-edit"></i></div>
+ </div>
+ <div class="div_li">淇敼</div>
</li>
</ul>
+ <terrainDig ref="terrainDig" />
+ <modelPress ref="modelPress" />
</div>
</template>
<script>
+// 娴嬮噺-淇℃伅寮圭獥
+import terrainDig from '../Tools/terrainDig.vue';
+import modelPress from '../Tools/modelPress.vue';
export default {
+ components: { terrainDig, modelPress },
data() {
return {
+ plotStatus: {
+ delete: false,
+ upload: false,
+ insert: false,
+ update: false,
+ },
itemsOne: [
{
- id: "1",
- name: "鐐�",
- class: "h1",
+ id: '1',
+ name: 'synthesis.point',
+ class: 'h1',
},
{
- id: "2",
- name: "绾�",
- class: "h2",
+ id: '2',
+ name: 'synthesis.line',
+ class: 'h2',
},
{
- id: "3",
- name: "鐭╁舰",
- class: "h3",
+ id: '3',
+ name: 'synthesis.rectangle',
+ class: 'h3',
},
{
- id: "4",
- name: "澶氳竟褰�",
- class: "h4",
+ id: '4',
+ name: 'synthesis.polygon',
+ class: 'h4',
},
{
- id: "7",
- name: "绗﹀彿鍖栨爣绛�",
- class: "h7",
+ id: '7',
+ name: 'synthesis.symboliclabel',
+ class: 'h7',
},
{
- id: "5",
- name: "鍦板舰骞虫暣",
- class: "h5",
+ id: '5',
+ name: 'synthesis.flatterrain',
+ class: 'h5',
},
{
- id: "6",
- name: "鍦板舰寮�鎸�",
- class: "h6",
+ id: '6',
+ name: 'synthesis.terrainexcavation',
+ class: 'h6',
},
{
- id: "8",
- name: "娓呴櫎缁樺埗",
- class: "h8",
+ id: '8',
+ name: 'synthesis.removepaint',
+ class: 'h8',
},
],
};
},
+ created() {
+ var cover_Id = this.$store.state.syntiesis.menu;
+ var cover_perms = this.$store.state.permsEntity;
+
+ for (var i = 0; i < cover_perms.length; i++) {
+ if (cover_perms[i].pid == cover_Id) {
+ this.showViewMenu(cover_perms[i]);
+ }
+ }
+ },
methods: {
+ showViewMenu(res) {
+ if (res.cnName != '鏍囩粯') return;
+ switch (res.tag) {
+ case '/delete':
+ this.plotStatus.delete = true;
+ break;
+ case '/upload':
+ this.plotStatus.upload = true;
+ break;
+ case '/insert':
+ this.plotStatus.insert = true;
+ break;
+ case '/update':
+ this.plotStatus.update = true;
+ break;
+ }
+ },
changePlot(res) {
- var res_val = {
- url: "",
- name: res.name,
- };
- this.$bus.$emit("changetool", res_val);
+ 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;
+ }
+ },
+ clearAll() {
+ sgworld.Creator.SimpleGraphic.clear();
+ if (window.Excavation) {
+ window.Excavation.clear();
+ window.Excavation = null;
+ }
+ if (window.TerrainFlattening) {
+ window.TerrainFlattening.remove();
+ window.TerrainFlattening = null;
+ }
},
},
};
@@ -95,41 +218,41 @@
margin: 0px;
}
.h1 {
- background: url("../../assets/img/synthesis/妞渾 5 鎷疯礉 3.png") no-repeat
+ background: url('../../assets/img/synthesis/妞渾 5 鎷疯礉 3.png') no-repeat
center;
}
.h2 {
- background: url("../../assets/img/synthesis/妞渾 3 鎷疯礉 16.png") no-repeat
+ background: url('../../assets/img/synthesis/妞渾 3 鎷疯礉 16.png') no-repeat
center;
}
.h3 {
- background: url("../../assets/img/synthesis/妞渾 3 鎷疯礉 20.png") no-repeat
+ background: url('../../assets/img/synthesis/妞渾 3 鎷疯礉 20.png') no-repeat
center;
}
.h4 {
- background: url("../../assets/img/synthesis/妞渾 3 鎷疯礉 23.png") no-repeat
+ background: url('../../assets/img/synthesis/妞渾 3 鎷疯礉 23.png') no-repeat
center;
}
.h5 {
- background: url("../../assets/img/synthesis/鐭╁舰 14 鎷疯礉.png") no-repeat
+ background: url('../../assets/img/synthesis/鐭╁舰 14 鎷疯礉.png') no-repeat
center;
}
.h6 {
- background: url("../../assets/img/synthesis/鐭╁舰 14 鎷疯礉 7.png") no-repeat
+ background: url('../../assets/img/synthesis/鐭╁舰 14 鎷疯礉 7.png') no-repeat
center;
}
.h7 {
- background: url("../../assets/img/synthesis/鏂囨湰椋庢牸.png") no-repeat center;
+ background: url('../../assets/img/synthesis/鏂囨湰椋庢牸.png') no-repeat center;
}
.h8 {
- background: url("../../assets/img/synthesis/娓呴櫎.png") no-repeat center;
+ background: url('../../assets/img/synthesis/娓呴櫎.png') no-repeat center;
}
.backimge8 {
width: 30px;
height: 30px;
- margin-left: 30px;
position: absolute;
background-size: 100% 100%;
+ margin: 0% 30%;
}
.divli {
width: 100%;
--
Gitblit v1.9.3