perf: 邮箱设置改为系统设置，普通用户无需配置发件邮箱

packages/ui/certd-client/src/views/sys/settings/api.email.ts

@@ -0,0 +1,12 @@
+import { request } from "/src/api/service";
+const apiPrefix = "/basic/email";
+
+export async function TestSend(receiver: string) {
+  await request({
+    url: apiPrefix + "/test",
+    method: "post",
+    data: {
+      receiver
+    }
+  });
+}

packages/ui/certd-client/src/views/sys/settings/api.ts

@@ -4,7 +4,8 @@ const apiPrefix = "/sys/settings";
 
 export const SettingKeys = {
   SysPublic: "sys.public",
-  SysPrivate: "sys.private"
+  SysPrivate: "sys.private",
+  SysEmail: "sys.email"
 };
 export async function SettingsGet(key: string) {
   return await request({
@@ -27,6 +28,13 @@ export async function SettingsSave(key: string, setting: any) {
   });
 }
 
+export async function EmailSettingsGet() {
+  await request({
+    url: apiPrefix + "/getEmailSettings",
+    method: "post"
+  });
+}
+
 export async function PublicSettingsSave(setting: any) {
   await request({
     url: apiPrefix + "/savePublicSettings",

packages/ui/certd-client/src/views/sys/settings/email-setting.vue

@@ -0,0 +1,176 @@
+<template>
+  <fs-page class="page-setting-email">
+    <template #header>
+      <div class="title">
+        邮件设置
+        <span class="sub">设置邮件发送服务器</span>
+      </div>
+    </template>
+
+    <div class="flex-o">
+      <div v-if="!formState.usePlus" class="email-form">
+        <a-form
+          :model="formState"
+          name="basic"
+          :label-col="{ span: 8 }"
+          :wrapper-col="{ span: 16 }"
+          autocomplete="off"
+          @finish="onFinish"
+          @finish-failed="onFinishFailed"
+        >
+          <a-form-item label="使用自定义邮件服务器"> </a-form-item>
+          <a-form-item label="SMTP域名" name="host" :rules="[{ required: true, message: '请输入smtp域名或ip' }]">
+            <a-input v-model:value="formState.host" />
+          </a-form-item>
+
+          <a-form-item label="SMTP端口" name="port" :rules="[{ required: true, message: '请输入smtp端口号' }]">
+            <a-input v-model:value="formState.port" />
+          </a-form-item>
+
+          <a-form-item label="用户名" :name="['auth', 'user']" :rules="[{ required: true, message: '请输入用户名' }]">
+            <a-input v-model:value="formState.auth.user" />
+          </a-form-item>
+          <a-form-item label="密码" :name="['auth', 'pass']" :rules="[{ required: true, message: '请输入密码' }]">
+            <a-input-password v-model:value="formState.auth.pass" />
+            <div class="helper">如果是qq邮箱，需要到qq邮箱的设置里面申请授权码作为密码</div>
+          </a-form-item>
+          <a-form-item label="发件邮箱" name="sender" :rules="[{ required: true, message: '请输入发件邮箱' }]">
+            <a-input v-model:value="formState.sender" />
+          </a-form-item>
+          <a-form-item label="是否ssl" name="secure">
+            <a-switch v-model:checked="formState.secure" />
+            <div class="helper">ssl和非ssl的smtp端口是不一样的，注意修改端口</div>
+          </a-form-item>
+          <a-form-item label="忽略证书校验" name="tls.rejectUnauthorized">
+            <a-switch v-model:checked="formState.tls.rejectUnauthorized" />
+          </a-form-item>
+
+          <a-form-item :wrapper-col="{ offset: 8, span: 16 }">
+            <a-button type="primary" html-type="submit">保存</a-button>
+          </a-form-item>
+        </a-form>
+      </div>
+      <div class="email-form">
+        <a-form :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }">
+          <a-form-item label="使用官方邮件服务器">
+            <div class="flex-o">
+              <a-switch v-model:checked="formState.usePlus" :disabled="!settingStore.isPlus" @change="onUsePlusChanged" />
+              <vip-button class="ml-5" mode="button"></vip-button>
+            </div>
+            <div class="helper">使用官方邮箱服务器直接发邮件，免除繁琐的配置</div>
+          </a-form-item>
+        </a-form>
+      </div>
+    </div>
+    <div class="email-form">
+      <a-form :model="testFormState" name="basic" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }" autocomplete="off" @finish="onTestSend">
+        <a-form-item label="测试收件邮箱" name="receiver" :rules="[{ required: true, message: '请输入测试收件邮箱' }]">
+          <a-input v-model:value="testFormState.receiver" />
+          <div class="helper">发送失败？？？可以试试使用官方邮件服务器↗↗↗↗↗↗↗↗</div>
+        </a-form-item>
+        <a-form-item :wrapper-col="{ offset: 8, span: 16 }">
+          <a-button type="primary" :loading="testFormState.loading" html-type="submit">测试</a-button>
+        </a-form-item>
+      </a-form>
+    </div>
+  </fs-page>
+</template>
+
+<script setup lang="ts">
+import { reactive } from "vue";
+import * as api from "./api";
+import { SettingKeys } from "./api";
+import * as emailApi from "./api.email";
+import { notification } from "ant-design-vue";
+import { useSettingStore } from "/src/store/modules/settings";
+
+defineOptions({
+  name: "EmailSetting"
+});
+
+interface FormState {
+  host: string;
+  port: number;
+  auth: {
+    user: string;
+    pass: string;
+  };
+  secure: boolean; // use TLS
+  tls: {
+    // do not fail on invalid certs
+    rejectUnauthorized?: boolean;
+  };
+  sender: string;
+  usePlus: boolean;
+}
+
+const formState = reactive<Partial<FormState>>({
+  auth: {
+    user: "",
+    pass: ""
+  },
+  tls: {},
+  usePlus: false
+});
+
+async function load() {
+  const data: any = await api.EmailSettingsGet();
+  _.merge(formState, data);
+}
+
+load();
+
+const onFinish = async (form: any) => {
+  console.log("Success:", form);
+  await api.SettingsSave(SettingKeys.SysEmail, form);
+  notification.success({
+    message: "保存成功"
+  });
+};
+
+const onFinishFailed = (errorInfo: any) => {
+  // console.log("Failed:", errorInfo);
+};
+
+async function onUsePlusChanged() {
+  await api.SettingsSave(SettingKeys.SysEmail, formState);
+}
+
+interface TestFormState {
+  receiver: string;
+  loading: boolean;
+}
+const testFormState = reactive<TestFormState>({
+  receiver: "",
+  loading: false
+});
+async function onTestSend() {
+  testFormState.loading = true;
+  try {
+    await emailApi.TestSend(testFormState.receiver);
+    notification.success({
+      message: "发送成功"
+    });
+  } finally {
+    testFormState.loading = false;
+  }
+}
+
+const settingStore = useSettingStore();
+</script>
+
+<style lang="less">
+.page-setting-email {
+  .email-form {
+    width: 500px;
+    margin: 20px;
+  }
+
+  .helper {
+    padding: 1px;
+    margin: 0px;
+    color: #999;
+    font-size: 10px;
+  }
+}
+</style>