feat: 文章属性前端完成 — Phase 3

- 写文章页：可见性/类型/转载来源/创作声明/禁止转载属性表单 - 类型切换联动（转载显示来源，原创显示禁止转载复选框） - 文章详情页：私密角标、置顶标记、创作声明横幅、转载来源 - 管理后台：置顶/取消置顶操作按钮 - PostService Create/Update 签名扩展接受文章属性 - DTO/接口同步更新
2026-06-22 00:20:52 +08:00
parent 9c452afb40
commit 977c52513a
13 changed files with 225 additions and 18 deletions
--- a/templates/MetaLab-2026/html/posts/show.html
+++ b/templates/MetaLab-2026/html/posts/show.html
@ -18,6 +18,12 @@
                <span>收藏：{{.Post.FavoritesCount}}</span>
                <span>评论：{{.Post.CommentsCount}}</span>
                <span>发布时间：{{.Post.CreatedAt.Format "2006-01-02 15:04"}}</span>
+                {{if eq .Post.Visibility "private"}}
+                <span class="post-badge post-badge-private">私密</span>
+                {{end}}
+                {{if .Post.PinType}}
+                <span class="post-badge post-badge-pinned">📌 {{if eq .Post.PinType "global"}}全局置顶{{else}}分类置顶{{end}}</span>
+                {{end}}
                {{if and .Post.IsLocked (eq $.Post.UserID $.UID)}}
                <span class="post-status post-status-locked">已锁定{{if .Post.LockReason}}：{{.Post.LockReason}}{{end}}</span>
                {{end}}
@ -25,6 +31,19 @@
                <span class="post-status post-status-revision">修订审核中</span>
                {{end}}
            </div>
+            <!-- 文章属性声明 -->
+            {{if or .Post.Declaration .Post.ReprintSource .Post.ReprintProhibited (eq .Post.PostType "reprint")}}
+            <div class="post-declarations">
+                {{if .Post.Declaration}}
+                <div class="post-declaration-item">⚡ {{declarationLabel .Post.Declaration}}</div>
+                {{end}}
+                {{if eq .Post.PostType "reprint"}}
+                <div class="post-declaration-item">📎 转载自：{{.Post.ReprintSource}}</div>
+                {{else if .Post.ReprintProhibited}}
+                <div class="post-declaration-item">⚠ 未经作者许可，禁止转载</div>
+                {{end}}
+            </div>
+            {{end}}
        </header>

        {{if .Post.RejectReason}}
--- a/templates/MetaLab-2026/html/studio/write.html
+++ b/templates/MetaLab-2026/html/studio/write.html
@ -45,6 +45,40 @@
                        {{if and .Post .Post.IsLocked}}disabled{{end}}>
                </div>

+                <!-- 文章属性面板 -->
+                <div class="editor-meta"{{if and .Post .Post.IsLocked}} style="opacity:0.5;pointer-events:none"{{end}}>
+                    <div class="meta-row">
+                        <span class="meta-label">可见性</span>
+                        <label class="meta-radio"><input type="radio" name="visibility" value="public" checked> 公开</label>
+                        <label class="meta-radio"><input type="radio" name="visibility" value="private"> 私密</label>
+                    </div>
+                    <div class="meta-row">
+                        <span class="meta-label">类型</span>
+                        <label class="meta-radio"><input type="radio" name="post_type" value="original" checked> 原创</label>
+                        <label class="meta-radio"><input type="radio" name="post_type" value="reprint"> 转载</label>
+                        <span id="reprintSourceArea" style="display:none;margin-left:8px">
+                            <input type="text" id="reprintSource" placeholder="转载来源" style="width:260px">
+                        </span>
+                    </div>
+                    <div class="meta-row" id="reprintProhibitArea">
+                        <span class="meta-label"></span>
+                        <label class="meta-checkbox"><input type="checkbox" id="reprintProhibited"> 未经作者许可，禁止转载</label>
+                    </div>
+                    <div class="meta-row">
+                        <span class="meta-label">声明</span>
+                        <select id="declaration" style="width:auto">
+                            <option value="">（无特别声明）</option>
+                            <option value="ai_generated">AI 辅助创作</option>
+                            <option value="fictional">含虚构情节</option>
+                            <option value="speculative">含猜测性内容</option>
+                            <option value="disturbing">可能令人不适</option>
+                            <option value="spoiler">含剧透内容</option>
+                            <option value="controversial">涉及争议性话题</option>
+                            <option value="opinion">个人观点</option>
+                        </select>
+                    </div>
+                </div>
+
                <div class="editor-main">
                    <div class="editor-pane">
                        <div id="vditor"></div>
