Files
diary-family/core/templates/core/edit_summary.html
xiaji bf7f9a8a64 feat: 重构所有模板页面,增强UI/UX体验
- 统一所有页面的卡片布局和样式
- 为表单页面添加图标和更好的视觉层次
- 改进表格的响应式和交互体验
- 为删除确认页面添加统一的警告样式
- 优化登录页面的视觉设计
- 为所有操作按钮添加图标增强可识别性
- 添加空状态提示和更友好的引导
2026-01-28 21:23:23 +08:00

73 lines
3.1 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-pencil-square me-2 text-warning"></i>编辑汇总记录
</h2>
<a href="{% url 'summaries' %}" class="btn btn-outline-secondary">
<i class="bi bi-arrow-left me-1"></i>返回
</a>
</div>
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="card">
<div class="card-header bg-warning text-white">
<h5 class="card-title mb-0">
<i class="bi bi-pencil me-2"></i>修改汇总记录信息
</h5>
</div>
<div class="card-body">
<form method="post" enctype="multipart/form-data">
{% csrf_token %}
{% for field in form %}
<div class="mb-4">
<label for="{{ field.id_for_label }}" class="form-label">
{% if field.name == 'category' %}
<i class="bi bi-folder me-1 text-warning"></i>
{% elif field.name == 'speaker' %}
<i class="bi bi-person me-1 text-warning"></i>
{% elif field.name == 'content' %}
<i class="bi bi-text-paragraph me-1 text-warning"></i>
{% elif field.name == 'source' %}
<i class="bi bi-link-45deg me-1 text-warning"></i>
{% elif field.name == 'file' %}
<i class="bi bi-paperclip me-1 text-warning"></i>
{% else %}
<i class="bi bi-circle me-1 text-warning"></i>
{% endif %}
{{ field.label }}
{% if field.field.required %}
<span class="text-danger">*</span>
{% endif %}
</label>
{{ field }}
{% if field.help_text %}
<div class="form-text">{{ field.help_text }}</div>
{% endif %}
{% for error in field.errors %}
<div class="invalid-feedback d-block">
<i class="bi bi-exclamation-circle me-1"></i>{{ error }}
</div>
{% endfor %}
</div>
{% endfor %}
<div class="d-flex gap-2 justify-content-center mt-4">
<button type="submit" class="btn btn-warning px-4 text-white">
<i class="bi bi-check-lg me-1"></i>保存修改
</button>
<a href="{% url 'summaries' %}" class="btn btn-secondary px-4">
<i class="bi bi-x-lg me-1"></i>取消
</a>
</div>
</form>
</div>
</div>
</div>
</div>
{% endblock %}