|
|
@@ -1,12 +1,20 @@
|
|
|
<template>
|
|
|
<div class="app-container">
|
|
|
- <tencent-map id="amapcontainer" :height="900" :enable-click="false" :enable-bounds-changed="true" @boundsChanged="boundsChanged"/>
|
|
|
+ <tencent-map id="amapcontainer" :height="900" :enable-click="false" :enable-bounds-changed="true"
|
|
|
+ @boundsChanged="boundsChanged"
|
|
|
+ />
|
|
|
<div class="category">
|
|
|
<el-card>
|
|
|
<a v-for="d in listData" :key="d.category.id" href="javascript:;" @click="changeDataType(d.category.id)">
|
|
|
<el-row>
|
|
|
<el-col :span="4">
|
|
|
- <el-image :src="d.category.iconImage" style="height: 20px"/>
|
|
|
+ <div style="width: 20px;display: block;height: 20px;">
|
|
|
+ <div
|
|
|
+ style="height: 20px;width: 20px;overflow: hidden;z-index: 9999;position: absolute;"
|
|
|
+ >
|
|
|
+ <img :src="d.category.iconImage" style="position: absolute;width: 34px;left: -6px;top: -6px;"/>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</el-col>
|
|
|
<el-col :span="14">
|
|
|
{{ d.category.name }}
|
|
|
@@ -39,7 +47,8 @@
|
|
|
margin-right: 10px;
|
|
|
font-size: 12px
|
|
|
}
|
|
|
-.marker p{
|
|
|
+
|
|
|
+.marker p {
|
|
|
font-size: 16px;
|
|
|
margin: 5px 0;
|
|
|
}
|
|
|
@@ -93,8 +102,8 @@ export default {
|
|
|
let infoContent = '<div style="text-align: left" class="marker">'
|
|
|
infoContent += '<p><img src="' + o.litpic + '" width="200" height="150"/></p>'
|
|
|
infoContent += '<p>' + (o.name ?? '-') + '</p>'
|
|
|
- infoContent += '<p><span>联系人</span>' + (o.contacts ?? '-') + '</p>'
|
|
|
infoContent += '<p><span>电话</span>' + (o.contactNumber ?? '-') + '</p>'
|
|
|
+ infoContent += '<p><span>地址</span>' + (o.address ?? '-') + '</p>'
|
|
|
infoContent += '</div>'
|
|
|
const styleKey = 'myStyle' + o.category.id
|
|
|
listGeometries.push({
|
