✨ init Project

src/plugin/email/api/email.js

@@ -0,0 +1,29 @@
+import service from '@/utils/request'
+// @Tags System
+// @Summary 发送测试邮件
+// @Security ApiKeyAuth
+// @Produce  application/json
+// @Success 200 {string} string "{"success":true,"data":{},"msg":"发送成功"}"
+// @Router /email/emailTest [post]
+export const emailTest = (data) => {
+  return service({
+    url: '/email/emailTest',
+    method: 'post',
+    data
+  })
+}
+
+// @Tags System
+// @Summary 发送邮件
+// @Security ApiKeyAuth
+// @Produce  application/json
+// @Param data body email_response.Email true "发送邮件必须的参数"
+// @Success 200 {string} string "{"success":true,"data":{},"msg":"发送成功"}"
+// @Router /email/sendEmail [post]
+export const sendEmail = (data) => {
+  return service({
+    url: '/email/sendEmail',
+    method: 'post',
+    data
+  })
+}

src/plugin/email/view/index.vue

@@ -0,0 +1,60 @@
+<template>
+  <div>
+    <warning-bar
+      title="需要提前配置email配置文件，为防止不必要的垃圾邮件，在线体验功能不开放此功能体验。"
+    />
+    <div class="gva-form-box">
+      <el-form
+        ref="emailForm"
+        label-position="right"
+        label-width="80px"
+        :model="form"
+      >
+        <el-form-item label="目标邮箱">
+          <el-input v-model="form.to" />
+        </el-form-item>
+        <el-form-item label="邮件">
+          <el-input v-model="form.subject" />
+        </el-form-item>
+        <el-form-item label="邮件内容">
+          <el-input v-model="form.body" type="textarea" />
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="sendTestEmail">发送测试邮件</el-button>
+          <el-button @click="sendEmail">发送邮件</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script setup>
+  import WarningBar from '@/components/warningBar/warningBar.vue'
+  import { emailTest } from '@/plugin/email/api/email.js'
+  import { ElMessage } from 'element-plus'
+  import { reactive, ref } from 'vue'
+
+  defineOptions({
+    name: 'Email'
+  })
+
+  const emailForm = ref(null)
+  const form = reactive({
+    to: '',
+    subject: '',
+    body: ''
+  })
+  const sendTestEmail = async () => {
+    const res = await emailTest()
+    if (res.code === 0) {
+      ElMessage.success('发送成功')
+    }
+  }
+
+  const sendEmail = async () => {
+    const res = await emailTest()
+    if (res.code === 0) {
+      ElMessage.success('发送成功,请查收')
+    }
+  }
+</script>