perf: cname 域名映射记录可读性优化

packages/ui/certd-client/src/components/plugins/cert/domains-verify-plan-editor/cname-record-info.vue

@@ -15,7 +15,11 @@
         <fs-values-format v-model="cnameRecord.status" :dict="statusDict" />
       </td>
       <td class="center">
-        <a-button v-if="cnameRecord.status !== 'valid'" type="primary" size="small" :loading="loading" @click="doVerify">点击验证</a-button>
+        <template v-if="cnameRecord.status !== 'valid'">
+          <a-button type="primary" size="small" :loading="loading" @click="doVerify">点击验证</a-button>
+          <cname-tip :record="cnameRecord"></cname-tip>
+        </template>
+
         <div v-else class="helper">不要删除CNAME</div>
       </td>
     </tr>
@@ -27,6 +31,7 @@ import { CnameRecord, GetByDomain } from "/@/components/plugins/cert/domains-ver
 import { ref, watch } from "vue";
 import { dict } from "@fast-crud/fast-crud";
 import * as api from "./api.js";
+import CnameTip from "./cname-tip.vue";
 const statusDict = dict({
   data: [
     { label: "待设置CNAME", value: "cname", color: "warning" },

packages/ui/certd-client/src/components/plugins/cert/domains-verify-plan-editor/cname-tip.vue

@@ -0,0 +1,19 @@
+<template>
+  <a-tooltip :overlay-style="{ maxWidth: '400px' }">
+    <template #title>
+      <div>
+        <div>多试几次，如果仍然无法验证通过，请按如下步骤排查问题：</div>
+        <div>1. 解析记录应该添加在{{ record.domain }}域名下</div>
+        <div>2. 要添加的是CNAME类型的记录，不是TXT</div>
+        <div>3. 核对记录值是否是:{{ record.recordValue }}</div>
+      </div>
+    </template>
+    <fs-icon class="ml-5 pointer" icon="mingcute:question-line"></fs-icon>
+  </a-tooltip>
+</template>
+
+<script lang="ts" setup>
+const props = defineProps<{
+  record: any;
+}>();
+</script>