From 698582a994ef3c05bb6243952675b0f14f31ca2e Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期一, 03 七月 2023 16:21:42 +0800
Subject: [PATCH] 修改鼠标获取经纬度方法；添加分辨率显示功能;修改图层管理，字体大小，菜单样式；修改图层编辑弹窗样式;添加地图快照功能;修改左侧菜单样式
---
src/views/layer/layerManage.vue | 67 ++++++++++++++++++++++++++-------
1 files changed, 52 insertions(+), 15 deletions(-)
diff --git a/src/views/layer/layerManage.vue b/src/views/layer/layerManage.vue
index 0474750..7eddd0f 100644
--- a/src/views/layer/layerManage.vue
+++ b/src/views/layer/layerManage.vue
@@ -1,18 +1,31 @@
<template>
- <div v-drag class="layerBox">
+ <div
+ v-drag
+ class="layerBox"
+ >
<div class="layerTitle">
<div class="tileLeft">
- <div class="titleImg">
+ <div
+ @click="setCloseLayer"
+ class="titleImg"
+ >
<ArrowLeft />
</div>
<div class="titleLable">鍥惧眰绠＄悊</div>
</div>
- <div class="titleImg set" @click="layerSetBox">
+ <div
+ class="titleImg set"
+ @click="layerSetBox"
+ >
<Setting />
</div>
</div>
<div class="layerContent">
- <div class="contentBox" v-for="(item, i) in menuOption" :key="i">
+ <div
+ class="contentBox"
+ v-for="(item, i) in menuOption"
+ :key="i"
+ >
<div class="contentTile">
<div class="contentLeft">
<div class="contentImg"></div>
@@ -23,8 +36,7 @@
<el-checkbox
@change="handlCheckAllChange(item)"
v-model="item.checkedAll"
- >鍏ㄩ儴閫変腑</el-checkbox
- >
+ >鍏ㄩ儴閫変腑</el-checkbox>
</div>
<div>
<div
@@ -36,15 +48,24 @@
</div>
</div>
- <div class="content" v-show="item.isShow">
- <div class="layer_box" v-for="(v, k) in item.children" :key="k">
+ <div
+ class="content"
+ v-show="item.isShow"
+ >
+ <div
+ class="layer_box"
+ v-for="(v, k) in item.children"
+ :key="k"
+ >
<div class="check_box">
<el-checkbox
@change="handlCheckAllChange(item)"
v-model="v.layerState"
- >{{ v.layerName }}</el-checkbox
- >
- <img src="../../assets/img/layer.png" alt="" />
+ >{{ v.layerName }}</el-checkbox>
+ <img
+ src="../../assets/img/layer.png"
+ alt=""
+ />
</div>
<div class="slider-demo-block">
<div class="demonstration">閫忔槑搴�</div>
@@ -72,7 +93,10 @@
</div>
</div>
</div>
- <layer-set v-show="layerSetIsshow" @SETstate="SETstate"></layer-set>
+ <layer-set
+ v-show="layerSetIsshow"
+ @SETstate="SETstate"
+ ></layer-set>
</template>
<script lang="ts" setup>
@@ -131,7 +155,7 @@
},
]);
const layerSetIsshow = ref(false);
-
+const emits = defineEmits(["setCloseLayer"]);
const handlCheckAllChange = (res) => {};
const handlIsShow = (res: string) => {
menuOption.forEach((e) => {
@@ -148,6 +172,9 @@
const SETstate = (res) => {
layerSetIsshow.value = res;
};
+const setCloseLayer = () => {
+ emits("setCloseLayer", false);
+};
</script>
<style lang="less" scoped>
@@ -155,6 +182,7 @@
width: 359px;
height: 680px;
background: rgba(7, 8, 14, 0.8);
+ box-shadow: inset 0px 10px 40px 10px rgba(38, 47, 71, 1);
.layerTitle {
width: calc(100% - 27px);
height: 42px;
@@ -172,7 +200,7 @@
align-items: center;
.titleLable {
- font-size: 24px;
+ font-size: 18px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #ffffff;
@@ -216,9 +244,11 @@
margin-left: 16px;
}
.contentLabel {
- font-size: 20px;
+ font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 300;
+ margin-bottom: 5px;
+
color: #ffffff;
margin-left: 7px;
}
@@ -229,6 +259,9 @@
align-items: center;
.contentCheck {
margin-right: 12px;
+ /deep/.el-checkbox__label {
+ font-size: 14px;
+ }
}
.contentUP {
width: 18px;
@@ -300,6 +333,7 @@
background-size: 100% 100%;
border-radius: 0;
}
+
.selectBox {
margin-top: 24px;
.selectTile {
@@ -310,4 +344,7 @@
}
}
}
+/deep/.el-select-dropdown__item {
+ font-size: 12px !important;
+}
</style>
--
Gitblit v1.9.3