fix: 替换:key="index"，修复潜在缓存问题

src/views/detections/DetectionFilter.vue

@@ -2,7 +2,7 @@
   <div class="detection-filter-case">
     <div class="filter-case__header">{{$t('detections.filters')}}</div>
     <div class="no-data" v-if="isNoData">{{ $t('npm.noData') }}</div>
-    <template v-for="(filter, index) in filterData" :key="index">
+    <template v-for="(filter, index) in filterData" :key="filter.title">
       <div class="detection-filter" v-show="filter.data.length > 0 && filter.show">
         <div class="filter__header">{{filter.title}}</div>
 

src/views/detections/DetectionList.vue

@@ -12,11 +12,11 @@
               :detection="data"
               :page-type="pageType"
               :timeFilter="timeFilter"
-              :key="index"
+              :key="data.eventId"
               :pageObj="pageObj"
               :eventFlag="eventFlag"
               :ref="`detectionRow${index}`"
-              :index="index"
+              :index="data.eventId"
               @switchCollapse="switchCollapse"
               :q="q"
           ></detection-row>
@@ -29,7 +29,7 @@
               :page-type="pageType"
               :timeFilter="timeFilter"
               :eventFlag="eventFlag"
-              :key="index"
+              :key="data.eventId"
               :pageObj="pageObj"
               :ref="`detectionRow${index}`"
               :index="index"

src/views/detections/DetectionRow.vue

@@ -12,7 +12,7 @@
       <div class="cn-detection__row">
         <div class="cn-detection__header">
           <span class="detection-event-severity-block margin-l-16">{{ detection.eventName || '-' }}</span>
-          <div v-for="(item, index) in myDetection.keyList" :key="index">
+          <div v-for="(item, index) in myDetection.keyList" :key="item.key">
             <span class="detection-event-name">{{item.key}}</span>
             <span class="detection-event-key">({{ item.type }})</span>
             <span v-if="index < myDetection.keyList.length - 1" class="detection-event-line"></span>

src/views/detections/DetectionRowEvents.vue

@@ -15,7 +15,7 @@
           <div class="body__basic-info">
             <div class="basic-info new__basic-info">
               <div class="basic-info__item">
-                <span v-for="(item, index) in myDetection.keyList" :key="index">
+                <span v-for="(item, index) in myDetection.keyList" :key="item.key">
                   <span class="item__key">{{item.key}}</span>
                   <span class="item__key__type">({{ item.type }})</span>
                   <span v-if="index < myDetection.keyList.length - 1" class="detection-event-line"></span>

src/views/detections/overview/EventsTimeline.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="events-timeline">
     <div class="timeline__circle">
-      <div v-for="(item, index) in myTimeData" :key="index">
+      <div v-for="(item, index) in myTimeData" :key="item.statTime">
         <el-tooltip :content="changeTimestampToTime(item.statTime)" placement="top" effect="light">
           <div
               :class="index===activeCircle ? 'circle__item-active' : 'circle__item'"
@@ -12,7 +12,7 @@
     </div>
     <div class="timeline__line margin-l-30"></div>
     <div class="timeline-container margin-l-30" id="timeline-container">
-      <div v-for="(item, index) in timeLine" :key="index" :style="{width: item.isYear ? '5px' : 'auto'}">
+      <div v-for="item in timeLine" :key="item.time" :style="{width: item.isYear ? '5px' : 'auto'}">
         <div v-if="item.showFlag" :class="handleTransformClass(item.isYear)">{{ item.time }}</div>
       </div>
     </div>