CN-1717 fix: 修复tracking列表有时候没有正确显示泄露警告图标的问题

This commit is contained in:
chenjinsong
2024-11-04 15:48:20 +08:00
parent 45ee5f2680
commit ce512c2d8d
2 changed files with 6 additions and 6 deletions

View File

@@ -49,7 +49,7 @@
<div class="scroll__item" <div class="scroll__item"
v-for="(record, index) in trackingSubscriber.trackRecords.slice(trackingSubscriber.scrollStartIndex, trackingSubscriber.scrollEndIndex)" v-for="(record, index) in trackingSubscriber.trackRecords.slice(trackingSubscriber.scrollStartIndex, trackingSubscriber.scrollEndIndex)"
:key="record.time" :key="record.time"
@click="timelineClick(subscriber, record)" @click="timelineClick(record)"
@mouseenter="timelineMouseEnter(trackingSubscriber, record)" @mouseenter="timelineMouseEnter(trackingSubscriber, record)"
@mouseleave="timelineMouseLeave(trackingSubscriber, record)" @mouseleave="timelineMouseLeave(trackingSubscriber, record)"
> >
@@ -912,7 +912,7 @@ export default {
hoverTrigger (source, id, hover) { hoverTrigger (source, id, hover) {
this.mapChart.setFeatureState({ source, id }, { hover }) this.mapChart.setFeatureState({ source, id }, { hover })
}, },
timelineClick (subscriber, record) { timelineClick (record) {
// 点击timeline时将地图中心移动到该记录的位置并高亮左侧小红圈 // 点击timeline时将地图中心移动到该记录的位置并高亮左侧小红圈
this.mapChart.panTo([record.subscriberLongitude, record.subscriberLatitude], { duration: 500 }) this.mapChart.panTo([record.subscriberLongitude, record.subscriberLatitude], { duration: 500 })
this.highlightTrackingTimeline = record this.highlightTrackingTimeline = record

View File

@@ -349,12 +349,12 @@
<div class="timeline__info"> <div class="timeline__info">
<div class="info-icons"> <div class="info-icons">
<div class="icon-circle"> <div class="icon-circle">
<i class="cn-icon cn-icon-events2" v-if="trackingSubscriberRecordMap[subscriber.subscriberId].dataSource === 'Session Record'"></i> <i class="cn-icon cn-icon-events2" v-if="trackingSubscriberRecordMap[subscriber.subscriberId][0].dataSource === 'Session Record'"></i>
<div class="circle-circle"></div> <div class="circle-circle"></div>
</div> </div>
<div class="info-line" v-show="subscriber.showLine"></div> <div class="info-line" v-show="subscriber.showLine"></div>
</div> </div>
<div class="timeline__info--item" @click="timelineClick(subscriber, trackingSubscriberRecordMap[subscriber.subscriberId][0])" @mouseenter="timelineMouseEnter(subscriber, trackingSubscriberRecordMap[subscriber.subscriberId][0])" @mouseleave="timelineMouseLeave(subscriber, trackingSubscriberRecordMap[subscriber.subscriberId][0])"> <div class="timeline__info--item" @click="timelineClick(trackingSubscriberRecordMap[subscriber.subscriberId][0])" @mouseenter="timelineMouseEnter(subscriber, trackingSubscriberRecordMap[subscriber.subscriberId][0])" @mouseleave="timelineMouseLeave(subscriber, trackingSubscriberRecordMap[subscriber.subscriberId][0])">
<div> <div>
<span>{{$t('overall.location')}}: </span><span class="info--item__value">{{locationHandler(trackingSubscriberRecordMap[subscriber.subscriberId][0])}}</span> <span>{{$t('overall.location')}}: </span><span class="info--item__value">{{locationHandler(trackingSubscriberRecordMap[subscriber.subscriberId][0])}}</span>
</div> </div>
@@ -374,7 +374,7 @@
<div class="scroll__item" <div class="scroll__item"
v-for="(record, index) in trackingSubscriberRecordMap[subscriber.subscriberId].slice(subscriber.scrollStartIndex, subscriber.scrollEndIndex)" v-for="(record, index) in trackingSubscriberRecordMap[subscriber.subscriberId].slice(subscriber.scrollStartIndex, subscriber.scrollEndIndex)"
:key="index" :key="index"
@click="timelineClick(subscriber, record)" @click="timelineClick(record)"
@mouseenter="timelineMouseEnter(subscriber, record)" @mouseenter="timelineMouseEnter(subscriber, record)"
@mouseleave="timelineMouseLeave(subscriber, record)"> @mouseleave="timelineMouseLeave(subscriber, record)">
<div class="item-icons"> <div class="item-icons">
@@ -1627,7 +1627,7 @@ export default {
} }
} }
}, },
timelineClick (subscriber, record) { timelineClick (record) {
// 点击timeline时将地图中心移动到该记录的位置并高亮左侧小红圈 // 点击timeline时将地图中心移动到该记录的位置并高亮左侧小红圈
this.mapChart.panTo([record.subscriberLongitude, record.subscriberLatitude], { duration: 500 }) this.mapChart.panTo([record.subscriberLongitude, record.subscriberLatitude], { duration: 500 })
this.highlightTrackingTimeline = record this.highlightTrackingTimeline = record