From 4a40e6f4e551507a2c30993d57c513393833f55e Mon Sep 17 00:00:00 2001
From: baiqi <qi.bai@fit2cloud.com>
Date: Mon, 28 Oct 2024 16:07:11 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=8E=A5=E5=8F=A3=E6=B5=8B=E8=AF=95):=20cs?=
 =?UTF-8?q?v?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../step/stepNodeComposition/csvTag.vue       | 68 +++++++++++--------
 1 file changed, 40 insertions(+), 28 deletions(-)

diff --git a/frontend/src/views/api-test/scenario/components/step/stepNodeComposition/csvTag.vue b/frontend/src/views/api-test/scenario/components/step/stepNodeComposition/csvTag.vue
index 4b5dcb3bc0..2bb6d3305e 100644
--- a/frontend/src/views/api-test/scenario/components/step/stepNodeComposition/csvTag.vue
+++ b/frontend/src/views/api-test/scenario/components/step/stepNodeComposition/csvTag.vue
@@ -2,13 +2,17 @@
   <a-popover
     v-model:popup-visible="popoverVisible"
     position="bl"
-    :disabled="!props.step.csvIds || props.step.csvIds.length === 0 || props.step.isRefScenarioStep"
+    :disabled="csvList.length === 0 || props.step.isRefScenarioStep"
     content-class="csv-popover"
     arrow-class="hidden"
     :popup-offset="0"
   >
-    <div v-if="props.step.stepType === ScenarioStepType.LOOP_CONTROLLER && props.step.csvIds?.length" class="csv-tag">
-      {{ `CSV ${props.step.csvIds?.length}` }}
+    <div
+      v-if="props.step.stepType === ScenarioStepType.LOOP_CONTROLLER && csvList.length"
+      class="csv-tag"
+      :disabled="props.disabled"
+    >
+      {{ `CSV ${csvList.length}` }}
     </div>
     <template #content>
       <template v-if="alreadyDeleteFiles.length > 0">
@@ -42,18 +46,22 @@
             </div>
           </a-tooltip>
           <div class="flex items-center gap-[8px]">
-            <MsIcon
-              type="icon-icon_update_rotatiorn"
-              class="cursor-pointer hover:text-[rgb(var(--primary-5))]"
-              :size="14"
-              @click="() => emit('replace', csv.id)"
-            />
-            <MsIcon
-              type="icon-icon_delete-trash_outlined1"
-              class="cursor-pointer hover:text-[rgb(var(--primary-5))]"
-              :size="14"
-              @click="() => emit('remove', csv.id)"
-            />
+            <a-tooltip :content="t('common.replace')">
+              <MsIcon
+                type="icon-icon_update_rotatiorn"
+                class="cursor-pointer hover:text-[rgb(var(--primary-5))]"
+                :size="14"
+                @click="() => emit('replace', csv.id)"
+              />
+            </a-tooltip>
+            <a-tooltip :content="t('common.delete')">
+              <MsIcon
+                type="icon-icon_delete-trash_outlined1"
+                class="cursor-pointer hover:text-[rgb(var(--primary-5))]"
+                :size="14"
+                @click="() => emit('remove', csv.id)"
+              />
+            </a-tooltip>
           </div>
         </div>
       </template>
@@ -68,18 +76,22 @@
             </div>
           </a-tooltip>
           <div class="flex items-center gap-[8px]">
-            <MsIcon
-              type="icon-icon_update_rotatiorn"
-              class="cursor-pointer hover:text-[rgb(var(--primary-5))]"
-              :size="14"
-              @click="() => emit('replace', csv.id)"
-            />
-            <MsIcon
-              type="icon-icon_delete-trash_outlined1"
-              class="cursor-pointer hover:text-[rgb(var(--primary-5))]"
-              :size="14"
-              @click="() => emit('remove', csv.id)"
-            />
+            <a-tooltip :content="t('common.replace')">
+              <MsIcon
+                type="icon-icon_update_rotatiorn"
+                class="cursor-pointer hover:text-[rgb(var(--primary-5))]"
+                :size="14"
+                @click="() => emit('replace', csv.id)"
+              />
+            </a-tooltip>
+            <a-tooltip :content="t('common.delete')">
+              <MsIcon
+                type="icon-icon_delete-trash_outlined1"
+                class="cursor-pointer hover:text-[rgb(var(--primary-5))]"
+                :size="14"
+                @click="() => emit('remove', csv.id)"
+              />
+            </a-tooltip>
           </div>
         </div>
       </template>
@@ -156,7 +168,7 @@
     border-radius: var(--border-radius-small);
     color: var(--color-text-4);
     line-height: 18px;
-    &:hover {
+    &:not(:disabled):hover {
       border-color: rgb(var(--primary-5));
       color: rgb(var(--primary-5));
     }