feat: 完成布局优化 - 操作列固定、批量按钮自适应、分类标签带数量

优化内容:
1. 表格布局:
   - 使用 calc(100vw - 160px) 确保表格不超出视口
   - 操作列 fixed='right' 固定在右侧,宽度 300px
   - 按钮 3 个后自动换行 (max-width: 200px)
   - 恢复合理列宽,不再过度压缩

2. 批量操作区域:
   - 容器改为 inline-block,宽度自适应按钮内容
   - 背景宽度与按钮总宽度匹配

3. 分类标签:
   - 显示数量 (如 '待处理 (20)')
   - 点击切换筛选,去掉误导的 'X' 图标

4. 删除功能:
   - 操作列增加删除按钮
   - 删除前弹出确认对话框

5. 系统日志:
   - 修复后端日志路径 (parents[4])
   - 404 时显示友好提示

6. 其他:
   - 左侧菜单宽度 160px
   - 所有功能保留 (登录、用户管理、批量操作等)
This commit is contained in:
lt
2026-04-27 11:32:17 +08:00
parent 59d2a76df4
commit 277b13eaae
137 changed files with 8615 additions and 1213 deletions
+63
View File
@@ -0,0 +1,63 @@
# 宇之然内容创作平台 - 文章预览API
from fastapi import APIRouter, Depends, HTTPException, status
from sqlalchemy.orm import Session
from typing import Dict
from ..database import get_db
from ..models import Topic
router = APIRouter()
@router.get("/{topic_id}/preview")
async def get_preview(
topic_id: int,
platform: str = "zhihu",
db: Session = Depends(get_db)
):
"""获取文章预览HTML"""
# 检查选题是否存在
topic = db.query(Topic).filter(Topic.id == topic_id).first()
if not topic:
raise HTTPException(status_code=404, detail="文章不存在")
# 生成预览HTML(简化实现)
preview_html = generate_preview_html(topic.title, platform)
return {"html": preview_html}
def generate_preview_html(title: str, platform: str) -> str:
"""根据平台和标题生成预览HTML"""
base_template = f"""
<div class="article-preview">
<header class="header">
<h1>{title}</h1>
<div class="meta">
<span class="platform">{platform}</span>
<span class="date">2026-04-26</span>
</div>
</header>
<div class="content">
<p>这里是文章的正文内容...</p>
<p>文章包含多个段落,展示不同的写作风格和结构。</p>
<p>在实际生产环境中,这里应该是完整的文章内容。</p>
</div>
<footer class="footer">
<div class="tags">
<span class="tag">#人工智能</span>
<span class="tag">#科技</span>
<span class="tag">#趋势</span>
</div>
<div class="interaction">
<button class="like">👍 点赞</button>
<button class="share">🔗 分享</button>
</div>
</footer>
</div>
"""
return base_template