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:
@@ -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
|
||||
Reference in New Issue
Block a user