fix(接口测试): 补充场景循环控制器参数值优化参数值展示

frontend/src/views/api-test/scenario/components/step/stepNodeComposition/conditionContent.vue

@@ -28,11 +28,18 @@
         :id="props.stepId"
         v-model:model-value="innerData.value"
         size="mini"
-        class="w-[110px] px-[8px]"
+        class="value-input w-[110px] px-[8px]"
         :placeholder="t('apiScenario.value')"
         :disabled="props.disabled"
         @change="handleInputChange"
       >
+        <template #suffix>
+          <MsIcon
+            type="icon-icon_full_screen_one"
+            class="input-suffix-icon ml-[8px]"
+            @click.stop="emit('quickInput', 'conditionValue')"
+          />
+        </template>
       </a-input>
     </a-tooltip>
   </div>
@@ -63,24 +70,6 @@
     innerData.value = props.data;
   });
 
-  // 接收全局双击时间戳
-  const dbClick = inject<
-    Ref<{
-      e: MouseEvent | null;
-      timeStamp: number;
-    }>
-  >('dbClick');
-
-  watch(
-    () => dbClick?.value.timeStamp,
-    () => {
-      // @ts-ignore
-      if ((dbClick?.value.e?.target as Element).parentNode?.id.includes(props.stepId)) {
-        emit('quickInput', 'conditionValue');
-      }
-    }
-  );
-
   function handleInputChange() {
     nextTick(() => {
       emit('change', innerData.value);

frontend/src/views/api-test/scenario/components/step/stepNodeComposition/loopContent.vue

@@ -100,11 +100,18 @@
             :id="stepId"
             v-model:model-value="innerData.whileController.msWhileVariable.value"
             size="mini"
-            class="w-[110px] px-[8px]"
+            class="value-input w-[110px] px-[8px]"
             :placeholder="t('apiScenario.value')"
             :disabled="props.disabled"
             @change="handleInputChange"
           >
+            <template #suffix>
+              <MsIcon
+                type="icon-icon_full_screen_one"
+                class="input-suffix-icon ml-[8px]"
+                @click.stop="emit('quickInput', 'conditionValue')"
+              />
+            </template>
           </a-input>
         </a-tooltip>
       </template>
@@ -242,29 +249,6 @@
     innerData.value = props.data;
   });
 
-  // 接收全局双击时间戳
-  const dbClick = inject<
-    Ref<{
-      e: MouseEvent | null;
-      timeStamp: number;
-    }>
-  >('dbClick');
-
-  watch(
-    () => dbClick?.value.timeStamp,
-    () => {
-      // @ts-ignore
-      if ((dbClick?.value.e?.target as Element).parentNode?.uniqueId === props.stepId) {
-        emit(
-          'quickInput',
-          innerData.value.whileController.conditionType === WhileConditionType.CONDITION
-            ? 'msWhileVariableValue'
-            : 'msWhileVariableScriptValue'
-        );
-      }
-    }
-  );
-
   function handleInputChange() {
     nextTick(() => {
       emit('change', innerData.value);

frontend/src/views/api-test/scenario/components/step/stepTree.vue

@@ -1473,4 +1473,20 @@
       min-height: auto;
     }
   }
+  :deep(.value-input) {
+    .input-suffix-icon {
+      width: 12px;
+      height: 12px;
+      @apply cursor-pointer;
+    }
+    .arco-input-suffix {
+      opacity: 0;
+    }
+    &:hover {
+      .arco-input-suffix {
+        color: rgb(var(--primary-5));
+        opacity: 1;
+      }
+    }
+  }
 </style>