| | |
| | | <div class="media-title">事件图片</div> |
| | | <div class="media-content"> |
| | | <el-image v-if="currentDetail.mediaUrl" :src="getThumbUrl(currentDetail.mediaUrl)" |
| | | :preview-src-list="[currentDetail.mediaUrl]" fit="fill" |
| | | style="width: 100%; height: 300px; cursor: pointer;"> |
| | | :preview-src-list="[currentDetail.mediaUrl]" fit="contain" |
| | | style="width: 700px; height: 520px; cursor: pointer;"> |
| | | <template #placeholder> |
| | | <div class="image-placeholder"> |
| | | <i class="el-icon-picture-outline"></i> |
| | |
| | | <div class="media-content"> |
| | | <el-image v-if="currentDetail.updatePhotoUrl" :src="getThumbUrl(currentDetail.updatePhotoUrl)" |
| | | :preview-src-list="[currentDetail.updatePhotoUrl]" fit="fill" |
| | | style="width: 100%; height: 300px; cursor: pointer;"> |
| | | style="width: 700px; height: 520px; cursor: pointer;"> |
| | | <template #placeholder> |
| | | <div class="image-placeholder"> |
| | | <i class="el-icon-picture-outline"></i> |
| | |
| | | <template v-else> |
| | | <div class="media-title">地图标记事件点</div> |
| | | <div class="media-content"> |
| | | <div id="map-container" style="width: 100%; height: 300px; background: #f5f5f5;"> |
| | | <div id="map-container" style="width: 700px; height: 520px; background: #f5f5f5;"> |
| | | <map-container v-if='detailVisible' ref="MapContainer"></map-container> |
| | | </div> |
| | | </div> |
| | |
| | | |
| | | .media-content { |
| | | position: relative; |
| | | height: 300px; |
| | | // height: 300px; |
| | | } |
| | | |
| | | .image-placeholder, |