chore: 优化域名match

packages/ui/certd-client/src/components/plugins/common/api-test.vue

@@ -0,0 +1,62 @@
+<template>
+  <div class="api-test">
+    <div>
+      <fs-button :loading="loading" type="primary" text="测试" icon="ion:refresh-outline" @click="doTest"></fs-button>
+    </div>
+
+    <div class="helper" :class="{ error: hasError }">
+      {{ message }}
+    </div>
+  </div>
+</template>
+<script setup lang="ts">
+import { ComponentPropsType, doRequest } from "/@/components/plugins/lib";
+import { ref } from "vue";
+
+defineOptions({
+  name: "ApiTest"
+});
+
+const props = defineProps<{} & ComponentPropsType>();
+
+const emit = defineEmits<{
+  "update:value": any;
+}>();
+
+const message = ref("");
+const hasError = ref(false);
+const loading = ref(false);
+const doTest = async () => {
+  if (loading.value) {
+    return;
+  }
+
+  message.value = "";
+  hasError.value = false;
+  loading.value = true;
+  try {
+    const res = await doRequest(
+      {
+        type: props.type,
+        typeName: props.typeName,
+        action: props.action,
+        input: props.form
+      },
+      {
+        onError(err: any) {
+          hasError.value = true;
+          message.value = `错误：${err.message}`;
+        },
+        showErrorNotify: false
+      }
+    );
+    if (res && res.length > 0) {
+      message.value = "测试请求成功";
+    }
+  } finally {
+    loading.value = false;
+  }
+};
+</script>
+
+<style lang="less"></style>