xinadmin/school2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

活动专区

Browse Source
This commit is contained in:
liu
2026-08-09 11:23:54 +08:00
parent 9153c4eead
commit 7e5a83a81f
13 changed files with 632 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/domain/iActivity.ts
+27
View File
@@ -0,0 +1,27 @@
import type { ICategory } from '@/domain/iCategory';
import type { ISysFileInfo } from '@/domain/iSysFile';
/** 首页活动专区 */
export interface IActivity {
id?: number;
/** 活动标题 */
title: string;
/** 活动图片信息（ISysFileInfo 对象） */
image: ISysFileInfo | string;
/** 跳转类型：0=链接，1=分类 */
link_type?: number;
/** 跳转链接（link_type=0 时生效） */
link?: string;
/** 分类ID（link_type=1 时生效） */
category_id?: number;
/** 所属分类（后端关联返回） */
category?: ICategory;
/** 活动描述 */
description?: string;
/** 状态：0=启用，1=禁用 */
status: number;
/** 排序 */
sort: number;
created_at?: string;
updated_at?: string;
}
web/locales/en_US/index.ts
+2
View File
@@ -19,6 +19,7 @@ import systemAi from "./system/ai";
import systemCarousel from "./system/carousel";
import systemGridNav from "./system/gridNav";
import systemCategory from "./system/category";
import systemActivity from "./system/activity";
import aiChat from "./ai/chat";
import aiConversation from "./ai/conversation";
@@ -52,6 +53,7 @@ export default {
...systemCarousel,
...systemGridNav,
...systemCategory,
...systemActivity,
...aiChat,
...aiConversation,
...aiAgent,
web/locales/en_US/menu.ts
+1
View File
@@ -47,5 +47,6 @@ export default {
"menu.system.carousel": "Carousel",
"menu.system.grid-nav": "Grid Navigation",
"menu.system.category": "Categories",
"menu.system.activity": "Activity Zone",
"menu.xin-admin": "XinAdmin",
}
web/locales/en_US/system/activity.ts
+29
View File
@@ -0,0 +1,29 @@
export default {
// Page Title
"system.activity.page.title": "Activity Zone",
"system.activity.page.description": "Manage homepage activity zone images, descriptions and links",
// Fields
"system.activity.id": "ID",
"system.activity.title": "Activity Title",
"system.activity.title.required": "Activity title is required",
"system.activity.image": "Activity Image",
"system.activity.image.required": "Activity image is required",
"system.activity.description": "Description",
"system.activity.description.placeholder": "Enter activity description",
"system.activity.linkType": "Link Type",
"system.activity.linkType.required": "Link type is required",
"system.activity.linkType.link": "Link",
"system.activity.linkType.category": "Category",
"system.activity.link": "Redirect Link",
"system.activity.link.placeholder": "Enter redirect link",
"system.activity.category": "Target Category",
"system.activity.category.placeholder": "Select a category",
"system.activity.status": "Status",
"system.activity.status.required": "Status is required",
"system.activity.status.normal": "Active",
"system.activity.status.disabled": "Disabled",
"system.activity.sort": "Sort",
"system.activity.createdAt": "Created At",
"system.activity.updatedAt": "Updated At",
};
web/locales/zh_CN/index.ts
+2
View File
@@ -19,6 +19,7 @@ import systemAi from "./system/ai";
import systemCarousel from "./system/carousel";
import systemGridNav from "./system/gridNav";
import systemCategory from "./system/category";
import systemActivity from "./system/activity";
import aiChat from "./ai/chat";
import aiConversation from "./ai/conversation";
@@ -52,6 +53,7 @@ export default {
...systemCarousel,
...systemGridNav,
...systemCategory,
...systemActivity,
...aiChat,
...aiConversation,
...aiAgent,
web/locales/zh_CN/menu.ts
+1
View File
@@ -47,5 +47,6 @@ export default {
"menu.system.carousel": "轮播图管理",
"menu.system.grid-nav": "宫格导航管理",
"menu.system.category": "分类管理",
"menu.system.activity": "活动专区管理",
"menu.xin-admin": "XinAdmin",
};
web/locales/zh_CN/system/activity.ts
+29
View File
@@ -0,0 +1,29 @@
export default {
// 页面标题
"system.activity.page.title": "活动专区管理",
"system.activity.page.description": "管理首页活动专区图片、描述及跳转链接",
// 字段
"system.activity.id": "ID",
"system.activity.title": "活动标题",
"system.activity.title.required": "活动标题不能为空",
"system.activity.image": "活动图片",
"system.activity.image.required": "活动图片不能为空",
"system.activity.description": "活动描述",
"system.activity.description.placeholder": "请输入活动描述",
"system.activity.linkType": "跳转类型",
"system.activity.linkType.required": "跳转类型不能为空",
"system.activity.linkType.link": "链接",
"system.activity.linkType.category": "分类",
"system.activity.link": "跳转链接",
"system.activity.link.placeholder": "请输入跳转链接",
"system.activity.category": "跳转分类",
"system.activity.category.placeholder": "请选择分类",
"system.activity.status": "状态",
"system.activity.status.required": "状态不能为空",
"system.activity.status.normal": "启用",
"system.activity.status.disabled": "禁用",
"system.activity.sort": "排序",
"system.activity.createdAt": "创建时间",
"system.activity.updatedAt": "更新时间",
};
web/pages/system/activity/index.tsx
+221
View File
@@ -0,0 +1,221 @@
import XinTable from '@/components/XinTable';
import { Badge, Image, Tag, Typography } from 'antd';
import { useEffect, useState } from 'react';
import type { IActivity } from '@/domain/iActivity';
import type { ICategory } from '@/domain/iCategory';
import type { XinTableColumn } from '@/components/XinTable/typings';
import type { ISysFileInfo } from '@/domain/iSysFile';
import { List } from '@/api/common/table';
import { useTranslation } from 'react-i18next';
import dayjs from 'dayjs';
const { Title, Text } = Typography;
/**
* 从 image 字段中提取预览 URL
* image 字段可能是 ISysFileInfo 对象或 URL 字符串
*/
function getImageUrl(image: ISysFileInfo | string | null | undefined): string {
if (!image) return '';
if (typeof image === 'string') return image;
return image.preview_url || image.file_url || '';
}
/** 首页活动专区管理 */
export default function ActivityPage() {
const { t } = useTranslation();
// 分类下拉选项
const [categoryOptions, setCategoryOptions] = useState<{ label: string; value: number }[]>([]);
useEffect(() => {
List<ICategory>('/system/category', { pageSize: 1000 }).then((res) => {
const list = res.data?.data?.data ?? [];
setCategoryOptions(list.map((item) => ({
label: item.name,
value: item.id as number,
})));
}).catch(() => {
// 分类加载失败不影响页面使用
});
}, []);
const columns: XinTableColumn<IActivity>[] = [
{
title: t('system.activity.id'),
dataIndex: 'id',
hideInForm: true,
width: 80,
sorter: true,
align: 'center',
},
{
title: t('system.activity.title'),
dataIndex: 'title',
valueType: 'text',
colProps: { span: 12 },
rules: [{ required: true, message: t('system.activity.title.required') }],
},
{
title: t('system.activity.image'),
dataIndex: 'image_id',
valueType: 'image',
colProps: { span: 24 },
rules: [{ required: true, message: t('system.activity.image.required') }],
hideInSearch: true,
fieldProps: {
action: '/system/file/list/upload',
mode: 'single',
maxCount: 1,
changeType: "id"
},
render: (_value: ISysFileInfo | string, record: IActivity) => {
const url = getImageUrl(record.image);
if (!url) return '-';
return (
<Image
src={url}
width={120}
height={60}
style={{ objectFit: 'cover', borderRadius: 4 }}
/>
);
},
},
{
title: t('system.activity.description'),
dataIndex: 'description',
valueType: 'textarea',
colProps: { span: 24 },
hideInSearch: true,
fieldProps: {
rows: 3,
placeholder: t('system.activity.description.placeholder'),
},
render: (value: string) => value || '-',
},
{
title: t('system.activity.linkType'),
dataIndex: 'link_type',
valueType: 'select',
colProps: { span: 12 },
initialValue: 0,
rules: [{ required: true, message: t('system.activity.linkType.required') }],
fieldProps: {
options: [
{ label: t('system.activity.linkType.link'), value: 0 },
{ label: t('system.activity.linkType.category'), value: 1 },
],
},
render: (value: number) => {
return value === 1
? <Tag color="blue">{t('system.activity.linkType.category')}</Tag>
: <Tag>{t('system.activity.linkType.link')}</Tag>;
},
},
{
title: t('system.activity.link'),
dataIndex: 'link',
valueType: 'text',
colProps: { span: 12 },
hideInSearch: true,
fieldProps: {
placeholder: t('system.activity.link.placeholder'),
},
render: (_, record) => {
if(record.link_type === 1) {
const name = record.category?.name;
return name ? <Tag>{name}</Tag> : '-';
}
return record.link || '-'
},
dependency: {
dependencies: ['link_type'],
visible: (values) => values.link_type !== 1,
},
},
{
title: t('system.activity.category'),
dataIndex: 'category_id',
valueType: 'select',
colProps: { span: 12 },
hideInSearch: true,
hideInTable: true,
fieldProps: {
options: categoryOptions,
showSearch: true,
optionFilterProp: 'label',
placeholder: t('system.activity.category.placeholder'),
},
dependency: {
dependencies: ['link_type'],
visible: (values) => values.link_type === 1,
},
},
{
title: t('system.activity.status'),
dataIndex: 'status',
valueType: 'select',
filters: [
{ text: t('system.activity.status.normal'), value: 0 },
{ text: t('system.activity.status.disabled'), value: 1 },
],
colProps: { span: 12 },
rules: [{ required: true, message: t('system.activity.status.required') }],
fieldProps: {
options: [
{ label: t('system.activity.status.normal'), value: 0 },
{ label: t('system.activity.status.disabled'), value: 1 },
],
},
render: (value: number) => {
return value === 0
? <Badge status="success" text={t('system.activity.status.normal')} />
: <Badge status="error" text={t('system.activity.status.disabled')} />;
},
},
{
title: t('system.activity.sort'),
dataIndex: 'sort',
valueType: 'digit',
colProps: { span: 12 },
hideInSearch: true,
initialValue: 0,
fieldProps: {
min: 0,
style: { width: '100%' },
},
},
{
title: t('system.activity.createdAt'),
dataIndex: 'created_at',
render: (value: string) => (value ? dayjs(value).format('YYYY-MM-DD HH:mm') : '-'),
hideInForm: true,
hideInSearch: true,
width: 160,
},
];
return (
<>
<div className="mb-5">
<Title level={3}>{t('system.activity.page.title')}</Title>
<Text type="secondary">{t('system.activity.page.description')}</Text>
</div>
<XinTable<IActivity>
api="/system/activity"
columns={columns}
rowKey="id"
accessName="system.activity"
formProps={{
grid: true,
colProps: { span: 12 },
rowProps: { gutter: [30, 0] },
layout: 'vertical',
}}
modalProps={{ width: 800 }}
searchProps={false}
scroll={{ x: 1000 }}
/>
</>
);
}