xinadmin/xin-school
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

校园论坛

Browse Source
This commit is contained in:
liu
2026-05-31 03:47:57 +08:00
parent a1c6ecf2b9
commit 86be1c230e
47 changed files with 1892 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/domain/iForumCategory.ts
+12
View File
@@ -0,0 +1,12 @@
export default interface IForumCategory {
id?: number;
parent_id?: number;
name?: string;
slug?: string;
description?: string;
icon?: string;
sort?: number;
status?: number;
created_at?: string;
updated_at?: string;
}
web/domain/iForumComment.ts
+12
View File
@@ -0,0 +1,12 @@
export default interface IForumComment {
id?: number;
post_id?: number;
user_id?: number;
parent_id?: number;
reply_to?: number;
content?: string;
like_count?: number;
status?: number;
created_at?: string;
updated_at?: string;
}
web/domain/iForumPost.ts
+18
View File
@@ -0,0 +1,18 @@
export default interface IForumPost {
id?: number;
user_id?: number;
category_id?: number;
title?: string;
content?: string;
images?: string[];
view_count?: number;
comment_count?: number;
like_count?: number;
favorite_count?: number;
is_hot?: number;
is_top?: number;
status?: number;
created_at?: string;
updated_at?: string;
deleted_at?: string;
}
web/domain/iForumPostFavorite.ts
+6
View File
@@ -0,0 +1,6 @@
export default interface IForumPostFavorite {
id?: number;
post_id?: number;
user_id?: number;
created_at?: string;
}
web/domain/iForumPostLike.ts
+6
View File
@@ -0,0 +1,6 @@
export default interface IForumPostLike {
id?: number;
post_id?: number;
user_id?: number;
created_at?: string;
}
web/domain/iForumSensitiveWord.ts
+9
View File
@@ -0,0 +1,9 @@
export default interface IForumSensitiveWord {
id?: number;
word?: string;
replacement?: string;
type?: number;
status?: number;
created_at?: string;
updated_at?: string;
}
web/locales/en_US/forum/category.ts
+18
View File
@@ -0,0 +1,18 @@
export default {
"forum.category.page.title": "Topic Categories",
"forum.category.page.description": "Manage campus forum topic categories with parent-child structure",
"forum.category.id": "ID",
"forum.category.parent_id": "Parent Category",
"forum.category.name": "Name",
"forum.category.name.required": "Category name is required",
"forum.category.slug": "Slug",
"forum.category.slug.required": "Category slug is required",
"forum.category.description": "Description",
"forum.category.icon": "Icon",
"forum.category.sort": "Sort",
"forum.category.status": "Status",
"forum.category.status.0": "Disabled",
"forum.category.status.1": "Active",
"forum.category.created_at": "Created At",
"forum.category.updated_at": "Updated At",
};
web/locales/en_US/forum/comment.ts
+17
View File
@@ -0,0 +1,17 @@
export default {
"forum.comment.page.title": "Comment Management",
"forum.comment.page.description": "Manage campus forum post comments, support view and review",
"forum.comment.id": "ID",
"forum.comment.post_id": "Post",
"forum.comment.user_id": "User",
"forum.comment.parent_id": "Parent Comment",
"forum.comment.reply_to": "Reply To",
"forum.comment.content": "Content",
"forum.comment.content.required": "Comment content is required",
"forum.comment.like_count": "Likes",
"forum.comment.status": "Status",
"forum.comment.status.0": "Hidden",
"forum.comment.status.1": "Active",
"forum.comment.created_at": "Commented At",
"forum.comment.updated_at": "Updated At",
};
web/locales/en_US/forum/post-favorite.ts
+8
View File
@@ -0,0 +1,8 @@
export default {
"forum.post-favorite.page.title": "Favorite Records",
"forum.post-favorite.page.description": "View campus forum post favorite records",
"forum.post-favorite.id": "ID",
"forum.post-favorite.post_id": "Post ID",
"forum.post-favorite.user_id": "User ID",
"forum.post-favorite.created_at": "Favorited At",
};
web/locales/en_US/forum/post-like.ts
+8
View File
@@ -0,0 +1,8 @@
export default {
"forum.post-like.page.title": "Like Records",
"forum.post-like.page.description": "View campus forum post like records",
"forum.post-like.id": "ID",
"forum.post-like.post_id": "Post ID",
"forum.post-like.user_id": "User ID",
"forum.post-like.created_at": "Liked At",
};
web/locales/en_US/forum/post.ts
+28
View File
@@ -0,0 +1,28 @@
export default {
"forum.post.page.title": "Post Management",
"forum.post.page.description": "Manage campus forum posts, support pin, hot, review and more",
"forum.post.id": "ID",
"forum.post.user_id": "Author",
"forum.post.category_id": "Category",
"forum.post.title": "Title",
"forum.post.title.required": "Post title is required",
"forum.post.content": "Content",
"forum.post.content.required": "Post content is required",
"forum.post.images": "Images",
"forum.post.view_count": "Views",
"forum.post.comment_count": "Comments",
"forum.post.like_count": "Likes",
"forum.post.favorite_count": "Favorites",
"forum.post.is_hot": "Hot",
"forum.post.is_hot.0": "No",
"forum.post.is_hot.1": "Yes",
"forum.post.is_top": "Pinned",
"forum.post.is_top.0": "No",
"forum.post.is_top.1": "Yes",
"forum.post.status": "Status",
"forum.post.status.0": "Draft",
"forum.post.status.1": "Published",
"forum.post.status.2": "Hidden",
"forum.post.created_at": "Posted At",
"forum.post.updated_at": "Updated At",
};
web/locales/en_US/forum/sensitive-word.ts
+16
View File
@@ -0,0 +1,16 @@
export default {
"forum.sensitive-word.page.title": "Sensitive Words",
"forum.sensitive-word.page.description": "Manage campus forum sensitive word filter rules, support replace and block modes",
"forum.sensitive-word.id": "ID",
"forum.sensitive-word.word": "Word",
"forum.sensitive-word.word.required": "Sensitive word is required",
"forum.sensitive-word.replacement": "Replacement",
"forum.sensitive-word.type": "Type",
"forum.sensitive-word.type.1": "Replace",
"forum.sensitive-word.type.2": "Block",
"forum.sensitive-word.status": "Status",
"forum.sensitive-word.status.0": "Disabled",
"forum.sensitive-word.status.1": "Enabled",
"forum.sensitive-word.created_at": "Created At",
"forum.sensitive-word.updated_at": "Updated At",
};
web/locales/en_US/index.ts
+13
View File
@@ -24,6 +24,13 @@ import aiAgent from "./ai/agent";
import memberUser from "./member/user";
import memberAddress from "./member/address";
import forumCategory from "./forum/category";
import forumPost from "./forum/post";
import forumComment from "./forum/comment";
import forumSensitiveWord from "./forum/sensitive-word";
import forumPostLike from "./forum/post-like";
import forumPostFavorite from "./forum/post-favorite";
import userProfile from "./user/profile";
import xinForm from "./components/xin-form";
@@ -54,6 +61,12 @@ export default {
...aiAgent,
...memberUser,
...memberAddress,
...forumCategory,
...forumPost,
...forumComment,
...forumSensitiveWord,
...forumPostLike,
...forumPostFavorite,
...userProfile,
...xinForm,
...xinTable,
web/locales/en_US/menu.ts
+7
View File
@@ -47,5 +47,12 @@ export default {
"menu.member": "Mini Program Users",
"menu.member.user": "User List",
"menu.member.address": "Address Management",
"menu.forum": "Campus Forum",
"menu.forum.category": "Categories",
"menu.forum.post": "Posts",
"menu.forum.comment": "Comments",
"menu.forum.sensitive-word": "Sensitive Words",
"menu.forum.post-like": "Like Records",
"menu.forum.post-favorite": "Favorite Records",
"menu.xin-admin": "XinAdmin",
}
web/locales/zh_CN/forum/category.ts
+18
View File
@@ -0,0 +1,18 @@
export default {
"forum.category.page.title": "话题分类",
"forum.category.page.description": "管理校园论坛话题分类，支持父子级分类结构",
"forum.category.id": "ID",
"forum.category.parent_id": "父级分类",
"forum.category.name": "分类名称",
"forum.category.name.required": "分类名称不能为空",
"forum.category.slug": "标识",
"forum.category.slug.required": "分类标识不能为空",
"forum.category.description": "描述",
"forum.category.icon": "图标",
"forum.category.sort": "排序",
"forum.category.status": "状态",
"forum.category.status.0": "禁用",
"forum.category.status.1": "正常",
"forum.category.created_at": "创建时间",
"forum.category.updated_at": "更新时间",
};
web/locales/zh_CN/forum/comment.ts
+17
View File
@@ -0,0 +1,17 @@
export default {
"forum.comment.page.title": "评论管理",
"forum.comment.page.description": "管理校园论坛帖子评论，支持查看和审核评论",
"forum.comment.id": "ID",
"forum.comment.post_id": "所属帖子",
"forum.comment.user_id": "评论用户",
"forum.comment.parent_id": "父评论",
"forum.comment.reply_to": "回复用户",
"forum.comment.content": "评论内容",
"forum.comment.content.required": "评论内容不能为空",
"forum.comment.like_count": "点赞数",
"forum.comment.status": "状态",
"forum.comment.status.0": "隐藏",
"forum.comment.status.1": "正常",
"forum.comment.created_at": "评论时间",
"forum.comment.updated_at": "更新时间",
};
web/locales/zh_CN/forum/post-favorite.ts
+8
View File
@@ -0,0 +1,8 @@
export default {
"forum.post-favorite.page.title": "收藏记录",
"forum.post-favorite.page.description": "查看校园论坛帖子收藏记录",
"forum.post-favorite.id": "ID",
"forum.post-favorite.post_id": "帖子ID",
"forum.post-favorite.user_id": "用户ID",
"forum.post-favorite.created_at": "收藏时间",
};
web/locales/zh_CN/forum/post-like.ts
+8
View File
@@ -0,0 +1,8 @@
export default {
"forum.post-like.page.title": "点赞记录",
"forum.post-like.page.description": "查看校园论坛帖子点赞记录",
"forum.post-like.id": "ID",
"forum.post-like.post_id": "帖子ID",
"forum.post-like.user_id": "用户ID",
"forum.post-like.created_at": "点赞时间",
};
web/locales/zh_CN/forum/post.ts
+28
View File
@@ -0,0 +1,28 @@
export default {
"forum.post.page.title": "帖子管理",
"forum.post.page.description": "管理校园论坛帖子，支持置顶、热门、审核等操作",
"forum.post.id": "ID",
"forum.post.user_id": "发布用户",
"forum.post.category_id": "所属分类",
"forum.post.title": "帖子标题",
"forum.post.title.required": "帖子标题不能为空",
"forum.post.content": "帖子内容",
"forum.post.content.required": "帖子内容不能为空",
"forum.post.images": "图片",
"forum.post.view_count": "浏览数",
"forum.post.comment_count": "评论数",
"forum.post.like_count": "点赞数",
"forum.post.favorite_count": "收藏数",
"forum.post.is_hot": "热门",
"forum.post.is_hot.0": "否",
"forum.post.is_hot.1": "是",
"forum.post.is_top": "置顶",
"forum.post.is_top.0": "否",
"forum.post.is_top.1": "是",
"forum.post.status": "状态",
"forum.post.status.0": "草稿",
"forum.post.status.1": "发布",
"forum.post.status.2": "隐藏",
"forum.post.created_at": "发布时间",
"forum.post.updated_at": "更新时间",
};
web/locales/zh_CN/forum/sensitive-word.ts
+16
View File
@@ -0,0 +1,16 @@
export default {
"forum.sensitive-word.page.title": "敏感词管理",
"forum.sensitive-word.page.description": "管理校园论坛敏感词过滤规则，支持替换和禁止发布两种模式",
"forum.sensitive-word.id": "ID",
"forum.sensitive-word.word": "敏感词",
"forum.sensitive-word.word.required": "敏感词不能为空",
"forum.sensitive-word.replacement": "替换词",
"forum.sensitive-word.type": "类型",
"forum.sensitive-word.type.1": "替换",
"forum.sensitive-word.type.2": "禁止发布",
"forum.sensitive-word.status": "状态",
"forum.sensitive-word.status.0": "禁用",
"forum.sensitive-word.status.1": "启用",
"forum.sensitive-word.created_at": "创建时间",
"forum.sensitive-word.updated_at": "更新时间",
};
web/locales/zh_CN/index.ts
+13
View File
@@ -24,6 +24,13 @@ import aiAgent from "./ai/agent";
import memberUser from "./member/user";
import memberAddress from "./member/address";
import forumCategory from "./forum/category";
import forumPost from "./forum/post";
import forumComment from "./forum/comment";
import forumSensitiveWord from "./forum/sensitive-word";
import forumPostLike from "./forum/post-like";
import forumPostFavorite from "./forum/post-favorite";
import userProfile from "./user/profile";
import xinForm from "./components/xin-form";
@@ -54,6 +61,12 @@ export default {
...aiAgent,
...memberUser,
...memberAddress,
...forumCategory,
...forumPost,
...forumComment,
...forumSensitiveWord,
...forumPostLike,
...forumPostFavorite,
...userProfile,
...xinForm,
...xinTable,
web/locales/zh_CN/menu.ts
+7
View File
@@ -47,5 +47,12 @@ export default {
"menu.member": "小程序用户",
"menu.member.user": "用户列表",
"menu.member.address": "地址管理",
"menu.forum": "校园论坛",
"menu.forum.category": "话题管理",
"menu.forum.post": "帖子管理",
"menu.forum.comment": "评论管理",
"menu.forum.sensitive-word": "敏感词管理",
"menu.forum.post-like": "点赞记录",
"menu.forum.post-favorite": "收藏记录",
"menu.xin-admin": "XinAdmin",
};
web/pages/forum/category/index.tsx
+142
View File
@@ -0,0 +1,142 @@
import { Tag, Typography } from 'antd';
import React from 'react';
import XinTable from '@/components/XinTable';
import type { XinTableColumn, XinTableProps } from '@/components/XinTable/typings';
import type IForumCategory from '@/domain/iForumCategory';
import { useTranslation } from 'react-i18next';
import dayjs from 'dayjs';
import relativeTime from 'dayjs/plugin/relativeTime';
const { Title, Text } = Typography;
dayjs.extend(relativeTime);
const Table: React.FC = () => {
const { t } = useTranslation();
const columns: XinTableColumn<IForumCategory>[] = [
{
title: t('forum.category.id'),
dataIndex: 'id',
hideInForm: true,
sorter: true,
align: 'center',
width: 80,
},
{
title: t('forum.category.name'),
dataIndex: 'name',
valueType: 'text',
align: 'center',
required: true,
rules: [{ required: true, message: t('forum.category.name.required') }],
},
{
title: t('forum.category.slug'),
dataIndex: 'slug',
valueType: 'text',
align: 'center',
required: true,
rules: [{ required: true, message: t('forum.category.slug.required') }],
},
{
title: t('forum.category.parent_id'),
dataIndex: 'parent_id',
valueType: 'text',
align: 'center',
hideInSearch: true,
},
{
title: t('forum.category.description'),
dataIndex: 'description',
valueType: 'text',
align: 'center',
hideInSearch: true,
},
{
title: t('forum.category.icon'),
dataIndex: 'icon',
valueType: 'text',
align: 'center',
hideInSearch: true,
},
{
title: t('forum.category.sort'),
dataIndex: 'sort',
valueType: 'text',
align: 'center',
hideInSearch: true,
},
{
title: t('forum.category.status'),
dataIndex: 'status',
valueType: 'radioButton',
fieldProps: {
options: [
{ value: 0, label: t('forum.category.status.0') },
{ value: 1, label: t('forum.category.status.1') },
],
},
render: (value: number) => {
return value === 1
? <Tag color="success">{t('forum.category.status.1')}</Tag>
: <Tag color="error">{t('forum.category.status.0')}</Tag>;
},
filters: [
{ text: t('forum.category.status.0'), value: 0 },
{ text: t('forum.category.status.1'), value: 1 },
],
align: 'center',
},
{
title: t('forum.category.created_at'),
hideInForm: true,
hideInSearch: true,
dataIndex: 'created_at',
align: 'center',
render: (value: string) => (value ? dayjs(value).fromNow() : '-'),
},
{
title: t('forum.category.updated_at'),
hideInForm: true,
hideInSearch: true,
dataIndex: 'updated_at',
align: 'center',
render: (value: string) => (value ? dayjs(value).fromNow() : '-'),
},
];
const tableProps: XinTableProps<IForumCategory> = {
api: '/forum/category',
columns,
rowKey: 'id',
accessName: 'forum.category',
formProps: {
grid: true,
colProps: { span: 12 },
rowProps: { gutter: [30, 0] },
layout: 'vertical',
},
modalProps: {
width: 600,
},
cardProps: {
variant: 'borderless',
},
pagination: {
size: 'small',
style: { marginBottom: 0 },
},
};
return (
<>
<div className="mb-5">
<Title level={3}>{t('forum.category.page.title')}</Title>
<Text type="secondary">{t('forum.category.page.description')}</Text>
</div>
<XinTable<IForumCategory> {...tableProps} />
</>
);
};
export default Table;
web/pages/forum/comment/index.tsx
+144
View File
@@ -0,0 +1,144 @@
import { Tag, Typography } from 'antd';
import React from 'react';
import XinTable from '@/components/XinTable';
import type { XinTableColumn, XinTableProps } from '@/components/XinTable/typings';
import type IForumComment from '@/domain/iForumComment';
import { useTranslation } from 'react-i18next';
import dayjs from 'dayjs';
import relativeTime from 'dayjs/plugin/relativeTime';
const { Title, Text } = Typography;
dayjs.extend(relativeTime);
const Table: React.FC = () => {
const { t } = useTranslation();
const columns: XinTableColumn<IForumComment>[] = [
{
title: t('forum.comment.id'),
dataIndex: 'id',
hideInForm: true,
sorter: true,
align: 'center',
width: 80,
},
{
title: t('forum.comment.post_id'),
dataIndex: 'post_id',
valueType: 'text',
align: 'center',
required: true,
},
{
title: t('forum.comment.user_id'),
dataIndex: 'user_id',
valueType: 'text',
align: 'center',
required: true,
hideInSearch: true,
},
{
title: t('forum.comment.parent_id'),
dataIndex: 'parent_id',
valueType: 'text',
align: 'center',
hideInSearch: true,
},
{
title: t('forum.comment.reply_to'),
dataIndex: 'reply_to',
valueType: 'text',
align: 'center',
hideInSearch: true,
},
{
title: t('forum.comment.content'),
dataIndex: 'content',
valueType: 'text',
hideInTable: true,
hideInSearch: true,
required: true,
rules: [{ required: true, message: t('forum.comment.content.required') }],
},
{
title: t('forum.comment.like_count'),
dataIndex: 'like_count',
hideInForm: true,
hideInSearch: true,
align: 'center',
},
{
title: t('forum.comment.status'),
dataIndex: 'status',
valueType: 'radioButton',
fieldProps: {
options: [
{ value: 0, label: t('forum.comment.status.0') },
{ value: 1, label: t('forum.comment.status.1') },
],
},
render: (value: number) => {
return value === 1
? <Tag color="success">{t('forum.comment.status.1')}</Tag>
: <Tag color="error">{t('forum.comment.status.0')}</Tag>;
},
filters: [
{ text: t('forum.comment.status.0'), value: 0 },
{ text: t('forum.comment.status.1'), value: 1 },
],
align: 'center',
},
{
title: t('forum.comment.created_at'),
hideInForm: true,
hideInSearch: true,
dataIndex: 'created_at',
align: 'center',
render: (value: string) => (value ? dayjs(value).fromNow() : '-'),
},
{
title: t('forum.comment.updated_at'),
hideInForm: true,
hideInSearch: true,
dataIndex: 'updated_at',
align: 'center',
render: (value: string) => (value ? dayjs(value).fromNow() : '-'),
},
];
const tableProps: XinTableProps<IForumComment> = {
api: '/forum/comment',
columns,
rowKey: 'id',
accessName: 'forum.comment',
scroll: { x: 1200 },
formProps: {
grid: true,
colProps: { span: 12 },
rowProps: { gutter: [30, 0] },
layout: 'vertical',
},
modalProps: {
width: 700,
},
cardProps: {
variant: 'borderless',
},
pagination: {
size: 'small',
style: { marginBottom: 0 },
},
};
return (
<>
<div className="mb-5">
<Title level={3}>{t('forum.comment.page.title')}</Title>
<Text type="secondary">{t('forum.comment.page.description')}</Text>
</div>
<XinTable<IForumComment> {...tableProps} />
</>
);
};
export default Table;
web/pages/forum/post-favorite/index.tsx
+84
View File
@@ -0,0 +1,84 @@
import { Typography } from 'antd';
import React from 'react';
import XinTable from '@/components/XinTable';
import type { XinTableColumn, XinTableProps } from '@/components/XinTable/typings';
import type IForumPostFavorite from '@/domain/iForumPostFavorite';
import { useTranslation } from 'react-i18next';
import dayjs from 'dayjs';
import relativeTime from 'dayjs/plugin/relativeTime';
const { Title, Text } = Typography;
dayjs.extend(relativeTime);
const Table: React.FC = () => {
const { t } = useTranslation();
const columns: XinTableColumn<IForumPostFavorite>[] = [
{
title: t('forum.post-favorite.id'),
dataIndex: 'id',
hideInForm: true,
sorter: true,
align: 'center',
width: 80,
},
{
title: t('forum.post-favorite.post_id'),
dataIndex: 'post_id',
valueType: 'text',
align: 'center',
},
{
title: t('forum.post-favorite.user_id'),
dataIndex: 'user_id',
valueType: 'text',
align: 'center',
hideInSearch: true,
},
{
title: t('forum.post-favorite.created_at'),
hideInForm: true,
hideInSearch: true,
dataIndex: 'created_at',
align: 'center',
render: (value: string) => (value ? dayjs(value).fromNow() : '-'),
},
];
const tableProps: XinTableProps<IForumPostFavorite> = {
api: '/forum/post-favorite',
columns,
rowKey: 'id',
accessName: 'forum.post-favorite',
createShow: false,
editShow: false,
formProps: {
grid: true,
colProps: { span: 12 },
rowProps: { gutter: [30, 0] },
layout: 'vertical',
},
modalProps: {
width: 500,
},
cardProps: {
variant: 'borderless',
},
pagination: {
size: 'small',
style: { marginBottom: 0 },
},
};
return (
<>
<div className="mb-5">
<Title level={3}>{t('forum.post-favorite.page.title')}</Title>
<Text type="secondary">{t('forum.post-favorite.page.description')}</Text>
</div>
<XinTable<IForumPostFavorite> {...tableProps} />
</>
);
};
export default Table;
web/pages/forum/post-like/index.tsx
+84
View File
@@ -0,0 +1,84 @@
import { Typography } from 'antd';
import React from 'react';
import XinTable from '@/components/XinTable';
import type { XinTableColumn, XinTableProps } from '@/components/XinTable/typings';
import type IForumPostLike from '@/domain/iForumPostLike';
import { useTranslation } from 'react-i18next';
import dayjs from 'dayjs';
import relativeTime from 'dayjs/plugin/relativeTime';
const { Title, Text } = Typography;
dayjs.extend(relativeTime);
const Table: React.FC = () => {
const { t } = useTranslation();
const columns: XinTableColumn<IForumPostLike>[] = [
{
title: t('forum.post-like.id'),
dataIndex: 'id',
hideInForm: true,
sorter: true,
align: 'center',
width: 80,
},
{
title: t('forum.post-like.post_id'),
dataIndex: 'post_id',
valueType: 'text',
align: 'center',
},
{
title: t('forum.post-like.user_id'),
dataIndex: 'user_id',
valueType: 'text',
align: 'center',
hideInSearch: true,
},
{
title: t('forum.post-like.created_at'),
hideInForm: true,
hideInSearch: true,
dataIndex: 'created_at',
align: 'center',
render: (value: string) => (value ? dayjs(value).fromNow() : '-'),
},
];
const tableProps: XinTableProps<IForumPostLike> = {
api: '/forum/post-like',
columns,
rowKey: 'id',
accessName: 'forum.post-like',
createShow: false,
editShow: false,
formProps: {
grid: true,
colProps: { span: 12 },
rowProps: { gutter: [30, 0] },
layout: 'vertical',
},
modalProps: {
width: 500,
},
cardProps: {
variant: 'borderless',
},
pagination: {
size: 'small',
style: { marginBottom: 0 },
},
};
return (
<>
<div className="mb-5">
<Title level={3}>{t('forum.post-like.page.title')}</Title>
<Text type="secondary">{t('forum.post-like.page.description')}</Text>
</div>
<XinTable<IForumPostLike> {...tableProps} />
</>
);
};
export default Table;
web/pages/forum/post/index.tsx
+203
View File
@@ -0,0 +1,203 @@
import { Tag, Typography } from 'antd';
import React from 'react';
import XinTable from '@/components/XinTable';
import type { XinTableColumn, XinTableProps } from '@/components/XinTable/typings';
import type IForumPost from '@/domain/iForumPost';
import { useTranslation } from 'react-i18next';
import dayjs from 'dayjs';
import relativeTime from 'dayjs/plugin/relativeTime';
const { Title, Text } = Typography;
dayjs.extend(relativeTime);
const Table: React.FC = () => {
const { t } = useTranslation();
const columns: XinTableColumn<IForumPost>[] = [
{
title: t('forum.post.id'),
dataIndex: 'id',
hideInForm: true,
sorter: true,
align: 'center',
width: 80,
},
{
title: t('forum.post.title'),
dataIndex: 'title',
valueType: 'text',
align: 'center',
required: true,
rules: [{ required: true, message: t('forum.post.title.required') }],
},
{
title: t('forum.post.user_id'),
dataIndex: 'user_id',
valueType: 'text',
align: 'center',
required: true,
hideInSearch: true,
},
{
title: t('forum.post.category_id'),
dataIndex: 'category_id',
valueType: 'text',
align: 'center',
hideInSearch: true,
},
{
title: t('forum.post.content'),
dataIndex: 'content',
valueType: 'text',
hideInTable: true,
hideInSearch: true,
required: true,
rules: [{ required: true, message: t('forum.post.content.required') }],
},
{
title: t('forum.post.view_count'),
dataIndex: 'view_count',
hideInForm: true,
hideInSearch: true,
align: 'center',
},
{
title: t('forum.post.comment_count'),
dataIndex: 'comment_count',
hideInForm: true,
hideInSearch: true,
align: 'center',
},
{
title: t('forum.post.like_count'),
dataIndex: 'like_count',
hideInForm: true,
hideInSearch: true,
align: 'center',
},
{
title: t('forum.post.favorite_count'),
dataIndex: 'favorite_count',
hideInForm: true,
hideInSearch: true,
align: 'center',
},
{
title: t('forum.post.is_hot'),
dataIndex: 'is_hot',
valueType: 'radioButton',
fieldProps: {
options: [
{ value: 0, label: t('forum.post.is_hot.0') },
{ value: 1, label: t('forum.post.is_hot.1') },
],
},
render: (value: number) => {
return value === 1
? <Tag color="red">{t('forum.post.is_hot.1')}</Tag>
: <Tag>{t('forum.post.is_hot.0')}</Tag>;
},
filters: [
{ text: t('forum.post.is_hot.0'), value: 0 },
{ text: t('forum.post.is_hot.1'), value: 1 },
],
align: 'center',
},
{
title: t('forum.post.is_top'),
dataIndex: 'is_top',
valueType: 'radioButton',
fieldProps: {
options: [
{ value: 0, label: t('forum.post.is_top.0') },
{ value: 1, label: t('forum.post.is_top.1') },
],
},
render: (value: number) => {
return value === 1
? <Tag color="blue">{t('forum.post.is_top.1')}</Tag>
: <Tag>{t('forum.post.is_top.0')}</Tag>;
},
filters: [
{ text: t('forum.post.is_top.0'), value: 0 },
{ text: t('forum.post.is_top.1'), value: 1 },
],
align: 'center',
},
{
title: t('forum.post.status'),
dataIndex: 'status',
valueType: 'radioButton',
fieldProps: {
options: [
{ value: 0, label: t('forum.post.status.0') },
{ value: 1, label: t('forum.post.status.1') },
{ value: 2, label: t('forum.post.status.2') },
],
},
render: (value: number) => {
const colorMap: Record<number, string> = { 0: 'default', 1: 'success', 2: 'warning' };
const labelMap: Record<number, string> = { 0: t('forum.post.status.0'), 1: t('forum.post.status.1'), 2: t('forum.post.status.2') };
return <Tag color={colorMap[value] || 'default'}>{labelMap[value] || '-'}</Tag>;
},
filters: [
{ text: t('forum.post.status.0'), value: 0 },
{ text: t('forum.post.status.1'), value: 1 },
{ text: t('forum.post.status.2'), value: 2 },
],
align: 'center',
},
{
title: t('forum.post.created_at'),
hideInForm: true,
hideInSearch: true,
dataIndex: 'created_at',
align: 'center',
render: (value: string) => (value ? dayjs(value).fromNow() : '-'),
},
{
title: t('forum.post.updated_at'),
hideInForm: true,
hideInSearch: true,
dataIndex: 'updated_at',
align: 'center',
render: (value: string) => (value ? dayjs(value).fromNow() : '-'),
},
];
const tableProps: XinTableProps<IForumPost> = {
api: '/forum/post',
columns,
rowKey: 'id',
accessName: 'forum.post',
scroll: { x: 1600 },
formProps: {
grid: true,
colProps: { span: 12 },
rowProps: { gutter: [30, 0] },
layout: 'vertical',
},
modalProps: {
width: 800,
},
cardProps: {
variant: 'borderless',
},
pagination: {
size: 'small',
style: { marginBottom: 0 },
},
};
return (
<>
<div className="mb-5">
<Title level={3}>{t('forum.post.page.title')}</Title>
<Text type="secondary">{t('forum.post.page.description')}</Text>
</div>
<XinTable<IForumPost> {...tableProps} />
</>
);
};
export default Table;
web/pages/forum/sensitive-word/index.tsx
+133
View File
@@ -0,0 +1,133 @@
import { Tag, Typography } from 'antd';
import React from 'react';
import XinTable from '@/components/XinTable';
import type { XinTableColumn, XinTableProps } from '@/components/XinTable/typings';
import type IForumSensitiveWord from '@/domain/iForumSensitiveWord';
import { useTranslation } from 'react-i18next';
import dayjs from 'dayjs';
import relativeTime from 'dayjs/plugin/relativeTime';
const { Title, Text } = Typography;
dayjs.extend(relativeTime);
const Table: React.FC = () => {
const { t } = useTranslation();
const columns: XinTableColumn<IForumSensitiveWord>[] = [
{
title: t('forum.sensitive-word.id'),
dataIndex: 'id',
hideInForm: true,
sorter: true,
align: 'center',
width: 80,
},
{
title: t('forum.sensitive-word.word'),
dataIndex: 'word',
valueType: 'text',
align: 'center',
required: true,
rules: [{ required: true, message: t('forum.sensitive-word.word.required') }],
},
{
title: t('forum.sensitive-word.replacement'),
dataIndex: 'replacement',
valueType: 'text',
align: 'center',
},
{
title: t('forum.sensitive-word.type'),
dataIndex: 'type',
valueType: 'radioButton',
fieldProps: {
options: [
{ value: 1, label: t('forum.sensitive-word.type.1') },
{ value: 2, label: t('forum.sensitive-word.type.2') },
],
},
render: (value: number) => {
return value === 2
? <Tag color="red">{t('forum.sensitive-word.type.2')}</Tag>
: <Tag color="blue">{t('forum.sensitive-word.type.1')}</Tag>;
},
filters: [
{ text: t('forum.sensitive-word.type.1'), value: 1 },
{ text: t('forum.sensitive-word.type.2'), value: 2 },
],
align: 'center',
},
{
title: t('forum.sensitive-word.status'),
dataIndex: 'status',
valueType: 'radioButton',
fieldProps: {
options: [
{ value: 0, label: t('forum.sensitive-word.status.0') },
{ value: 1, label: t('forum.sensitive-word.status.1') },
],
},
render: (value: number) => {
return value === 1
? <Tag color="success">{t('forum.sensitive-word.status.1')}</Tag>
: <Tag color="error">{t('forum.sensitive-word.status.0')}</Tag>;
},
filters: [
{ text: t('forum.sensitive-word.status.0'), value: 0 },
{ text: t('forum.sensitive-word.status.1'), value: 1 },
],
align: 'center',
},
{
title: t('forum.sensitive-word.created_at'),
hideInForm: true,
hideInSearch: true,
dataIndex: 'created_at',
align: 'center',
render: (value: string) => (value ? dayjs(value).fromNow() : '-'),
},
{
title: t('forum.sensitive-word.updated_at'),
hideInForm: true,
hideInSearch: true,
dataIndex: 'updated_at',
align: 'center',
render: (value: string) => (value ? dayjs(value).fromNow() : '-'),
},
];
const tableProps: XinTableProps<IForumSensitiveWord> = {
api: '/forum/sensitive-word',
columns,
rowKey: 'id',
accessName: 'forum.sensitive-word',
formProps: {
grid: true,
colProps: { span: 12 },
rowProps: { gutter: [30, 0] },
layout: 'vertical',
},
modalProps: {
width: 600,
},
cardProps: {
variant: 'borderless',
},
pagination: {
size: 'small',
style: { marginBottom: 0 },
},
};
return (
<>
<div className="mb-5">
<Title level={3}>{t('forum.sensitive-word.page.title')}</Title>
<Text type="secondary">{t('forum.sensitive-word.page.description')}</Text>
</div>
<XinTable<IForumSensitiveWord> {...tableProps} />
</>
);
};
export default Table;