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

src/components/advancedSearch/TagMode.vue

@@ -26,8 +26,8 @@
                 @change="(value) => selectColumn(value, meta)"
             >
               <el-option
-                  v-for="(column, index) in columnList"
-                  :key="index"
+                  v-for="column in columnList"
+                  :key="column.label"
                   :label="column.label"
                   :value="column.label"
               ></el-option>
@@ -57,8 +57,8 @@
                 @change="(value) => selectValue(value, meta)"
             >
               <el-option
-                  v-for="(code, i) in meta.doc.data"
-                  :key="i"
+                  v-for="code in meta.doc.data"
+                  :key="code.code"
                   :label="code.code"
                   :value="code.code"
               ></el-option>
@@ -116,8 +116,8 @@
         <div class="condition__operation-select" v-if="meta.operator.show && meta.operator.isEditing">
           <div
               class="condition__operation"
-              v-for="(operator, index) in operatorList"
-              :key="index"
+              v-for="operator in operatorList"
+              :key="operator"
               @click.stop="selectOperator(operator, meta)"
           >{{operator}}</div>
         </div>

src/components/advancedSearch/showhint/Hint/HintInfo.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="HintInfo" id="myHint" @mouseenter="onMouseenter">
     <ul style="padding-left: 0;margin: -10px 0 0 0;min-width: calc(100% - 12px)">
-      <template v-for="(item,index) in hintList" :key="index">
+      <template v-for="(item,index) in hintList" :key="item.displayText">
         <li :ref="'hint_'+index" class="relative-item CodeMirror-hint"
             style="margin-bottom: 2px"
             @click="handleSelect(item,index,hintList)"

src/components/common/Pagination.vue

@@ -17,7 +17,7 @@
         <el-select v-model="pageSize" :placeholder="pageSize+$t('pageSize')" size="small"
                    :teleported="appendToBody" class="pagination-size-select" @change="size"
                    :popper-class="popClass" @visible-change="popperVisible">
-          <el-option v-for="(item, index) in pageSizes" :key="index" :label="item.label" :value="item.value"></el-option>
+          <el-option v-for="item in pageSizes" :key="item.value" :label="item.label" :value="item.value"></el-option>
         </el-select>
 
       </el-pagination>

src/components/common/TimeLine.vue

@@ -4,7 +4,7 @@
       <el-slider v-model="currentTime" @change="onChange" :step="1" :max="timeLine.length>0?timeLine.length-1:99" :format-tooltip="formatTooltip"/>
     </div>
     <div class="time-line-container">
-      <div v-for="(item, index) in timeLine" :key="index">
+      <div v-for="item in timeLine" :key="item.time">
         <div v-if="item.showFlag" style="color: #666;">{{ item.time }}</div>
       </div>
     </div>

src/components/common/TimeRange/TimeRefresh.vue

@@ -11,7 +11,7 @@
     </span>
     <transition name="el-zoom-in-top">
       <div v-if="dropdownShow" class="refresh-list">
-        <div v-for="(item, index) in refreshArr" :key="index" @click="setRefresh(item)" class="refresh-list-item" :class="item.value==interval ? 'active' : ''">
+        <div v-for="item in refreshArr" :key="item.label" @click="setRefresh(item)" class="refresh-list-item" :class="item.value==interval ? 'active' : ''">
           {{ item.label }}
           <i v-if="item.value===interval" class="cn-icon cn-icon-check"></i>
         </div>

src/components/layout/Header.vue

@@ -151,14 +151,14 @@
           <div class="middle-menus__header">{{ $t('overall.networkAnalytics') }}</div>
           <div class="middle-menus__body" v-if="networkAnalyticsMenu && networkAnalyticsMenu.children">
             <div style="width: 260px;">
-              <template v-for="(menu, index) in networkAnalyticsMenu.children" :key="index">
+              <template v-for="(menu, index) in networkAnalyticsMenu.children" :key="menu.name">
                 <div class="middle-menu" v-if="index < 5" @click="jump(menu.route,'','',2)">
                   {{ $t(menu.i18n || menu.name) }}
                 </div>
               </template>
             </div>
             <div>
-              <template v-for="(menu, index) in networkAnalyticsMenu.children" :key="index">
+              <template v-for="(menu, index) in networkAnalyticsMenu.children" :key="menu.name">
                 <div class="middle-menu" v-if="index >= 5 && index < 10" @click="jump(menu.route,'','',2)">
                   {{ $t(menu.i18n || menu.name) }}
                 </div>
@@ -170,14 +170,14 @@
           <div class="middle-menus__header">{{ $t('overall.locationIntelligence') }}</div>
           <div class="middle-menus__body" v-if="locationIntelligenceMenu && locationIntelligenceMenu.children">
             <div style="width: 260px;">
-              <template v-for="(menu, index) in locationIntelligenceMenu.children" :key="index">
+              <template v-for="(menu, index) in locationIntelligenceMenu.children" :key="menu.name">
                 <div class="middle-menu" v-if="index < 5" @click="jump(menu.route,'','',2)">
                   {{ $t(menu.i18n || menu.name) }}
                 </div>
               </template>
             </div>
             <div>
-              <template v-for="(menu, index) in locationIntelligenceMenu.children" :key="index">
+              <template v-for="(menu, index) in locationIntelligenceMenu.children" :key="menu.name">
                 <div class="middle-menu" v-if="index >= 5 && index < 10" @click="jump(menu.route,'','',2)">
                   {{ $t(menu.i18n || menu.name) }}
                 </div>

src/components/rightBox/report/ReportBox.vue

@@ -110,7 +110,7 @@
                 <template #append>{{$t('report.week')}}</template>
               </el-input>-->
               <el-checkbox-group v-model="editObject.config.schedulerConfig.weekDates">
-                <el-checkbox v-for="(item, index) in weekdayList" :key="index" :label="item.value">{{$t(item.name)}}</el-checkbox>
+                <el-checkbox v-for="item in weekdayList" :key="item.value" :label="item.value">{{$t(item.name)}}</el-checkbox>
               </el-checkbox-group>
             </div>
             <!-- 月 -->
@@ -134,7 +134,7 @@
                   <div class="enable-month-all">
                     <el-checkbox v-model="monthCheckedAll" class="enable-month-all-months" :indeterminate="monthIsIndeterminate" @change="monthCheckAllChange" :label="$t('report.allMonths')"/>
                     <el-checkbox-group v-model="editObject.config.schedulerConfig.months" @change="monthCheckChange">
-                      <el-checkbox v-for="(item, index) in monthList" :key="index" :label="item.value">{{$t(item.name)}}</el-checkbox>
+                      <el-checkbox v-for="item in monthList" :key="item.value" :label="item.value">{{$t(item.name)}}</el-checkbox>
                     </el-checkbox-group>
                   </div>
                 </template>
@@ -163,7 +163,7 @@
                   <div class="enable-month-week">
                     <el-checkbox v-model="monthWeekdayCheckedAll" class="enable-month-week-all" :label="$t('report.all')" :indeterminate="monthWeekdayIsIndeterminate" @change="monthWeekdayCheckAllChange" size="large"/>
                     <el-checkbox-group v-model="editObject.config.schedulerConfig.weekDates" @change="monthWeekdayCheckChange">
-                      <el-checkbox v-for="(item, index) in weekdayList" :key="index" :label="item.value">{{$t(item.name)}}</el-checkbox>
+                      <el-checkbox v-for="item in weekdayList" :key="item.value" :label="item.value">{{$t(item.name)}}</el-checkbox>
                     </el-checkbox-group>
                   </div>
                 </template>
@@ -219,7 +219,7 @@
 <!--            <el-input v-model="param.value" placeholder=" " v-for="(param, index) in editObject.categoryParams" :key="index" size="small" style="vertical-align: unset;" :disabled="!!editObject.id">
               <template #prepend>{{param.key}}</template>
             </el-input-number>-->
