From dd7b7fbca6e6cddcd013956161fdd730c172c725 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Fri, 07 Jul 2023 15:49:48 +0800
Subject: [PATCH] 电子沙盘多边形图片更改
---
src/views/activity/components/polygonPlot.vue | 27 +++++++++++++++++++++++++--
1 files changed, 25 insertions(+), 2 deletions(-)
diff --git a/src/views/activity/components/polygonPlot.vue b/src/views/activity/components/polygonPlot.vue
index 7fd26de..58831e3 100644
--- a/src/views/activity/components/polygonPlot.vue
+++ b/src/views/activity/components/polygonPlot.vue
@@ -80,7 +80,8 @@
<div class="line" v-show="isNeedPolygonType">
<div class="value-name-box">选择类型：</div>
<div class="select-type" style="flex: 1;">
- <el-select size="small" v-model="polygonAreaType" placeholder="请选择区域类型">
+ <el-select size="small" v-model="polygonAreaType" placeholder="请选择区域类型"
+ @change="polygonAreaTypeChange">
<el-option v-for="item in polygonAreaOption" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
@@ -96,6 +97,18 @@
style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 999; width: 20px; height: 20px;" />
</el-button>
<images-select v-show="imagesListShow" @curClick="curClick"></images-select>
+ </div>
+ </div>
+
+ <div class="line" v-show="warningImageShow">
+ <div class="value-name-box">警戒线样式：</div>
+ <div class="select-image" style="position: relative; display: flex; align-items: center;">
+ <el-button style="margin-top: 0; position: relative; background: transparent; border-color: #fff;"
+ @click="imagesListShow = !imagesListShow">
+ <img :src="curImgUrl" alt
+ style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 999; width: 20px; height: 20px;" />
+ </el-button>
+ <Warning-select v-show="imagesListShow" @curClick="curClick"></Warning-select>
</div>
</div>
@@ -181,6 +194,8 @@
label: '瀑布墙'
}],
+ warningImageShow: false,
+
restPlotSelectArray: [
{
value: 6,
@@ -217,6 +232,7 @@
polygonPlotData = `${positions.lng} ${positions.lat}`
this.customImageShow = false
this.restSelectBox = false
+ this.warningImageShow = false
this.restPlotType = 6
let color = ''
@@ -255,6 +271,8 @@
this.polygonRemark = ''
this.choosePlotColorAlpha = 48
this.customImageShow = false
+ this.warningImageShow = false
+ this.restSelectBox = false
if (type == 5) {
this.polygonAreaType = 1
@@ -270,6 +288,7 @@
setCurOver (e) {
this.restSelectBox = false
this.customImageShow = false
+ this.warningImageShow = false
plotOverlayData = e
@@ -388,6 +407,7 @@
positionStr = polygonPlotData
} else if (this.plotSaveType == 5) {
positionStr = polygonPlotData
+ if (this.polygonAreaType == 2) iconUrl = { iconUrl: this.curImgUrl }
} else if (this.plotSaveType == 6 || this.plotSaveType == 7 || this.plotSaveType == 8) {
positionStr = polygonPlotData + ',' + polygonPlotData
} else if (this.plotSaveType == 10) {
@@ -432,8 +452,11 @@
})
}
})
- }
+ },
+ polygonAreaTypeChange (e) {
+ e == 2 ? this.warningImageShow = true : this.warningImageShow = false
+ }
},
}
</script>
--
Gitblit v1.9.3