pref:优化公共接口管理 完整地址样式显示

@@ -20,6 +20,17 @@
         mode: 'code',
         mainMenuBar: false,
         statusBar: false,
+        onFocus: () => {},
+        onBlur: () => {
+          setJsonValue('执行测试结果为：');
+        },
+        onChangeText: (e) => {
+          if (e.length === 0) {
+            setJsonValue('执行测试结果为：');
+          } else {
+            // setJsonValue(undefined);
+          }
+        },
       } as object;
       let editor = new jsoneditor(jsoneditorRef.value, options);
       editor.set(jsonValue.value);
@@ -29,6 +40,12 @@
 
   const getJsonValue = () => unref(jsonInstance).get();
 
+  // const setJsonMode = (mode) => {
+  //   nextTick(() => {
+  //     unref(jsonInstance).setMode(mode);
+  //   });
+  // };
+
   const setJsonValue = (Json) => {
     nextTick(() => {
       unref(jsonInstance).set(Json);

@@ -4,7 +4,7 @@
       <a-row>
         <Button @click="handleExcute" type="primary"> 执行测试请求 </Button>
       </a-row>
-      <div style="display: flex; justify-content: space-between">
+      <div v-if="isShowTestResult" style="display: flex; justify-content: space-between">
         <a-row class="mt-8" type="flex" justify="center" align="middle">
           <a-col :span="3"> 测试地址 </a-col>
           <a-col :span="21">
@@ -37,6 +37,7 @@
   import { useUtils } from '../../../hooks/useUtils';
   import JsonEditor from '../../SimpleRequest/components/jsonEditor.vue';
   import { Tag } from 'ant-design-vue';
+  import { useThrottleFn } from '@vueuse/shared';
 
   const emits = defineEmits(['emitExcute']);
 
@@ -89,12 +90,19 @@
 
   const isPostToken = ref('');
 
+  const isShowTestResult = ref(false);
+
   //执行测试接口
   const handleExcute = () => {
     emits('emitExcute');
-    getValue();
+    useThrottle();
+    isShowTestResult.value = true;
   };
 
+  const useThrottle = useThrottleFn(() => {
+    getValue();
+  }, 2000);
+
   const getValue = async () => {
     await nextTick();
     //获取Params和Header和Body

@@ -33,20 +33,27 @@
         </template>
         <template #slotFillAddress="{ model }">
           <div>
-            <Tag color="blue" style="width: 35vw; white-space: normal; height: auto">
+            <Tag
+              v-if="model['originUrlType'] === 'server_url'"
+              color="blue"
+              style="width: 35vw; white-space: normal; height: auto"
+            >
               {{
-                ` ${
-                  model['originUrlType'] !== 'server_url'
-                    ? !model['requestOriginUrl']
-                      ? ''
-                      : model['requestOriginUrl'] + model['requestHttpTypeAndUrl']?.requestUrl
-                    : `${templateFillAddress(model['requestContentType'], model['originUrlType'])}${
-                        model['requestHttpTypeAndUrl']?.requestUrl
-                      }`
-                } 
+                ` ${`${templateFillAddress(model['requestContentType'], model['originUrlType'])}${
+                  model['requestHttpTypeAndUrl']?.requestUrl
+                }`} 
                 `
               }}
             </Tag>
+            <template v-else>
+              <Tag
+                v-if="model['requestOriginUrl']"
+                color="blue"
+                style="width: 35vw; white-space: normal; height: auto"
+              >
+                {{ ` ${model['requestOriginUrl'] + model['requestHttpTypeAndUrl']?.requestUrl}` }}
+              </Tag>
+            </template>
           </div>
         </template>
       </BasicForm>