From b3dfb58acba1eda7c45d949a3e67fcb849509dec Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期四, 31 八月 2023 16:46:52 +0800
Subject: [PATCH] 图层详细弹出页面“详细编辑”，设置成可拖动的；属性框弹出后，表头的"属性"改为对应图层名称
---
src/views/query/SpatialQuery.vue | 10 +++++++++-
src/views/layer/attributeList.vue | 2 +-
src/views/layer/layerDetail.vue | 45 +++++++++++++++++++++++++++++++++++----------
src/views/layer/layerManage.vue | 1 +
src/store/index.ts | 1 +
5 files changed, 47 insertions(+), 12 deletions(-)
diff --git a/src/store/index.ts b/src/store/index.ts
index b115d35..a362c16 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -29,6 +29,7 @@
},
restLayer: false,
isShowMap: true,
+ spatialTitle: null,
},
mutations: {
//鑾峰彇鐧诲綍Code
diff --git a/src/views/layer/attributeList.vue b/src/views/layer/attributeList.vue
index 4edaa49..410bc80 100644
--- a/src/views/layer/attributeList.vue
+++ b/src/views/layer/attributeList.vue
@@ -5,7 +5,7 @@
>
<!-- v-resizable="'right, bottom'" -->
<div class="spatialTitle">
- <label>灞炴��</label>
+ <label>{{store.state.spatialTitle }}</label>
<el-icon
@click="setSpatialClose"
:size="20"
diff --git a/src/views/layer/layerDetail.vue b/src/views/layer/layerDetail.vue
index 375df79..14fe6fa 100644
--- a/src/views/layer/layerDetail.vue
+++ b/src/views/layer/layerDetail.vue
@@ -1,8 +1,15 @@
<template>
- <div class="content">
+ <div
+ class="content"
+ v-drag="true"
+ >
<div class="title">
<label>璇︾粏缂栬緫</label>
- <el-icon @click="setSpatialClose" :size="20" style="cursor: pointer">
+ <el-icon
+ @click="setSpatialClose"
+ :size="20"
+ style="cursor: pointer"
+ >
<Close />
</el-icon>
</div>
@@ -12,9 +19,15 @@
layerName
}}</el-checkbox> -->
{{ layerData.cnName }}
- <img src="../../assets/img/layer.png" alt="" />
+ <img
+ src="../../assets/img/layer.png"
+ alt=""
+ />
</div>
- <div class="slider-demo-block" v-show="diaphaneityShow">
+ <div
+ class="slider-demo-block"
+ v-show="diaphaneityShow"
+ >
<div class="demonstration">閫忔槑搴�</div>
<el-slider
v-model="transparence"
@@ -23,7 +36,10 @@
/>
<div class="demonstration">{{ transparence }}%</div>
</div>
- <div class="slider-demo-block" v-show="contrastShow">
+ <div
+ class="slider-demo-block"
+ v-show="contrastShow"
+ >
<div class="demonstration">瀵规瘮搴�</div>
<el-slider
v-model="contrast"
@@ -33,7 +49,10 @@
/>
<div class="demonstration">{{ contrast }}</div>
</div>
- <div class="selectBox" v-show="drawingModeShow">
+ <div
+ class="selectBox"
+ v-show="drawingModeShow"
+ >
<div class="selectTile demonstration">鎷変几鏂瑰紡</div>
<el-select
v-model="stretchValue"
@@ -51,7 +70,10 @@
</el-option>
</el-select>
</div>
- <div class="selectBox" v-show="colorShow">
+ <div
+ class="selectBox"
+ v-show="colorShow"
+ >
<div class="selectTile demonstration">娓叉煋绫诲瀷</div>
<el-select
v-model="renderType"
@@ -71,7 +93,10 @@
<!-- <img :src="item.url" style="height: 30px; margin-right: 10px" />
<span>{{ item.label }}</span> -->
- <img :src="item.url" style="height: 30px; width: 100%" />
+ <img
+ :src="item.url"
+ style="height: 30px; width: 100%"
+ />
</el-option>
</el-select>
</div>
@@ -237,11 +262,11 @@
.content {
background: #1e2a3d;
padding: 20px;
- height: 400px;
+ // height: 400px;
margin-left: 20px;
margin-top: 40px;
min-width: 200px;
- z-index: 30;
+ z-index: 40;
position: absolute;
.title {
font-size: 18px;
diff --git a/src/views/layer/layerManage.vue b/src/views/layer/layerManage.vue
index f243036..ac879e4 100644
--- a/src/views/layer/layerManage.vue
+++ b/src/views/layer/layerManage.vue
@@ -208,6 +208,7 @@
layerDetailIsshow.value = false;
layerObjData.value = e;
+ store.state.spatialTitle = e.cnName;
if (res == 2) {
layerAttributeIsshow.value = true;
store.state.tab = e;
diff --git a/src/views/query/SpatialQuery.vue b/src/views/query/SpatialQuery.vue
index 35f9fae..9a6cb27 100644
--- a/src/views/query/SpatialQuery.vue
+++ b/src/views/query/SpatialQuery.vue
@@ -176,6 +176,7 @@
v-model="downloaVisible"
title="涓嬭浇"
width="30%"
+ :show-close="false"
>
<div
class="spatialTable"
@@ -239,7 +240,10 @@
size="small"
@click="submitForm(downFormRef)"
>鎻愪氦</el-button>
- <el-button size="small">鍙栨秷</el-button>
+ <el-button
+ size="small"
+ @click="setCloseSpatialDownload"
+ >鍙栨秷</el-button>
</el-form-item>
</el-form>
</div>
@@ -423,6 +427,10 @@
downTable.value = menuList.value;
downloaVisible.value = true;
};
+const setCloseSpatialDownload = () => {
+ downloaVisible.value = false;
+ setClearDownload();
+};
//瀹氫綅鏄剧ず
const spaceLocation = (index, row) => {
var geom = menuTool.decr(row.geom);
--
Gitblit v1.9.3