perf: 调整创建证书表单字段的顺序

packages/plugins/plugin-cert/src/plugin/cert-plugin/index.ts

@@ -62,6 +62,23 @@ export class CertApplyPlugin extends CertApplyBasePlugin {
   })
   challengeType!: string;
 
+  @TaskInput({
+    title: "证书颁发机构",
+    value: "letsencrypt",
+    component: {
+      name: "icon-select",
+      vModel: "value",
+      options: [
+        { value: "letsencrypt", label: "Let's Encrypt", icon: "simple-icons:letsencrypt" },
+        { value: "google", label: "Google", icon: "flat-color-icons:google" },
+        { value: "zerossl", label: "ZeroSSL", icon: "emojione:digit-zero" },
+      ],
+    },
+    helper: "Let's Encrypt：申请最简单\nGoogle：大厂光环，兼容性好，仅首次需要翻墙获取EAB授权\nZeroSSL：需要EAB授权，无需翻墙",
+    required: true,
+  })
+  sslProvider!: SSLProvider;
+
   @TaskInput({
     title: "DNS解析服务商",
     component: {
@@ -125,23 +142,6 @@ export class CertApplyPlugin extends CertApplyBasePlugin {
   })
   domainsVerifyPlan!: DomainsVerifyPlanInput;
 
-  @TaskInput({
-    title: "证书颁发机构",
-    value: "letsencrypt",
-    component: {
-      name: "icon-select",
-      vModel: "value",
-      options: [
-        { value: "letsencrypt", label: "Let's Encrypt", icon: "simple-icons:letsencrypt" },
-        { value: "google", label: "Google", icon: "flat-color-icons:google" },
-        { value: "zerossl", label: "ZeroSSL", icon: "emojione:digit-zero" },
-      ],
-    },
-    helper: "Let's Encrypt：申请最简单\nGoogle：大厂光环，兼容性好，仅首次需要翻墙获取EAB授权\nZeroSSL：需要EAB授权，无需翻墙",
-    required: true,
-  })
-  sslProvider!: SSLProvider;
-
   @TaskInput({
     title: "Google公共EAB授权",
     isSys: true,

packages/ui/certd-client/src/views/certd/notification/notification-selector/index.vue

@@ -100,18 +100,20 @@ const renderLabel = (option: any) => {
   return <span>{option.name}</span>;
 };
 
-async function openTableSelectDialog(e: any) {
+async function openTableSelectDialog() {
-  e.preventDefault();
+  selectOpened.value = false;
-  await tableSelectRef.value.open();
+  await tableSelectRef.value.open({});
   await tableSelectRef.value.crudExpose.openAdd({});
 }
+
+const selectOpened = ref(false);
 const selectSlots = ref({
-  dropdownRender({ menuNode }: any) {
+  dropdownRender({ menuNode, props }: any) {
     const res = [];
     res.push(menuNode);
-    res.push(<a-divider style="margin: 4px 0" />);
+    // res.push(<a-divider style="margin: 4px 0" />);
-    res.push(<a-space style="padding: 4px 8px" />);
+    // res.push(<a-space style="padding: 4px 8px" />);
-    res.push(<fs-button class="w-100" type="text" icon="plus-outlined" text="新建通知渠道" onClick={openTableSelectDialog}></fs-button>);
+    // res.push(<fs-button class="w-100" type="text" icon="plus-outlined" text="新建通知渠道" onClick={openTableSelectDialog}></fs-button>);
     return res;
   }
 });