-            <template v-for="(param, index) in editObject.categoryParams" :key="index">
+            <template v-for="param in editObject.categoryParams" :key="param.key">
               <el-input-number v-if="param.labelType === 'input'" v-model="param.value" placeholder=" " class="report__params-vertical" :disabled="!!editObject.id">
                 <template #prepend>{{param.key}}</template>
               </el-input-number>

src/components/table/detection/RuleDefinition.vue

@@ -20,7 +20,7 @@
         <div class="form-setting__block margin-b-20">
           <div class="block-title">{{ $t('detection.create.dimensions') }}</div>
           <div class="block-dimension">
-            <div class="block-dimension-tag" v-for="(ite, ind) in dimensionList" :key="ind">{{ ite.label }}</div>
+            <div class="block-dimension-tag" v-for="ite in dimensionList" :key="ite.label">{{ ite.label }}</div>
           </div>
         </div>
 
@@ -37,7 +37,7 @@
         <div class="form-setting__block margin-b-20">
           <div class="block-title1">{{ $t('detections.filters') }}</div>
           <div class="definition-filter-block" v-if="showFilter">
-            <div class="definition-filter-item" v-for="(item, index) in thresholdRuleObj.filterList" :key="index">
+            <div class="definition-filter-item" v-for="(item, index) in thresholdRuleObj.filterList" :key="item.filter">
               <el-select class="filter-item__select margin-r-8" v-model="item.filter" placeholder=" ">
                 <el-option
                     v-for="item in selectList"
@@ -68,7 +68,7 @@
           <div class="block-title">{{ $t('detection.create.condition') }}</div>
 
           <el-form ref="form2" :model="thresholdRuleObj" label-position="top">
-          <div class="definition-condition-block" v-for="(item, index) in thresholdRuleObj.conditionData" :key="index">
+          <div class="definition-condition-block" v-for="(item, index) in thresholdRuleObj.conditionData" :key="item.level">
             <el-form-item :label="$t('detection.level')" :prop="`conditionData.${index}.level`" :rules="rules.level">
               <el-select class="condition__select margin-b-20" v-model="item.level" placeholder=" ">
                 <template #prefix>

src/components/table/report/ReportTable.vue

@@ -33,7 +33,7 @@
             <div class="expand">
               <loading :loading="loadingDown"></loading>
               <chart-no-data v-if="downDataList.length === 0 && !loadingDown"></chart-no-data>
-              <div class="expand-cell" v-for="(item, index) in downDataList" :key="index">
+              <div class="expand-cell" v-for="item in downDataList" :key="item.id">
                 <div class="expand-right">
                   <div class="demo-progress">
                     <el-progress :stroke-width="10" type="circle" :percentage="computePercent(item)"

src/components/table/setting/knowledgeBaseTableForCard.vue

@@ -137,7 +137,7 @@
               <div class="bar-header-left">
                 <div class="bar-value-active"></div>
                 <div class="bar-value">
-                  <template v-for="(item, index) in tabs" :key="index">
+                  <template v-for="(item, index) in tabs" :key="item.name">
                     <div class="bar-value-tabs"
                          :class=" {'is-active': tabType === item.class, 'mousemove-cursor': mousemoveCursor === item.class}"
                          @mouseenter="mouseenterTab(item)"

src/components/table/setting/knowledgeBaseTableForCard2.vue

@@ -138,7 +138,7 @@
               <div class="bar-header-left">
                 <div class="bar-value-active" ></div>
                 <div class="bar-value">
-                  <template v-for="(item, index) in tabs" :key="index">
+                  <template v-for="item in tabs" :key="item.name">
                     <div class="bar-value-tabs"
                          :class=" {'is-active': tabType === item.class, 'mousemove-cursor': mousemoveCursor === item.class}"
                          @mouseenter="mouseenterTab(item)"