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/layer/layerDetail.vue | 45 +++++++++++++++++++++++++++++++++++---------- 1 files changed, 35 insertions(+), 10 deletions(-) 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; -- Gitblit v1.9.3