| | |
| | | <template> |
| | | <div :id="mapId" class="common-cesium-map" @contextmenu.prevent> |
| | | <div class="card"> |
| | | <div class="card-content"> |
| | | <div class="card-item" v-for="(item, index) in props.list" @click="clickWeekTime(item, index)"> |
| | | <!-- <div class="time-top" :class="index === selectedImgIndex ? 'active' : ''"> |
| | | {{ item.createTime }} |
| | | </div> --> |
| | | <div class="time-point"> |
| | | <img |
| | | class="active" |
| | | v-if="index === selectedImgIndex" |
| | | src="@/assets/images/common/point-active.png" |
| | | alt="" |
| | | /> |
| | | <img v-else src="@/assets/images/common/point.png" alt="" /> |
| | | <template v-if="props.list && props.list.length"> |
| | | <div class="card"> |
| | | <div class="card-content"> |
| | | <div class="card-item" v-for="(item, index) in props.list" @click="clickWeekTime(item, index)"> |
| | | <div class="time-point"> |
| | | <img |
| | | class="active" |
| | | v-if="index === selectedImgIndex" |
| | | src="@/assets/images/common/point-active.png" |
| | | alt="" |
| | | /> |
| | | <img v-else src="@/assets/images/common/point.png" alt="" /> |
| | | </div> |
| | | <div class="time-bottom">{{ item.createTime.slice(11) }}</div> |
| | | </div> |
| | | <div class="time-bottom">{{ item.createTime.slice(11) }}</div> |
| | | |
| | | </div> |
| | | |
| | | </div> |
| | | </div> |
| | | <div class="time-line"></div> |
| | | <div class="time-line"></div> |
| | | </template> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | position, |
| | | billboard: { |
| | | image: positionIcon, |
| | | width: 32, |
| | | height: 40, |
| | | width: 36, |
| | | height: 36, |
| | | verticalOrigin: Cesium.VerticalOrigin.BOTTOM, |
| | | disableDepthTestDistance: Number.POSITIVE_INFINITY, |
| | | }, |