feat: 文章管理和草稿管理上方工具栏中，标签可以通过下拉选择进行筛选

Mereithhh · Aug 31, 2022 · 274591a · 274591a
1 parent 6c638db
commit 274591a
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 2 deletions.
diff --git a/packages/admin/src/pages/Article/columns.jsx b/packages/admin/src/pages/Article/columns.jsx
@@ -1,6 +1,6 @@
 import ColumnsToolBar from '@/components/ColumnsToolBar';
 import UpdateModal from '@/components/UpdateModal';
-import { deleteArticle, getAllCategories, getArticleById } from '@/services/van-blog/api';
+import { deleteArticle, getAllCategories, getArticleById, getTags } from '@/services/van-blog/api';
 import { parseObjToMarkdown } from '@/services/van-blog/parseMarkdownFile';
 import { message, Modal, Space, Tag } from 'antd';
 import { history } from 'umi';
@@ -45,11 +45,20 @@ export const columns = [
   {
     title: '标签',
     dataIndex: 'tags',
+    valueType: 'select',
     width: 120,
     search: true,
     renderFormItem: (_, { defaultRender }) => {
       return defaultRender(_);
     },
+    request: async () => {
+      const { data: tags } = await getTags();
+      const data = tags.map((each) => ({
+        label: each,
+        value: each,
+      }));
+      return data;
+    },
     render: (val, record) => {
       if (!record?.tags?.length) {
         return '-';

diff --git a/packages/admin/src/pages/Draft/columes.jsx b/packages/admin/src/pages/Draft/columes.jsx
@@ -2,7 +2,7 @@ import ColumnsToolBar from '@/components/ColumnsToolBar';
 import PublishDraftModal from '@/components/PublishDraftModal';
 import UpdateModal from '@/components/UpdateModal';
 import { genActiveObj } from '@/services/van-blog/activeColTools';
-import { deleteDraft, getAllCategories, getDraftById } from '@/services/van-blog/api';
+import { deleteDraft, getAllCategories, getDraftById, getTags } from '@/services/van-blog/api';
 import { parseObjToMarkdown } from '@/services/van-blog/parseMarkdownFile';
 import { message, Modal, Tag } from 'antd';
 import { history } from 'umi';
@@ -49,10 +49,19 @@ export const columns = [
     title: '标签',
     dataIndex: 'tags',
     search: true,
+    valueType: 'select',
     width: 120,
     renderFormItem: (_, { defaultRender }) => {
       return defaultRender(_);
     },
+    request: async () => {
+      const { data: tags } = await getTags();
+      const data = tags.map((each) => ({
+        label: each,
+        value: each,
+      }));
+      return data;
+    },
     render: (val, record) => {
       if (!record?.tags?.length) {
         return '-';