xiaji
bf7f9a8a64
- 统一所有页面的卡片布局和样式 - 为表单页面添加图标和更好的视觉层次 - 改进表格的响应式和交互体验 - 为删除确认页面添加统一的警告样式 - 优化登录页面的视觉设计 - 为所有操作按钮添加图标增强可识别性 - 添加空状态提示和更友好的引导
157 lines
7.8 KiB
HTML
157 lines
7.8 KiB
HTML
{% extends 'core/base.html' %}
|
|
|
|
{% block content %}
|
|
<!-- 页面标题 -->
|
|
<div class="d-flex justify-content-between align-items-center mb-4">
|
|
<h2 class="mb-0">
|
|
<i class="bi bi-gear me-2 text-secondary"></i>系统配置
|
|
</h2>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<div class="card-header bg-primary text-white">
|
|
<h5 class="card-title mb-0">
|
|
<i class="bi bi-sliders me-2"></i>系统配置设置
|
|
</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<form method="post" class="mt-2">
|
|
{% csrf_token %}
|
|
|
|
<div class="row">
|
|
<!-- 邮件配置 -->
|
|
<div class="col-md-6">
|
|
<div class="card border-0 shadow-sm mb-4">
|
|
<div class="card-header bg-light">
|
|
<h6 class="mb-0">
|
|
<i class="bi bi-envelope me-2 text-primary"></i>邮件配置
|
|
</h6>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="mb-3">
|
|
<label for="{{ form.smtp_server.id_for_label }}" class="form-label">
|
|
<i class="bi bi-server me-1"></i>{{ form.smtp_server.label }}
|
|
</label>
|
|
{{ form.smtp_server }}
|
|
{% if form.smtp_server.help_text %}
|
|
<div class="form-text">{{ form.smtp_server.help_text }}</div>
|
|
{% endif %}
|
|
{% for error in form.smtp_server.errors %}
|
|
<div class="invalid-feedback d-block">{{ error }}</div>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label for="{{ form.smtp_port.id_for_label }}" class="form-label">
|
|
<i class="bi bi-plug me-1"></i>{{ form.smtp_port.label }}
|
|
</label>
|
|
{{ form.smtp_port }}
|
|
{% if form.smtp_port.help_text %}
|
|
<div class="form-text">{{ form.smtp_port.help_text }}</div>
|
|
{% endif %}
|
|
{% for error in form.smtp_port.errors %}
|
|
<div class="invalid-feedback d-block">{{ error }}</div>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label for="{{ form.smtp_username.id_for_label }}" class="form-label">
|
|
<i class="bi bi-person me-1"></i>{{ form.smtp_username.label }}
|
|
</label>
|
|
{{ form.smtp_username }}
|
|
{% if form.smtp_username.help_text %}
|
|
<div class="form-text">{{ form.smtp_username.help_text }}</div>
|
|
{% endif %}
|
|
{% for error in form.smtp_username.errors %}
|
|
<div class="invalid-feedback d-block">{{ error }}</div>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label for="{{ form.smtp_password.id_for_label }}" class="form-label">
|
|
<i class="bi bi-lock me-1"></i>{{ form.smtp_password.label }}
|
|
</label>
|
|
{{ form.smtp_password }}
|
|
{% if form.smtp_password.help_text %}
|
|
<div class="form-text">{{ form.smtp_password.help_text }}</div>
|
|
{% endif %}
|
|
{% for error in form.smtp_password.errors %}
|
|
<div class="invalid-feedback d-block">{{ error }}</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 发送配置 -->
|
|
<div class="col-md-6">
|
|
<div class="card border-0 shadow-sm mb-4">
|
|
<div class="card-header bg-light">
|
|
<h6 class="mb-0">
|
|
<i class="bi bi-send me-2 text-success"></i>发送配置
|
|
</h6>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="mb-3">
|
|
<label for="{{ form.send_time.id_for_label }}" class="form-label">
|
|
<i class="bi bi-clock me-1"></i>{{ form.send_time.label }}
|
|
</label>
|
|
{{ form.send_time }}
|
|
{% if form.send_time.help_text %}
|
|
<div class="form-text">{{ form.send_time.help_text }}</div>
|
|
{% endif %}
|
|
{% for error in form.send_time.errors %}
|
|
<div class="invalid-feedback d-block">{{ error }}</div>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label for="{{ form.recipient_email.id_for_label }}" class="form-label">
|
|
<i class="bi bi-envelope-at me-1"></i>{{ form.recipient_email.label }}
|
|
</label>
|
|
{{ form.recipient_email }}
|
|
{% if form.recipient_email.help_text %}
|
|
<div class="form-text">{{ form.recipient_email.help_text }}</div>
|
|
{% endif %}
|
|
{% for error in form.recipient_email.errors %}
|
|
<div class="invalid-feedback d-block">{{ error }}</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 系统信息 -->
|
|
<div class="card border-0 shadow-sm">
|
|
<div class="card-header bg-light">
|
|
<h6 class="mb-0">
|
|
<i class="bi bi-info-circle me-2 text-info"></i>系统信息
|
|
</h6>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="d-flex align-items-center mb-3">
|
|
<i class="bi bi-check-circle-fill text-success me-2"></i>
|
|
<span>系统运行正常</span>
|
|
</div>
|
|
<div class="d-flex align-items-center mb-3">
|
|
<i class="bi bi-calendar-check text-primary me-2"></i>
|
|
<span>当前日期：{{ today }}</span>
|
|
</div>
|
|
<div class="d-flex align-items-center">
|
|
<i class="bi bi-shield-check text-info me-2"></i>
|
|
<span>安全配置已启用</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-4 text-center">
|
|
<button type="submit" class="btn btn-primary btn-lg px-5">
|
|
<i class="bi bi-save me-2"></i>保存配置
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|