feat(分类系统): 实现分类属性功能并重构文章列表

重构文章分类系统，新增分类属性服务及相关API接口
修改文章列表页面以支持按属性筛选文章
调整路由和样式以适配新功能

src/views/articlecontents.vue

@@ -141,10 +141,10 @@ const fetchArticleDetail = async () => {
         // 不阻止主流程
       }
       
-      // 获取相关文章（同分类下的其他文章）
+      // 获取相关文章（同属性下的其他文章）
       if (article.value.categoryId) {
         try {
-          const relatedRes = await articleService.createArticle(article.value.categoryId)
+          const relatedRes = await articleService.getArticlesByCategory(article.value.categoryId)
           // 过滤掉当前文章，并取前5篇作为相关文章
           relatedArticles.value = relatedRes.data
             ? relatedRes.data.filter((item: Article) => item.id !== article.value?.id).slice(0, 5)
@@ -154,6 +154,17 @@ const fetchArticleDetail = async () => {
           // 不阻止主流程
         }
       }
+      // 兼容旧的categoryId
+      else if (article.value.categoryId) {
+        try {
+          const relatedRes = await articleService.getArticlesByCategory(article.value.categoryId)
+          relatedArticles.value = relatedRes.data
+            ? relatedRes.data.filter((item: Article) => item.id !== article.value?.id).slice(0, 5)
+            : []
+        } catch (err) {
+          console.error('获取相关文章失败:', err)
+        }
+      }
     } else {
       throw new Error('文章不存在或已被删除')
     }