ruankao/app/admin/view/yunzer/mailconfig.php
2025-07-14 14:55:25 +08:00

105 lines
3.3 KiB
PHP

{include file="public/header" /}
<div class="layui-form" lay-filter="mailConfigForm" style="padding: 30px;">
<div class="layui-form-item">
<label class="layui-form-label">SMTP服务器</label>
<div class="layui-input-block">
<input type="text" name="smtp_host" value="smtp.qq.com" placeholder="请输入SMTP服务器地址" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">SMTP端口</label>
<div class="layui-input-block">
<input type="text" name="smtp_port" value="465" placeholder="请输入SMTP端口" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">发件人邮箱</label>
<div class="layui-input-block">
<input type="text" name="smtp_email" placeholder="请输入发件人邮箱" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">邮箱密码</label>
<div class="layui-input-block">
<input type="password" name="smtp_password" placeholder="请输入邮箱密码或授权码" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">发件人名称</label>
<div class="layui-input-block">
<input type="text" name="smtp_name" value="" placeholder="请输入发件人名称" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn" lay-submit lay-filter="saveMailConfig">保存配置</button>
<button type="button" class="layui-btn layui-btn-primary" lay-submit lay-filter="testMailConfig">测试发送</button>
</div>
</div>
</div>
<script>
layui.use(['form', 'layer'], function(){
var form = layui.form;
var layer = layui.layer;
// 加载配置
$.get('/admin/yunzer/getMailConfig', function(res){
if(res.code === 0){
form.val('mailConfigForm', res.data);
}
});
// 保存配置
form.on('submit(saveMailConfig)', function(data){
$.post('/admin/yunzer/mailconfig', data.field, function(res){
if(res.code === 1){
layer.msg('保存成功');
}else{
layer.msg(res.msg);
}
});
return false;
});
// 测试发送
form.on('submit(testMailConfig)', function(data){
layer.prompt({
formType: 0,
title: '请输入测试邮箱地址',
area: ['300px', '150px']
}, function(value, index){
$.post('/admin/yunzer/testMailConfig', {
email: value,
config: data.field
}, function(res){
if(res.code === 1){
layer.msg('发送成功');
}else{
layer.msg(res.msg);
}
});
layer.close(index);
});
return false;
});
});
</script>
<style>
.layui-form-item{
display: flex;
}
.layui-form-label{
width: 90px !important;
}
.layui-input-block{
width: 100% !important;
margin-left: 0 !important;
}
</style>
{include file="public/tail" /}