|
@ -16,12 +16,12 @@
|
16
|
16
|
<div class="label-content">
|
17
|
17
|
<div class="label">标记类型:</div>
|
18
|
18
|
<div class="input-rule">
|
19
|
|
<t-select v-model="queryCondition.mapAreaType" placeholder="请输入...">
|
|
19
|
<t-select v-model="queryCondition.mapAreaType" placeholder="请选择...">
|
20
|
20
|
<t-option
|
21
|
21
|
v-for="item in markTypes"
|
22
|
|
:key="item.mapAreaTypeId"
|
23
|
|
:value="item.mapAreaTypeId"
|
24
|
|
>{{ item.mapAreaTypeName }}</t-option
|
|
22
|
:key="item.mapAreaBusinessType"
|
|
23
|
:value="item.mapAreaBusinessType"
|
|
24
|
>{{ item.name }}</t-option
|
25
|
25
|
>
|
26
|
26
|
</t-select>
|
27
|
27
|
</div>
|
|
@ -45,8 +45,8 @@
|
45
|
45
|
</div>
|
46
|
46
|
<div class="search-ctn" style="justify-content: flex-end;">
|
47
|
47
|
<div class="btns">
|
48
|
|
<t-button v-for="(item,index) in markTypes" :key="index+'type'" color="success" icon="plus-outline" @click="markModal(item.mapAreaTypeId)"
|
49
|
|
>{{ item.mapAreaTypeName }}</t-button
|
|
48
|
<t-button v-for="(item,index) in markTypes" :key="index+'type'" color="success" icon="plus-outline" @click="markModal(item.mapAreaBusinessType)"
|
|
49
|
>{{ item.name }}</t-button
|
50
|
50
|
>
|
51
|
51
|
</div>
|
52
|
52
|
</div>
|
|
@ -117,9 +117,9 @@
|
117
|
117
|
<t-select v-model="markType" style="width:100px" placeholder="请输入...">
|
118
|
118
|
<t-option
|
119
|
119
|
v-for="item in markTypes"
|
120
|
|
:key="item.mapAreaTypeId"
|
121
|
|
:value="item.mapAreaTypeId"
|
122
|
|
>{{ item.mapAreaTypeName }}</t-option
|
|
120
|
:key="item.mapAreaBusinessType"
|
|
121
|
:value="item.mapAreaBusinessType"
|
|
122
|
>{{ item.name }}</t-option
|
123
|
123
|
>
|
124
|
124
|
</t-select>
|
125
|
125
|
</div>
|
|
@ -301,13 +301,11 @@ export default {
|
301
|
301
|
console.log(e)
|
302
|
302
|
this.layer = this.polygonDrawer.polygon(e) // 获取多边形信息
|
303
|
303
|
var color
|
304
|
|
if (this.markType == '3') {
|
305
|
|
color = 'red'
|
306
|
|
} else if (this.markType == '2') {
|
307
|
|
color = 'green'
|
308
|
|
} else {
|
309
|
|
color = 'blue'
|
310
|
|
}
|
|
304
|
this.markTypes.forEach(element => {
|
|
305
|
if (element.mapAreaBusinessType == this.markType) {
|
|
306
|
color = element.color
|
|
307
|
}
|
|
308
|
})
|
311
|
309
|
this.layer.options.opacity = 1.0
|
312
|
310
|
this.layer.options.color = color
|
313
|
311
|
this.layer.options.fillColor = color
|
|
@ -342,10 +340,10 @@ export default {
|
342
|
340
|
},
|
343
|
341
|
type_formatter(row, column) {
|
344
|
342
|
var arr = this.markTypes.filter((item) => {
|
345
|
|
return item.mapAreaTypeId === row.businessType
|
|
343
|
return item.mapAreaBusinessType === row.businessType
|
346
|
344
|
})
|
347
|
345
|
if (arr[0]) {
|
348
|
|
return arr[0].mapAreaTypeName
|
|
346
|
return arr[0].name
|
349
|
347
|
}
|
350
|
348
|
},
|
351
|
349
|
onChange(value) {
|
|
@ -354,7 +352,7 @@ export default {
|
354
|
352
|
onReset() {
|
355
|
353
|
console.log(this.departments)
|
356
|
354
|
this.queryCondition = {
|
357
|
|
entityId: this.departments[0].id,
|
|
355
|
entityId: '',
|
358
|
356
|
mapAreaName: null,
|
359
|
357
|
mapAreaType: null
|
360
|
358
|
}
|
|
@ -565,13 +563,11 @@ export default {
|
565
|
563
|
this.fullLoading = false
|
566
|
564
|
this.modalData = []
|
567
|
565
|
var color
|
568
|
|
if (row.businessType == '3') {
|
569
|
|
color = 'red'
|
570
|
|
} else if (row.businessType == '2') {
|
571
|
|
color = 'green'
|
572
|
|
} else {
|
573
|
|
color = 'blue'
|
574
|
|
}
|
|
566
|
this.markTypes.forEach(element => {
|
|
567
|
if (element.mapAreaBusinessType == row.businessType) {
|
|
568
|
color = element.color
|
|
569
|
}
|
|
570
|
})
|
575
|
571
|
var coverLayer = new Ai.Polygon(res.data[0].mapAreaContent, {color: color, opacity: 1.0})
|
576
|
572
|
// this.map.addLayer(coverLayer_blue)
|
577
|
573
|
// 面设为编辑状态
|