st2411020120
d1066566c0
1. 优化工作坊列表布局，实现标题与按钮垂直对齐 2. 实现查看结果按钮的防抖功能和加载状态 3. 优化时间排序逻辑，默认按时间降序，点击按钮按时间升序 4. 实现多选功能，勾选框与工作坊名称高度对齐 5. 添加AI结果缓存功能，避免重复API调用 6. 优化空状态显示，居中创建第一个工作坊按钮 7. 完善README.md文档，添加新功能描述和使用指南 8. 调整字体样式，优化视觉效果
63 lines
2.5 KiB
HTML
63 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>创建工作坊</title>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<!-- 页面标题 -->
|
|
<header>
|
|
<h1>创建新工作坊</h1>
|
|
<p>定义工作坊的名称和目标，为后续的角色配置和辩论做准备</p>
|
|
</header>
|
|
|
|
<!-- 返回按钮 -->
|
|
<button onclick="window.location.href='{{ url_for('index') }}'" class="btn-secondary">返回首页</button>
|
|
|
|
<!-- 流程指示器 -->
|
|
<div class="process-indicator">
|
|
<div class="process-step">
|
|
<div class="process-step-number active">1</div>
|
|
<div class="process-step-text active">创建工作坊</div>
|
|
</div>
|
|
<div class="process-arrow">→</div>
|
|
<div class="process-step">
|
|
<div class="process-step-number">2</div>
|
|
<div class="process-step-text">配置角色</div>
|
|
</div>
|
|
<div class="process-arrow">→</div>
|
|
<div class="process-step">
|
|
<div class="process-step-number">3</div>
|
|
<div class="process-step-text">开始辩论</div>
|
|
</div>
|
|
<div class="process-arrow">→</div>
|
|
<div class="process-step">
|
|
<div class="process-step-number">4</div>
|
|
<div class="process-step-text">查看结果</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 创建工作坊表单 -->
|
|
<div class="card">
|
|
<form method="post">
|
|
<div class="form-group">
|
|
<label for="workshop_name">工作坊名称</label>
|
|
<input type="text" id="workshop_name" name="workshop_name" required placeholder="请输入工作坊名称">
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="workshop_goal">工作坊目标</label>
|
|
<textarea id="workshop_goal" name="workshop_goal" required placeholder="请详细描述工作坊的目标和预期成果"></textarea>
|
|
</div>
|
|
|
|
<button type="submit" class="btn-primary" style="width: 100%; font-size: 18px; padding: 15px;">
|
|
下一步 - 配置角色
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |