- 统一所有页面的卡片布局和样式 - 为表单页面添加图标和更好的视觉层次 - 改进表格的响应式和交互体验 - 为删除确认页面添加统一的警告样式 - 优化登录页面的视觉设计 - 为所有操作按钮添加图标增强可识别性 - 添加空状态提示和更友好的引导
73 lines
3.1 KiB
HTML
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 %}
|