xjs
3 years ago
parent
768dc8bc1a
commit
f14d5004a5
@ -0,0 +1,10 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
//发送邮件
|
||||
export function sendMail(data) {
|
||||
return request({
|
||||
url: '/warning/mail/send-mail',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,139 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
|
||||
<el-row :gutter="15">
|
||||
<el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="100px">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="邮件标题" prop="subject" style="width:800px">
|
||||
<el-input v-model="formData.subject" placeholder="请输入标题" :maxlength="100" clearable
|
||||
prefix-icon='el-icon-eleme' :style="{width: '100%'}"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="5">
|
||||
<el-form-item label="收件人" prop="recipient">
|
||||
<el-input v-model="formData.recipient" placeholder="请输入收件人邮箱" :maxlength="100" clearable
|
||||
prefix-icon='el-icon-eleme' :style="{width: '100%'}"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label="" prop="recipientSuffix" label-width="0px">
|
||||
<el-select
|
||||
v-model="formData.recipientSuffix"
|
||||
placeholder="邮箱"
|
||||
clearable
|
||||
size="small"
|
||||
style="width: 150px">
|
||||
<el-option
|
||||
v-for="dict in dict.type.email_service"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<!--md内容 -->
|
||||
<el-col :span="24">
|
||||
<el-form-item label="邮件内容" prop="content">
|
||||
<editor v-model="formData.content" :min-height="450"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="24">
|
||||
<el-form-item size="mini">
|
||||
<el-button type="primary"
|
||||
v-hasPermi="['sendmail-send']"
|
||||
@click="sendForm">发送
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-form>
|
||||
</el-row>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {sendMail} from "@/api/business/tools/sendmail";
|
||||
|
||||
export default {
|
||||
name: "SendMail",
|
||||
|
||||
dicts: ['email_service'],
|
||||
|
||||
data() {
|
||||
return {
|
||||
formData: {
|
||||
subject: "",
|
||||
recipient: undefined,
|
||||
recipientSuffix: undefined,
|
||||
content: undefined,
|
||||
|
||||
|
||||
},
|
||||
|
||||
rules: {
|
||||
subject: [
|
||||
{required: true, message: '请输入标题', trigger: 'blur'},
|
||||
{min: 1, max: 100, message: '长度在 1 到 100 个字符', trigger: 'blur'}
|
||||
],
|
||||
content: [
|
||||
{required: true, message: '请输入内容', trigger: 'blur'},
|
||||
{min: 1, max: 50000, message: '长度在 1 到 50000 个字符', trigger: 'blur'}
|
||||
],
|
||||
recipient: [
|
||||
{required: true, message: '请输入收件人', trigger: 'blur'},
|
||||
{min: 1, max: 20, message: '长度在 1 到 20 个字符', trigger: 'blur'}
|
||||
|
||||
],
|
||||
recipientSuffix: [
|
||||
{required: true, message: '请选择后缀', trigger: 'blur'},
|
||||
{min: 1, max: 20, message: '长度在 1 到 20 个字符', trigger: 'blur'}
|
||||
]
|
||||
},
|
||||
|
||||
}
|
||||
},
|
||||
|
||||
watch: {
|
||||
'dict.type.email_service'(newVal) {
|
||||
if (newVal[0]) {
|
||||
this.formData.recipientSuffix = newVal[0].value
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
methods: {
|
||||
sendForm() {
|
||||
this.$refs['elForm'].validate(valid => {
|
||||
if (!valid) return
|
||||
|
||||
let data = {
|
||||
subject: this.formData.subject,
|
||||
recipient: this.formData.recipient + this.formData.recipientSuffix,
|
||||
content: this.formData.content
|
||||
}
|
||||
this.$modal.loading("请稍后...")
|
||||
sendMail(data).then(res => {
|
||||
this.$modal.notifySuccess("发送成功")
|
||||
this.$modal.closeLoading()
|
||||
this.formData.subject=""
|
||||
this.formData.recipient=""
|
||||
this.formData.recipientSuffix=""
|
||||
}).catch(err =>{
|
||||
this.$modal.closeLoading()
|
||||
})
|
||||
|
||||
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,59 @@
|
||||
package com.xjs.domain.mall;
|
||||
|
||||
import java.io.Serializable;
|
||||
|
||||
/**
|
||||
* 邮件数据传输对象
|
||||
* @author xiejs
|
||||
* @since 2022-04-14
|
||||
*/
|
||||
|
||||
public class MailVo implements Serializable {
|
||||
private static final long serialVersionUID = -1L;
|
||||
|
||||
/**
|
||||
* 邮件接收人
|
||||
*/
|
||||
private String recipient;
|
||||
/**
|
||||
* 邮件主题
|
||||
*/
|
||||
private String subject;
|
||||
/**
|
||||
* 邮件内容
|
||||
*/
|
||||
private String content;
|
||||
|
||||
@Override
|
||||
public String toString() {
|
||||
return "MailVo{" +
|
||||
"recipient='" + recipient + '\'' +
|
||||
", subject='" + subject + '\'' +
|
||||
", content='" + content + '\'' +
|
||||
'}';
|
||||
}
|
||||
|
||||
public String getRecipient() {
|
||||
return recipient;
|
||||
}
|
||||
|
||||
public void setRecipient(String recipient) {
|
||||
this.recipient = recipient;
|
||||
}
|
||||
|
||||
public String getSubject() {
|
||||
return subject;
|
||||
}
|
||||
|
||||
public void setSubject(String subject) {
|
||||
this.subject = subject;
|
||||
}
|
||||
|
||||
public String getContent() {
|
||||
return content;
|
||||
}
|
||||
|
||||
public void setContent(String content) {
|
||||
this.content = content;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in new issue