From 087510aa88b0a6b6b5c648907e9dd52394621d47 Mon Sep 17 00:00:00 2001
From: surprise <15810472099@163.com>
Date: 星期二, 07 五月 2024 10:57:39 +0800
Subject: [PATCH] 代码更新
---
src/components/map/layerManager.vue | 43 ++++++++++++++++++++++---------------------
1 files changed, 22 insertions(+), 21 deletions(-)
diff --git a/src/components/layerManager.vue b/src/components/map/layerManager.vue
similarity index 90%
rename from src/components/layerManager.vue
rename to src/components/map/layerManager.vue
index a55e967..c5edaf1 100644
--- a/src/components/layerManager.vue
+++ b/src/components/map/layerManager.vue
@@ -10,9 +10,9 @@
<div class="titleLable">鍥惧眰绠＄悊</div>
</div>
<div class="titleImg set"
- title="鏂板缓婕旂ず鏂规"
- @click="setAddNewPlan">
- <Plus />
+ @click="store.state.layerFlag = null"
+ title="鍏抽棴">
+ <CloseBold />
</div>
</div>
<div class="layerContent">
@@ -60,10 +60,10 @@
children?: Tree[];
}
const treeRef = ref<InstanceType<typeof ElTree>>();
-import { MoreFilled, Setting, Plus } from "@element-plus/icons-vue";
-import palyTools from "@/assets/js/palyTools";
-import configTool from "@/assets/js/configTool";
-import layerManager from "@/assets/js/layerManage";
+import { MoreFilled, Setting, CloseBold } from "@element-plus/icons-vue";
+import palyTools from "@/assets/js/tool/palyTools";
+import configTool from "@/assets/js/tool/configTool";
+import layerManager from "@/assets/js/map/layerManage";
import axios from "axios";
import store from "@/store";
const treeData = ref([]);
@@ -116,7 +116,8 @@
};
const setTreeStart = () => {
- axios.get("/data/json/SmartEarth.json").then((res) => {
+ var url = config.jsonUrl + "SmartEarth.json";
+ axios.get(url).then((res) => {
setTreeDataStart(res.data);
});
};
@@ -162,22 +163,22 @@
<style lang="less" scoped>
.layerBox {
- width: 359px;
- height: 680px;
+ width: 300px;
+ height: 600px;
background: rgba(7, 8, 14, 0.8);
box-shadow: inset 0px 10px 40px 10px rgba(38, 47, 71, 1);
- z-index: 40;
+
position: absolute;
- z-index: 40;
- top: 2%;
- left: 1%;
+ z-index: 41;
+ top: 150px;
+ right: 1%;
.layerTitle {
width: calc(100% - 27px);
height: 42px;
- background: #0e151f;
- box-shadow: 0px 0px 6px 0px #080c13,
- 0px 14px 16px 0px rgba(38, 47, 71, 0.68);
+ background: #30bcff;
+ box-shadow: 0 2px 3px rgba(16, 133, 80, 0.5);
+ border-bottom: 1px solid #20bc74;
display: flex;
justify-content: space-between;
padding-left: 7px;
@@ -202,7 +203,7 @@
height: 100%;
display: flex;
align-items: center;
- color: rgba(104, 156, 255, 1);
+ color: #fff;
}
.set {
@@ -211,7 +212,7 @@
}
.layerContent {
- height: 625px;
+ height: 525px;
padding: 0 8px;
overflow: auto;
overflow-y: auto;
@@ -223,12 +224,12 @@
.layerContent::-webkit-scrollbar-thumb {
border-radius: 10px;
- background: rgba(0, 0, 0, 0.2);
+ background: rgba(35, 47, 42, 0.8);
}
.layerContent::-webkit-scrollbar-track {
border-radius: 0;
- background: rgba(0, 0, 0, 0);
+ background: rgba(35, 47, 42, 0.8);
}
.el-tree {
--
Gitblit v1.9.3