--- a/templates/MetaLab-2026/static/css/posts.css
+++ b/templates/MetaLab-2026/static/css/posts.css
@ -1374,3 +1374,39 @@
    margin-top: 2px;
    padding-top: 6px;
 }
+
+/* --- 文章属性声明 --- */
+.post-declarations {
+    margin-top: 10px;
+    padding: 10px 14px;
+    background: #fffbeb;
+    border: 1px solid #fde68a;
+    border-radius: 6px;
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+}
+
+.post-declaration-item {
+    font-size: 13px;
+    color: #92400e;
+    line-height: 1.5;
+}
+
+.post-badge {
+    display: inline-block;
+    padding: 1px 8px;
+    border-radius: 4px;
+    font-size: 12px;
+    font-weight: 500;
+}
+
+.post-badge-private {
+    background: #f3f4f6;
+    color: #6b7280;
+}
+
+.post-badge-pinned {
+    background: #dbeafe;
+    color: #1d4ed8;
+}
--- a/templates/MetaLab-2026/static/css/studio.css
+++ b/templates/MetaLab-2026/static/css/studio.css
@ -759,3 +759,48 @@
        width: 100%;
    }
 }
+
+/* --- Editor Meta (文章属性) --- */
+.editor-meta {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px 24px;
+    padding: 10px 16px;
+    background: #f9fafb;
+    border: 1px solid #e5e7eb;
+    border-radius: 8px;
+    margin-bottom: 12px;
+    font-size: 14px;
+}
+
+.meta-row {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.meta-label {
+    font-weight: 600;
+    color: #374151;
+    min-width: 40px;
+}
+
+.meta-radio {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    cursor: pointer;
+    color: #4b5563;
+}
+
+.meta-radio input[type="radio"] {
+    margin: 0;
+}
+
+.meta-checkbox {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    cursor: pointer;
+    color: #4b5563;
+}
--- a/templates/MetaLab-2026/static/js/studio-editor.js
+++ b/templates/MetaLab-2026/static/js/studio-editor.js
@ -98,6 +98,16 @@ document.addEventListener('DOMContentLoaded', () => {

    document.getElementById('postForm')?.addEventListener('submit', handleSubmit)

+    // 类型切换联动：转载→显示来源，原创→显示禁止转载
+    const typeRadios = document.querySelectorAll('input[name="post_type"]')
+    const reprintSourceArea = document.getElementById('reprintSourceArea')
+    const reprintProhibitArea = document.getElementById('reprintProhibitArea')
+    typeRadios.forEach(r => r.addEventListener('change', () => {
+        const isReprint = document.querySelector('input[name="post_type"]:checked')?.value === 'reprint'
+        if (reprintSourceArea) reprintSourceArea.style.display = isReprint ? '' : 'none'
+        if (reprintProhibitArea) reprintProhibitArea.style.display = isReprint ? 'none' : ''
+    }))
+
    if (!isLocked) {
        document.addEventListener('keydown', (e) => {
            if ((e.ctrlKey || e.metaKey) && e.key === 's') {
@ -174,6 +184,13 @@ async function handleSubmit(e) {
        const body = vditor ? vditor.getValue() : ''
        if (!body.trim()) { showToast('请输入正文', 'warning'); return }

+        // 读取文章属性
+        const visibility = document.querySelector('input[name="visibility"]:checked')?.value || 'public'
+        const postType = document.querySelector('input[name="post_type"]:checked')?.value || 'original'
+        const reprintSource = document.getElementById('reprintSource')?.value.trim() || ''
+        const declaration = document.getElementById('declaration')?.value || ''
+        const reprintProhibited = document.getElementById('reprintProhibited')?.checked || false
+
        const isEdit = !!postId
        const url = isEdit ? '/api/studio/posts/' + postId : '/api/studio/posts'
        const method = isEdit ? 'PUT' : 'POST'
@ -184,7 +201,13 @@ async function handleSubmit(e) {
                'Content-Type': 'application/json',
                'X-CSRF-Token': getCSRFToken(),
            },
-            body: JSON.stringify({ title, body }),
+            body: JSON.stringify({
+                title, body,
+                visibility, post_type: postType,
+                reprint_source: reprintSource,
+                declaration,
+                reprint_prohibited: reprintProhibited,
+            }),
        })
        const data = await resp.json()