增加邮箱配置

2025-05-26 17:34:38 +08:00
parent 92a08c5e6d
commit 68ab7e257b
4 changed files with 332 additions and 130 deletions
@@ -0,0 +1,105 @@
+{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 class="layui-btn layui-btn-primary" 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 === 1){
+            form.val('mailConfigForm', res.data);
+        }
+    });
+    
+    // 保存配置
+    form.on('submit(saveMailConfig)', function(data){
+        $.post('/admin/yunzer/saveMailConfig', 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" /}