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:33:38 +08:00
parent de417929cb
commit a1c6ecf2b9
23 changed files with 961 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/pages/member/address/index.tsx
+167
View File
@@ -0,0 +1,167 @@
import { Tag, Typography } from 'antd';
import React from 'react';
import XinTable from '@/components/XinTable';
import type { XinTableColumn, XinTableProps } from '@/components/XinTable/typings';
import type IUserAddress from '@/domain/iUserAddress';
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<IUserAddress>[] = [
{
title: t('member.address.id'),
dataIndex: 'id',
hideInForm: true,
sorter: true,
align: 'center',
width: 80,
},
{
title: t('member.address.user_id'),
dataIndex: 'user_id',
valueType: 'digit',
align: 'center',
required: true,
rules: [{ required: true, message: t('member.address.user_id.required') }],
render: (_, record) => {
if (record.user) {
return `${record.user.nickname || record.user.username} (${record.user.mobile || '-'})`;
}
return `ID: ${record.user_id}`;
},
},
{
title: t('member.address.name'),
dataIndex: 'name',
valueType: 'text',
align: 'center',
required: true,
rules: [{ required: true, message: t('member.address.name.required') }],
},
{
title: t('member.address.mobile'),
dataIndex: 'mobile',
valueType: 'text',
align: 'center',
required: true,
rules: [{ required: true, message: t('member.address.mobile.required') }],
},
{
title: t('member.address.province'),
dataIndex: 'province',
valueType: 'text',
align: 'center',
required: true,
rules: [{ required: true, message: t('member.address.province.required') }],
hideInSearch: true,
},
{
title: t('member.address.city'),
dataIndex: 'city',
valueType: 'text',
align: 'center',
required: true,
rules: [{ required: true, message: t('member.address.city.required') }],
hideInSearch: true,
},
{
title: t('member.address.district'),
dataIndex: 'district',
valueType: 'text',
align: 'center',
required: true,
rules: [{ required: true, message: t('member.address.district.required') }],
hideInSearch: true,
},
{
title: t('member.address.detail'),
dataIndex: 'detail',
valueType: 'text',
align: 'center',
required: true,
rules: [{ required: true, message: t('member.address.detail.required') }],
hideInSearch: true,
},
{
title: t('member.address.full_address'),
dataIndex: 'full_address',
hideInForm: true,
hideInSearch: true,
align: 'center',
render: (_, record) =>
[record.province, record.city, record.district, record.detail]
.filter(Boolean)
.join(''),
},
{
title: t('member.address.is_default'),
dataIndex: 'is_default',
valueType: 'switch',
align: 'center',
render: (value: number) =>
value === 1 ? (
<Tag color="blue">{t('member.address.is_default.1')}</Tag>
) : (
<Tag>{t('member.address.is_default.0')}</Tag>
),
},
{
title: t('member.address.created_at'),
hideInForm: true,
hideInSearch: true,
dataIndex: 'created_at',
align: 'center',
render: (value: string) => (value ? dayjs(value).fromNow() : '-'),
},
{
title: t('member.address.updated_at'),
hideInForm: true,
hideInSearch: true,
dataIndex: 'updated_at',
align: 'center',
render: (value: string) => (value ? dayjs(value).fromNow() : '-'),
},
];
const tableProps: XinTableProps<IUserAddress> = {
api: '/member/address',
columns,
rowKey: 'id',
accessName: 'member.address',
scroll: { x: 1400 },
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('member.address.page.title')}</Title>
<Text type="secondary">{t('member.address.page.description')}</Text>
</div>
<XinTable<IUserAddress> {...tableProps} />
</>
);
};
export default Table;
web/pages/member/user/index.tsx
+186
View File
@@ -0,0 +1,186 @@
import { Tag, Typography } from 'antd';
import React from 'react';
import XinTable from '@/components/XinTable';
import type { XinTableColumn, XinTableProps } from '@/components/XinTable/typings';
import type IMemberUser from '@/domain/iMemberUser';
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<IMemberUser>[] = [
{
title: t('member.user.id'),
dataIndex: 'id',
hideInForm: true,
sorter: true,
align: 'center',
width: 80,
},
{
title: t('member.user.avatar'),
dataIndex: 'avatar',
valueType: 'text',
hideInTable: true,
hideInSearch: true,
},
{
title: t('member.user.username'),
dataIndex: 'username',
valueType: 'text',
align: 'center',
required: true,
rules: [{ required: true, message: t('member.user.username.required') }],
},
{
title: t('member.user.nickname'),
dataIndex: 'nickname',
valueType: 'text',
align: 'center',
},
{
title: t('member.user.mobile'),
dataIndex: 'mobile',
valueType: 'text',
align: 'center',
},
{
title: t('member.user.email'),
dataIndex: 'email',
valueType: 'text',
align: 'center',
},
{
title: t('member.user.gender'),
dataIndex: 'gender',
valueType: 'radio',
align: 'center',
hideInSearch: true,
fieldProps: {
options: [
{ value: 0, label: t('member.user.gender.0') },
{ value: 1, label: t('member.user.gender.1') },
{ value: 2, label: t('member.user.gender.2') },
],
},
render: (value: number) => {
const map: Record<number, string> = {
0: t('member.user.gender.0'),
1: t('member.user.gender.1'),
2: t('member.user.gender.2'),
};
return map[value] || '-';
},
},
{
title: t('member.user.birthday'),
dataIndex: 'birthday',
valueType: 'date',
align: 'center',
hideInSearch: true,
},
{
title: t('member.user.balance'),
dataIndex: 'balance',
hideInForm: true,
align: 'center',
render: (value: string) => `¥${value || '0.00'}`,
},
{
title: t('member.user.status'),
dataIndex: 'status',
valueType: 'radioButton',
fieldProps: {
options: [
{ value: 0, label: t('member.user.status.0') },
{ value: 1, label: t('member.user.status.1') },
],
},
render: (value: number) => {
return value === 1
? <Tag color="success">{t('member.user.status.1')}</Tag>
: <Tag color="error">{t('member.user.status.0')}</Tag>;
},
filters: [
{ text: t('member.user.status.0'), value: 0 },
{ text: t('member.user.status.1'), value: 1 },
],
align: 'center',
},
{
title: t('member.user.password'),
dataIndex: 'password',
valueType: 'password',
hideInTable: true,
hideInSearch: true,
hideInUpdate: true,
rules: [{ required: true, message: t('member.user.password.required') }],
fieldProps: { autoComplete: 'new-password' },
},
{
title: t('member.user.last_login_at'),
dataIndex: 'last_login_at',
hideInForm: true,
hideInSearch: true,
align: 'center',
render: (value: string) => (value ? dayjs(value).fromNow() : '-'),
},
{
title: t('member.user.created_at'),
hideInForm: true,
hideInSearch: true,
dataIndex: 'created_at',
align: 'center',
render: (value: string) => (value ? dayjs(value).fromNow() : '-'),
},
{
title: t('member.user.updated_at'),
hideInForm: true,
hideInSearch: true,
dataIndex: 'updated_at',
align: 'center',
render: (value: string) => (value ? dayjs(value).fromNow() : '-'),
},
];
const tableProps: XinTableProps<IMemberUser> = {
api: '/member/user',
columns,
rowKey: 'id',
accessName: 'member.user',
scroll: { x: 1400 },
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('member.user.page.title')}</Title>
<Text type="secondary">{t('member.user.page.description')}</Text>
</div>
<XinTable<IMemberUser> {...tableProps} />
</>
);
};
export default Table;