61 lines
1.6 KiB
Vue
61 lines
1.6 KiB
Vue
<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>
|