BUG修复，返回结构统一

client/src/pages/admin/Posts.vue

@@ -25,12 +25,16 @@
             <tr v-for="post in posts" :key="post.id" class="group transition-colors duration-200">
               <td class="font-mono text-xs text-white/40">#{{ post.id }}</td>
               <td class="font-medium text-white group-hover:text-art-accent transition-colors">{{ post.title }}</td>
-              <td><span class="px-2 py-1 rounded bg-white/5 border border-white/5 text-xs text-art-muted">{{ post.category }}</span></td>
+              <td><span class="px-2 py-1 rounded bg-white/5 border border-white/5 text-xs text-art-muted">{{ post.categoryName || post.category?.name || '未分类' }}</span></td>
               <td class="text-art-muted text-xs">{{ post.date }}</td>
               <td>
-                <span :class="['px-2 py-1 rounded-full text-xs font-medium border', post.isPublished === 1 ? 'bg-green-500/10 text-green-400 border-green-500/20' : 'bg-yellow-500/10 text-yellow-400 border-yellow-500/20']">
+                <button 
+                  @click="handleToggleStatus(post)"
+                  :class="['px-2 py-1 rounded-full text-xs font-medium border transition-all hover:opacity-80', post.isPublished === 1 ? 'bg-green-500/10 text-green-400 border-green-500/20' : 'bg-yellow-500/10 text-yellow-400 border-yellow-500/20']"
+                  title="点击切换状态"
+                >
                   {{ post.isPublished === 1 ? '已发布' : '草稿' }}
-                </span>
+                </button>
               </td>
               <td class="text-right">
                 <div class="flex items-center justify-end gap-2 opacity-0 group-hover:opacity-100 transition-opacity duration-200">
@@ -56,13 +60,41 @@
         </router-link>
       </div>
     </div>
+
+    <!-- Category Modal -->
+    <div v-if="isCategoryModalOpen" class="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50 backdrop-blur-sm" @click.self="closeCategoryModal">
+      <div class="bg-[#1a1a1a] border border-white/10 rounded-lg shadow-xl w-full max-w-md overflow-hidden animate-reveal">
+        <div class="p-4 border-b border-white/10 flex justify-between items-center">
+          <h3 class="text-lg font-serif italic text-white">修改文章分类</h3>
+          <button @click="closeCategoryModal" class="text-white/50 hover:text-white">
+            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
+          </button>
+        </div>
+        <div class="p-6 space-y-4">
+          <p class="text-sm text-art-muted">正在修改文章: <span class="text-white">{{ editingPost?.title }}</span></p>
+          
+          <div class="space-y-2">
+            <label class="block text-xs font-medium text-art-muted uppercase tracking-wider">选择分类</label>
+            <CustomSelect
+                v-model="selectedCategoryId"
+                :options="categories"
+                placeholder="请选择分类"
+            />
+          </div>
+        </div>
+        <div class="p-4 border-t border-white/10 flex justify-end gap-3 bg-white/5">
+          <button @click="closeCategoryModal" class="px-4 py-2 text-sm text-white/70 hover:text-white transition-colors">取消</button>
+          <button @click="saveCategory" class="admin-btn-primary py-1.5 px-4 text-sm">保存</button>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
 <script setup lang="ts">
 import { ref, onMounted } from 'vue'
 import { useRouter } from 'vue-router'
-import { getAdminPosts, deletePost as deletePostApi, Post } from '../../services/api'
+import { getAdminPosts, deletePost as deletePostApi, Post, togglePostStatus } from '../../services/api'
 import { useToast } from '../../composables/useToast'
 
 const router = useRouter()
@@ -71,13 +103,32 @@ const posts = ref<Post[]>([])
 
 const fetchPosts = async () => {
   try {
-    posts.value = await getAdminPosts()
+    const response = await getAdminPosts()
+    // Handle PaginationResponse structure
+    if ('list' in response) {
+      posts.value = response.list
+    } else {
+      // Fallback if API returns array directly (legacy)
+      posts.value = response as any
+    }
   } catch (error) {
     console.error('Error fetching posts:', error)
     toast.showToast('获取文章列表失败', 'error')
   }
 }
 
+const handleToggleStatus = async (post: Post) => {
+  const newStatus = post.isPublished === 1 ? 0 : 1
+  try {
+    await togglePostStatus(post.id, newStatus)
+    post.isPublished = newStatus
+    toast.showToast(newStatus === 1 ? '文章已发布' : '文章已转为草稿', 'success')
+  } catch (error) {
+    console.error('Error toggling status:', error)
+    toast.showToast('更新状态失败', 'error')
+  }
+}
+
 const deletePost = async (id: number) => {
   if (confirm('确定要删除这篇文章吗？')) {
     try {