chore: establish V1.1 recovery baseline

2026-09-09 22:05:00 +08:00
commit b46b48eb33
947 changed files with 155471 additions and 0 deletions
@@ -0,0 +1,154 @@
+<template>
+  <div class="content-management">
+    <el-tabs v-model="activeTab">
+      <el-tab-pane label="内容分类" name="categories">
+        <el-card>
+          <template #header><div class="card-header"><span>内容分类</span><el-button type="primary" size="small" @click="openCategoryDialog">新建分类</el-button></div></template>
+          <el-table :data="categories" stripe>
+            <el-table-column prop="name" label="分类名称" />
+            <el-table-column prop="code" label="编码" width="150" />
+            <el-table-column prop="sort_order" label="排序" width="80" />
+            <el-table-column prop="status" label="状态" width="100">
+              <template #default="{ row }"><el-tag :type="row.status==='active'?'success':''">{{ row.status }}</el-tag></template>
+            </el-table-column>
+            <el-table-column label="操作" width="150">
+              <template #default="{ row }">
+                <el-button size="small" @click="editCategory(row)">编辑</el-button>
+                <el-button size="small" type="danger" @click="deleteCategory(row)">删除</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-card>
+      </el-tab-pane>
+      <el-tab-pane label="文章内容" name="articles">
+        <el-card>
+          <template #header><div class="card-header"><span>文章内容</span><el-button type="primary" size="small" @click="openArticleDialog">新建文章</el-button></div></template>
+          <el-table :data="articles" stripe v-loading="loading">
+            <el-table-column prop="title" label="标题" />
+            <el-table-column label="分类" width="120">
+              <template #default="{ row }">{{ categoryLabel(row.category_id) }}</template>
+            </el-table-column>
+            <el-table-column prop="status" label="状态" width="100">
+              <template #default="{ row }"><el-tag :type="statusTag(row.status)">{{ statusLabel(row.status) }}</el-tag></template>
+            </el-table-column>
+            <el-table-column prop="view_count" label="阅读量" width="80" />
+            <el-table-column label="操作" width="200">
+              <template #default="{ row }">
+                <el-button size="small" @click="editArticle(row)">编辑</el-button>
+                <el-button v-if="row.status==='draft'" size="small" type="success" @click="publishArticle(row)">发布</el-button>
+                <el-button v-if="row.status==='published'" size="small" type="warning" @click="offlineArticle(row)">下架</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-card>
+      </el-tab-pane>
+    </el-tabs>
+
+    <!-- 分类Dialog -->
+    <el-dialog v-model="categoryDialogVisible" :title="editingCategoryId ? '编辑分类' : '新建分类'" width="500px">
+      <el-form :model="categoryForm" label-width="80px">
+        <el-form-item label="名称"><el-input v-model="categoryForm.name" /></el-form-item>
+        <el-form-item label="编码"><el-input v-model="categoryForm.code" /></el-form-item>
+        <el-form-item label="排序"><el-input-number v-model="categoryForm.sortOrder" :min="0" /></el-form-item>
+      </el-form>
+      <template #footer>
+        <el-button @click="categoryDialogVisible=false">取消</el-button>
+        <el-button type="primary" @click="saveCategory">保存</el-button>
+      </template>
+    </el-dialog>
+
+    <!-- 文章Dialog -->
+    <el-dialog v-model="articleDialogVisible" :title="editingArticleId ? '编辑文章' : '新建文章'" width="700px">
+      <el-form :model="articleForm" label-width="80px">
+        <el-form-item label="标题"><el-input v-model="articleForm.title" /></el-form-item>
+        <el-form-item label="分类">
+          <el-select v-model="articleForm.categoryId">
+            <el-option v-for="c in categories" :key="c.id" :label="c.name" :value="c.id" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="摘要"><el-input v-model="articleForm.summary" type="textarea" :rows="2" /></el-form-item>
+        <el-form-item label="内容"><el-input v-model="articleForm.content" type="textarea" :rows="8" /></el-form-item>
+      </el-form>
+      <template #footer>
+        <el-button @click="articleDialogVisible=false">取消</el-button>
+        <el-button type="primary" @click="saveArticle">保存</el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, computed } from 'vue'
+import { get, post, put, del } from '@/api/client'
+import { ElMessage } from 'element-plus'
+
+const activeTab = ref('categories')
+const loading = ref(false)
+const categories = ref<any[]>([])
+const articles = ref<any[]>([])
+
+const categoryDialogVisible = ref(false)
+const editingCategoryId = ref<string | null>(null)
+const categoryForm = ref({ name: '', code: '', sortOrder: 0 })
+
+const articleDialogVisible = ref(false)
+const editingArticleId = ref<string | null>(null)
+const articleForm = ref({ title: '', categoryId: '', summary: '', content: '' })
+
+const STATUS_LABEL: Record<string, string> = { draft: '草稿', published: '已发布', offline: '已下架' }
+const STATUS_TAG: Record<string, string> = { draft: 'info', published: 'success', offline: 'danger' }
+function statusLabel(s: string) { return STATUS_LABEL[s] || s }
+function statusTag(s: string) { return STATUS_TAG[s] || 'info' }
+function categoryLabel(id: string) { const c = categories.value.find(x => x.id === id); return c ? c.name : '-' }
+
+async function loadCategories() {
+  const res: any = await get('/content/categories')
+  categories.value = res.data || []
+}
+async function loadArticles() {
+  loading.value = true
+  try {
+    const res: any = await get('/content/articles')
+    articles.value = res.data || []
+  } finally { loading.value = false }
+}
+async function saveCategory() {
+  try {
+    if (editingCategoryId.value) await put(`/content/operator/categories/${editingCategoryId.value}`, categoryForm.value)
+    else await post('/content/operator/categories', categoryForm.value)
+    ElMessage.success('保存成功')
+    categoryDialogVisible.value = false
+    loadCategories()
+  } catch (e: any) { ElMessage.error(e?.response?.data?.message || '保存失败') }
+}
+async function editCategory(row: any) { editingCategoryId.value = row.id; Object.assign(categoryForm.value, row); categoryDialogVisible.value = true }
+async function deleteCategory(row: any) {
+  try { await del(`/content/operator/categories/${row.id}`); ElMessage.success('删除成功'); loadCategories() }
+  catch (e) { ElMessage.error('删除失败') }
+}
+async function saveArticle() {
+  try {
+    if (editingArticleId.value) await put(`/content/operator/articles/${editingArticleId.value}`, articleForm.value)
+    else await post('/content/operator/articles', articleForm.value)
+    ElMessage.success('保存成功')
+    articleDialogVisible.value = false
+    loadArticles()
+  } catch (e: any) { ElMessage.error(e?.response?.data?.message || '保存失败') }
+}
+async function editArticle(row: any) { editingArticleId.value = row.id; Object.assign(articleForm.value, { title: row.title, categoryId: row.category_id, summary: row.summary, content: row.content }); articleDialogVisible.value = true }
+async function publishArticle(row: any) {
+  try { await post(`/content/operator/articles/${row.id}/publish`, {}); ElMessage.success('发布成功'); loadArticles() }
+  catch (e) { ElMessage.error('发布失败') }
+}
+async function offlineArticle(row: any) {
+  try { await post(`/content/operator/articles/${row.id}/offline`, {}); ElMessage.success('下架成功'); loadArticles() }
+  catch (e) { ElMessage.error('下架失败') }
+}
+
+function openCategoryDialog() { editingCategoryId.value = null; Object.assign(categoryForm.value, { name: '', code: '', sortOrder: 0 }); categoryDialogVisible.value = true }
+function openArticleDialog() { editingArticleId.value = null; Object.assign(articleForm.value, { title: '', categoryId: '', summary: '', content: '' }); articleDialogVisible.value = true }
+
+onMounted(() => { loadCategories(); loadArticles() })
+</script>
+<style 
+ scoped></style>