chore: auto

packages/ui/certd-client/src/locales/langs/en-US/certd.ts

@@ -714,6 +714,7 @@ export default {
   },
   domain: {
     domainManager: "Domain Manager",
+    domainDescription: "used to auto apply for certificate", //管理域名的校验方式，用于申请证书时自动选择验证方式
     domain: "Domain",
     challengeType: "Challenge Type",
     dnsProviderType: "DNS Provider Type",
@@ -722,5 +723,7 @@ export default {
     httpUploaderAccess: "HTTP Uploader Access",
     httpUploadRootDir: "HTTP Upload Root Dir",
     disabled: "Disabled",
+    challengeSetting: "Challenge Setting",
+    gotoCnameTip: "Please go to CNAME Record Page",
   },
 };

packages/ui/certd-client/src/locales/langs/en-US/common.ts

@@ -14,6 +14,8 @@ export default {
   search: "Search",
   enabled: "Enabled",
   disabled: "Disabled",
+  enable: "Enable",
+  disable: "Disable",
   edit: "Edit",
   delete: "Delete",
   create: "Create",

packages/ui/certd-client/src/locales/langs/zh-CN/certd.ts

@@ -717,6 +717,7 @@ export default {
   },
   domain: {
     domainManager: "域名管理",
+    domainDescription: "管理域名的校验方式，用于申请证书时自动选择验证方式",
     domain: "域名",
     challengeType: "校验类型",
     dnsProviderType: "DNS提供商类型",
@@ -725,5 +726,7 @@ export default {
     httpUploaderAccess: "上传授权信息",
     httpUploadRootDir: "网站根路径",
     disabled: "禁用/启用",
+    challengeSetting: "校验配置",
+    gotoCnameTip: "CNAME域名配置请前往CNAME记录页面添加",
   },
 };

packages/ui/certd-client/src/locales/langs/zh-CN/common.ts

@@ -14,6 +14,8 @@ export default {
   search: "搜索",
   enabled: "已启用",
   disabled: "已禁用",
+  enable: "启用",
+  disable: "禁用",
   edit: "修改",
   delete: "删除",
   create: "新增",

packages/ui/certd-client/src/views/certd/cert/domain/crud.tsx

@@ -7,6 +7,7 @@ import { useUserStore } from "/@/store/user";
 import { useSettingStore } from "/@/store/settings";
 import { Dicts } from "/@/components/plugins/lib/dicts";
 import { createAccessApi } from "/@/views/certd/access/api";
+import { Modal } from "ant-design-vue";
 
 export default function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet {
   const router = useRouter();
@@ -73,13 +74,20 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
         delRequest,
       },
       tabs: {
-        name: "status",
+        name: "challengeType",
         show: true,
       },
       rowHandle: {
         minWidth: 200,
         fixed: "right",
       },
+      form: {
+        beforeSubmit({ form }) {
+          if (form.challengeType === "cname") {
+            throw new Error("CNAME方式请前往CNAME记录页面进行管理");
+          }
+        },
+      },
       columns: {
         id: {
           title: "ID",
@@ -114,11 +122,28 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
           title: t("certd.domain.challengeType"),
           type: "dict-select",
           dict: Dicts.challengeTypeDict,
+          search: {
+            show: true,
+          },
           form: {
             required: true,
+            valueChange({ value }) {
+              if (value === "cname") {
+                Modal.confirm({
+                  title: t("certd.domain.gotoCnameTip"),
+                  async onOk() {
+                    router.push({
+                      path: "/certd/cname/record",
+                    });
+                    crudExpose.getFormWrapperRef().close();
+                  },
+                });
+              }
+            },
           },
           column: {
             sorter: true,
+            show: false,
           },
         },
         /**
@@ -196,6 +221,10 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
           form: {
             component: {
               name: "AccessSelector",
+              vModel: "modelValue",
+              type: compute(({ form }) => {
+                return form.httpUploaderType;
+              }),
             },
             show: compute(({ form }) => {
               return form.challengeType === "http";
@@ -226,16 +255,17 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
           },
         },
         challengeSetting: {
-          title: "校验配置",
+          title: t("certd.domain.challengeSetting"),
           type: "text",
           form: { show: false },
           column: {
-            width: 400,
+            width: 600,
             conditionalRender: false,
             cellRender({ row }) {
               if (row.challengeType === "dns") {
                 return (
                   <div class={"flex"}>
+                    <fs-values-format modelValue={row.challengeType} dict={Dicts.challengeTypeDict} color={"auto"}></fs-values-format>
                     <fs-values-format modelValue={row.dnsProviderType} dict={dnsProviderTypeDict} color={"auto"}></fs-values-format>
                     <fs-values-format class={"ml-5"} modelValue={row.dnsProviderAccess} dict={accessDict} color={"auto"}></fs-values-format>
                   </div>
@@ -243,9 +273,10 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
               } else if (row.challengeType === "http") {
                 return (
                   <div class={"flex"}>
+                    <fs-values-format modelValue={row.challengeType} dict={Dicts.challengeTypeDict} color={"auto"}></fs-values-format>
                     <fs-values-format modelValue={row.httpUploaderType} dict={httpUploaderTypeDict} color={"auto"}></fs-values-format>
                     <fs-values-format class={"ml-5"} modelValue={row.httpUploaderAccess} dict={accessDict} color={"auto"}></fs-values-format>
-                    <a-tag class={"ml-5"}>{row.httpUploadRootDir}</a-tag>
+                    <a-tag class={"ml-5 flex items-center"}>路径：{row.httpUploadRootDir}</a-tag>
                   </div>
                 );
               }
@@ -255,10 +286,11 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
         disabled: {
           title: t("certd.domain.disabled"),
           type: "dict-switch",
+          search: { show: true },
           dict: dict({
             data: [
-              { label: "启用", value: false, color: "green" },
-              { label: "禁用", value: true, color: "red" },
+              { label: t("common.enabled"), value: false, color: "green" },
+              { label: t("common.disabled"), value: true, color: "red" },
             ],
           }),
           form: {

packages/ui/certd-client/src/views/certd/cert/domain/index.vue

@@ -3,7 +3,9 @@
     <template #header>
       <div class="title">
         {{ t("certd.domain.domainManager") }}
-        <span class="sub"> </span>
+        <span class="sub">
+          {{ t("certd.domain.domainDescription") }}
+        </span>
       </div>
     </template>
     <fs-crud ref="crudRef" v-bind="crudBinding">