Yaxin
/
General-AI-Platform-Web
31
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 系统管理模块列表样样式调整

Browse Source
develop
JINGYJ 1 year ago
parent 4fc102c7d6
commit ed51383f58
22 changed files with 419 additions and 154 deletions
Show Stats Download Patch File Download Diff File

4
src/locales/zh-CN.ts
Unescape Escape View File

@ -7,7 +7,7 @@ import settingDrawer from './zh-CN/settingDrawer';
import settings from './zh-CN/settings';
import common from './zh-CN/common';
import app from './zh-CN/app';
import {interface_api, dynamic_menu, api, role, user, post, department} from "@/locales/zh-CN/system";
import {interface_api, dynamic_menu, api, role, user, post, department, operation_record} from "@/locales/zh-CN/system";
import * as analysisZh from "@/locales/zh-CN/analysis";
import * as errorTypesZh from "@/locales/zh-CN/errorTypes";
import * as deviceZh from "@/locales/zh-CN/device";
@ -30,7 +30,7 @@ export default {
...pwa,
...common,
...component,
...interface_api, ...dynamic_menu, ...api, ...role, ...user, ...post, ...department,
...interface_api, ...dynamic_menu, ...api, ...role, ...user, ...post, ...department, ...operation_record,
...app,
...Object.assign({}, ...Object.values(analysisZh)),

20
src/locales/zh-CN/system.ts
Unescape Escape View File

@ -116,3 +116,23 @@ export const department: { [key: string]: string } = {
'system.department.table.rule.required.name': '部门名称为必填项',
'system.department.table.rule.required.code': '部门代码为必填项',
}
export const operation_record: { [key: string]: string } = {
'system.operation.table.list.id': 'ID',
'system.operation.table.list.status': '请求状态',
'system.operation.table.list.ip': '请求IP',
'system.operation.table.list.path': '接口路径',
'system.operation.table.list.method': '请求方法',
'system.operation.table.list.latency': '延迟',
'system.operation.table.list.agent': '代理',
'system.operation.table.list.error_message': '错误信息',
'system.operation.table.list.body': '请求Body',
'system.operation.table.list.resp': '响应Body',
'system.operation.table.list.user_id': '用户ID',
'system.operation.table.list.sort': '排序',
'system.operation.table.list.remark': '备注',
'system.operation.table.list.createTime': '创建时间',
'system.operation.table.list.updateTime': '更新时间',
'system.operation.table.rule.list.ip': '请填写IP',
'system.operation.table.rule.list.path': '请填写接口路径',
}

11
src/pages/System/ApiList/components/CreateForm.tsx
Unescape Escape View File

@ -5,6 +5,8 @@ import {FormattedMessage, useIntl} from '@umijs/max';
import React from 'react';
import {postApiCreateApi} from "@/services/system/Api";
import {Form, message} from 'antd';
// 表单宽度 804 两列
import { proFormItemStyleProps, proFormModelWidth } from '../../../../../config/defaultForm';
export type CreateFormProps = {
createModalOpen: boolean;
@ -19,6 +21,7 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
return (
<ModalForm<API.Api>
width={proFormModelWidth}
title={intl.formatMessage({
id: 'common.modal.table.create.title',
defaultMessage: '$$$',
@ -44,7 +47,7 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
>
<ProForm.Group>
<ProFormText width="md" name="path"
<ProFormText width={proFormItemStyleProps.column2Width} name="path"
label={<FormattedMessage id="system.api.table.list.path" defaultMessage="$$$"/>}
placeholder="请输入接口路径" required={true}
rules={[
@ -59,7 +62,7 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
},
]}
/>
<ProFormSelect width="md" name="method"
<ProFormSelect width={proFormItemStyleProps.column2Width} name="method"
label={<FormattedMessage id="system.api.table.list.method" defaultMessage="$$$"/>}
placeholder="请输入请求方式" required={false} initialValue="GET" valueEnum={{
'GET': intl.formatMessage({id: 'system.api.enum.GET', defaultMessage: '$$$',}),
@ -68,10 +71,10 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
'PUT': intl.formatMessage({id: 'system.api.enum.PUT', defaultMessage: '$$$',}),
'PATCH': intl.formatMessage({id: 'system.api.enum.PATCH', defaultMessage: '$$$',})
}}/>
<ProFormText width="md" name="apiGroup"
<ProFormText width={proFormItemStyleProps.column2Width} name="apiGroup"
label={<FormattedMessage id="system.api.table.list.apiGroup" defaultMessage="$$$"/>}
placeholder="请输入接口分组" required={false}/>
<ProFormText width="md" name="description"
<ProFormText width={proFormItemStyleProps.column2Width} name="description"
label={<FormattedMessage id="system.api.table.list.description" defaultMessage="$$$"/>}
placeholder="请输入接口描述" required={false}/>
</ProForm.Group>

13
src/pages/System/ApiList/components/UpdateForm.tsx
Unescape Escape View File

@ -5,6 +5,8 @@ import {FormattedMessage, useIntl} from '@umijs/max';
import React from 'react';
import {Form, message} from 'antd';
import {putApiUpdateApi} from "@/services/system/Api";
// 表单宽度 804 两列
import { proFormItemStyleProps, proFormModelWidth } from '../../../../../config/defaultForm';
export type UpdateFormProps = {
updateModalOpen: boolean;
@ -19,6 +21,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
return (
<ModalForm<API.Api>
width={proFormModelWidth}
title={intl.formatMessage({
id: 'common.modal.table.update.title',
defaultMessage: '$$$',
@ -45,8 +48,8 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
>
<ProForm.Group>
<ProFormText width="md" name="id" label="id" disabled={true} initialValue={props.values.id}/>
<ProFormText width="md" name="path"
<ProFormText width={proFormItemStyleProps.column2Width} name="id" label="id" disabled={true} initialValue={props.values.id}/>
<ProFormText width={proFormItemStyleProps.column2Width} name="path"
label={<FormattedMessage id="system.api.table.list.path" defaultMessage="$$$"/>}
placeholder="请输入接口路径" required={true} initialValue={props.values.path} disabled={false}
rules={[
@ -61,7 +64,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
},
]}
/>
<ProFormSelect width="md" name="method"
<ProFormSelect width={proFormItemStyleProps.column2Width} name="method"
label={<FormattedMessage id="system.api.table.list.method" defaultMessage="$$$"/>}
placeholder="请输入请求方式" required={false} initialValue={props.values.method} valueEnum={{
'GET': intl.formatMessage({id: 'system.api.enum.GET', defaultMessage: '$$$',}),
@ -70,11 +73,11 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
'PUT': intl.formatMessage({id: 'system.api.enum.PUT', defaultMessage: '$$$',}),
'PATCH': intl.formatMessage({id: 'system.api.enum.PATCH', defaultMessage: '$$$',})
}} disabled={false}/>
<ProFormText width="md" name="apiGroup"
<ProFormText width={proFormItemStyleProps.column2Width} name="apiGroup"
label={<FormattedMessage id="system.api.table.list.apiGroup" defaultMessage="$$$"/>}
placeholder="请输入接口分组" required={false} initialValue={props.values.apiGroup}
disabled={false}/>
<ProFormText width="md" name="description"
<ProFormText width={proFormItemStyleProps.column2Width} name="description"
label={<FormattedMessage id="system.api.table.list.description" defaultMessage="$$$"/>}
placeholder="请输入接口描述" required={false} initialValue={props.values.description}
disabled={false}/>

26
src/pages/System/ApiList/index.tsx
Unescape Escape View File

@ -6,7 +6,7 @@ import {
ProTable,
} from '@ant-design/pro-components';
import {FormattedMessage, useIntl, useAccess, Access, history} from '@umijs/max';
import {Button, message} from 'antd';
import {Button, Popconfirm, message} from 'antd';
import React, {useRef, useState} from 'react';
import UpdateForm from './components/UpdateForm';
import CreateForm from "./components/CreateForm";
@ -152,7 +152,24 @@ const ApiList: React.FC = () => {
>
<FormattedMessage id="pages.searchTable.update" defaultMessage="Update"/>
</a>
<a
<Popconfirm
placement="topLeft"
title={intl.formatMessage({ id: 'common.tip.title', defaultMessage: '$$$' })}
description={intl.formatMessage({
id: 'common.modal.table.delete.content',
defaultMessage: '$$$',
})}
okText={intl.formatMessage({ id: 'common.yes', defaultMessage: '$$$' })}
cancelText={intl.formatMessage({ id: 'common.no', defaultMessage: '$$$' })}
onConfirm={() => {
handleDestroy(record).then(() => {});
}}
>
<Button key="destroy" type="link" size="small" danger>
<FormattedMessage id="pages.searchTable.destroy" defaultMessage="Destroy" />
</Button>
</Popconfirm>
{/* <a
key="destroy"
onClick={() => {
handleDestroy(record).then(() => {
@ -162,7 +179,7 @@ const ApiList: React.FC = () => {
id="pages.searchTable.destroy"
defaultMessage="Destroy"
/>
</a>
</a> */}
</Access>
],
},];
@ -176,8 +193,9 @@ const ApiList: React.FC = () => {
options={{fullScreen: true, setting: true, density: true, reload: true}}
actionRef={actionRef}
rowKey="key"
// 查询区
search={{
labelWidth: 120,
labelWidth: 'auto',
}}
pagination={{
showSizeChanger: true,

19
src/pages/System/DepartmentList/components/CreateForm.tsx
Unescape Escape View File

@ -7,6 +7,8 @@ import {postDepartmentCreateDepartment} from "@/services/system/Department";
// import {systemDepartmentGetDepartmentPkIdSelectList} from "@/services/system/system";
import React, {useEffect, useState} from 'react';
import {App, Button, Form, Modal, message} from 'antd';
// 表单宽度 804 两列
import { proFormItemStyleProps, proFormModelWidth } from '../../../../../config/defaultForm';
export type FormValueType = {
target?: string;
@ -42,6 +44,7 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
return (
<ModalForm<API.Department>
width={proFormModelWidth}
title={intl.formatMessage({
id: 'common.modal.table.create.title',
defaultMessage: '$$$',
@ -68,7 +71,7 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
>
<ProForm.Group>
<ProFormSelect width="md" name="parentId"
<ProFormSelect width={proFormItemStyleProps.column2Width} name="parentId"
disabled={true}
initialValue={parentId}
options={parentSelectOptions}
@ -78,7 +81,7 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
/>
</ProForm.Group>
<ProForm.Group>
<ProFormText width="md" name="name"
<ProFormText width={proFormItemStyleProps.column2Width} name="name"
label={<FormattedMessage id="system.department.table.list.name" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.department.table.list.name', defaultMessage: '$$$'})}`}
required={true}
@ -94,35 +97,35 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
},
]}
/>
<ProFormText width="md" name="code"
<ProFormText width={proFormItemStyleProps.column2Width} name="code"
label={<FormattedMessage id="system.department.table.list.code" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.department.table.list.code', defaultMessage: '$$$'})}`}
/>
</ProForm.Group>
<ProForm.Group>
<ProFormDigit width="md" fieldProps={{precision: 0}} name="sort"
<ProFormDigit width={proFormItemStyleProps.column2Width} fieldProps={{precision: 0}} name="sort"
label={<FormattedMessage id="system.department.table.list.sort" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.department.table.list.sort', defaultMessage: '$$$'})}`}
initialValue={1}
/>
</ProForm.Group>
<ProForm.Group>
<ProFormText width="md" name="phone"
<ProFormText width={proFormItemStyleProps.column2Width} name="phone"
label={<FormattedMessage id="system.department.table.list.phone" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.department.table.list.phone', defaultMessage: '$$$'})}`}
required={false}/>
<ProFormText width="md" name="email"
<ProFormText width={proFormItemStyleProps.column2Width} name="email"
label={<FormattedMessage id="system.department.table.list.email" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.department.table.list.email', defaultMessage: '$$$'})}`}
required={false}/>
</ProForm.Group>
<ProForm.Group>
<ProFormText width="md" name="remark"
<ProFormText width={proFormItemStyleProps.column2Width} name="remark"
label={<FormattedMessage id="system.department.table.list.remark" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.department.table.list.remark', defaultMessage: '$$$'})}`}
required={false}/>
<ProFormSwitch width="md" name="status" initialValue={true}
<ProFormSwitch width={proFormItemStyleProps.column2Width} name="status" initialValue={true}
label={<FormattedMessage id="system.department.table.list.status" defaultMessage="$$$"/>}
required={false}>

21
src/pages/System/DepartmentList/components/UpdateForm.tsx
Unescape Escape View File

@ -6,6 +6,8 @@ import {FormattedMessage, useIntl} from '@umijs/max';
import React, {useEffect, useState} from 'react';
import {App, Button, Form, message, Modal} from 'antd';
import {putDepartmentUpdateDepartment} from "@/services/system/Department";
// 表单宽度 804 两列
import { proFormItemStyleProps, proFormModelWidth } from '../../../../../config/defaultForm';
export type FormValueType = {
target?: string;
template?: string;
@ -30,6 +32,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
return (
<ModalForm<API.Department>
width={proFormModelWidth}
title={intl.formatMessage({
id: 'common.modal.table.create.title',
defaultMessage: '$$$',
@ -56,8 +59,8 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
>
<ProForm.Group>
<ProFormText width="md" name="id" label="id" disabled={true} initialValue={props.values.id}/>
<ProFormSelect width="md" name="parentId"
<ProFormText width={proFormItemStyleProps.column2Width} name="id" label="id" disabled={true} initialValue={props.values.id}/>
<ProFormSelect width={proFormItemStyleProps.column2Width} name="parentId"
disabled={true}
initialValue={parentId}
request={async () => parentSelectOptions}
@ -67,7 +70,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
</ProForm.Group>
<ProForm.Group>
<ProFormText width="md" name="name"
<ProFormText width={proFormItemStyleProps.column2Width} name="name"
label={<FormattedMessage id="system.department.table.list.name" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.department.table.list.name', defaultMessage: '$$$'})}`}
required={true}
@ -84,7 +87,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
},
]}
/>
<ProFormText width="md" name="code"
<ProFormText width={proFormItemStyleProps.column2Width} name="code"
initialValue={props.values.code}
label={<FormattedMessage id="system.department.table.list.code" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.department.table.list.code', defaultMessage: '$$$'})}`}
@ -92,31 +95,31 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
</ProForm.Group>
<ProForm.Group>
<ProFormDigit width="md" fieldProps={{precision: 0}} name="sort"
<ProFormDigit width={proFormItemStyleProps.column2Width} fieldProps={{precision: 0}} name="sort"
initialValue={props.values.sort}
label={<FormattedMessage id="system.department.table.list.sort" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.department.table.list.sort', defaultMessage: '$$$'})}`}
/>
</ProForm.Group>
<ProForm.Group>
<ProFormText width="md" name="phone"
<ProFormText width={proFormItemStyleProps.column2Width} name="phone"
initialValue={props.values.phone}
label={<FormattedMessage id="system.department.table.list.phone" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.department.table.list.phone', defaultMessage: '$$$'})}`}
required={false}/>
<ProFormText width="md" name="email"
<ProFormText width={proFormItemStyleProps.column2Width} name="email"
initialValue={props.values.email}
label={<FormattedMessage id="system.department.table.list.email" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.department.table.list.email', defaultMessage: '$$$'})}`}
required={false}/>
</ProForm.Group>
<ProForm.Group>
<ProFormText width="md" name="remark"
<ProFormText width={proFormItemStyleProps.column2Width} name="remark"
initialValue={props.values.remark}
label={<FormattedMessage id="system.department.table.list.remark" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.department.table.list.remark', defaultMessage: '$$$'})}`}
required={false}/>
<ProFormSwitch width="md" name="status" initialValue={props.values.status}
<ProFormSwitch width={proFormItemStyleProps.column2Width} name="status" initialValue={props.values.status}
label={<FormattedMessage id="system.department.table.list.status" defaultMessage="$$$"/>}
required={false}>

27
src/pages/System/DepartmentList/index.tsx
Unescape Escape View File

@ -7,7 +7,7 @@ import {
ProTable,
} from '@ant-design/pro-components';
import { FormattedMessage, useIntl, useAccess, Access, history } from '@umijs/max';
import {Button, message} from 'antd';
import {Button, Popconfirm, message} from 'antd';
import React, { useRef, useState } from 'react';
import UpdateForm from '@/pages/System/DepartmentList/components/UpdateForm'
import CreateForm from '@/pages/System/DepartmentList/components/CreateForm'
@ -220,7 +220,24 @@ const DepartmentList: React.FC = () => {
>
<FormattedMessage id="pages.searchTable.update" defaultMessage="Update" />
</a>
<a
<Popconfirm
placement="topLeft"
title={intl.formatMessage({ id: 'common.tip.title', defaultMessage: '$$$' })}
description={intl.formatMessage({
id: 'common.modal.table.delete.content',
defaultMessage: '$$$',
})}
okText={intl.formatMessage({ id: 'common.yes', defaultMessage: '$$$' })}
cancelText={intl.formatMessage({ id: 'common.no', defaultMessage: '$$$' })}
onConfirm={() => {
handleDestroy(record).then(() => {});
}}
>
<Button key="destroy" type="link" size="small" danger>
<FormattedMessage id="pages.searchTable.destroy" defaultMessage="Destroy" />
</Button>
</Popconfirm>
{/* <a
key="destroy"
onClick={() => {
handleDestroy(record).then(()=>{})
@ -229,7 +246,7 @@ const DepartmentList: React.FC = () => {
id="pages.searchTable.destroy"
defaultMessage="Destroy"
/>
</a>
</a> */}
</Access>
],
},];
@ -244,7 +261,7 @@ const DepartmentList: React.FC = () => {
actionRef={actionRef}
rowKey="key"
search={{
labelWidth: 120,
labelWidth: 'auto',
}}
pagination={{
showSizeChanger: true,
@ -283,7 +300,7 @@ const DepartmentList: React.FC = () => {
}
let resp = await postDepartmentGetDepartmentList({...reqParams})
return {
data: resp.data?.list.map((v: API.Department)=>{ return {...v, key: v.id}}) || [],
data: resp.data?.list?.map((v: API.Department)=>{ return {...v, key: v.id}}) || [],
success: resp.success,
total: resp.data.total,
current: resp.data.page,

24
src/pages/System/MenuList/component/CreateForm.tsx
Unescape Escape View File

@ -9,6 +9,8 @@ import React, {useEffect, useState} from 'react';
import {App, Button, Form, Modal, message} from 'antd';
import IconSelector from "@/components/IconSelector";
import {createIcon} from '@/utils/IconUtil';
// 表单宽度 804 两列
import { proFormItemStyleProps, proFormModelWidth } from '../../../../../config/defaultForm';
export type FormValueType = {
target?: string;
@ -45,6 +47,7 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
return (
<ModalForm<API.Menu>
width={proFormModelWidth}
title={intl.formatMessage({
id: 'common.modal.table.create.title',
defaultMessage: '$$$',
@ -71,7 +74,7 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
>
<ProForm.Group>
<ProFormSelect width="md" name="parentId"
<ProFormSelect width={proFormItemStyleProps.column2Width} name="parentId"
disabled={true}
initialValue={parentId}
request={async () => parentSelectOptions}
@ -80,7 +83,7 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
/>
</ProForm.Group>
<ProForm.Group>
<ProFormRadio.Group width="md" name="type"
<ProFormRadio.Group width={proFormItemStyleProps.column2Width} name="type"
required={true}
label={<FormattedMessage id="system.menu.table.list.type" defaultMessage="$$$"/>}
initialValue={'M'}
@ -106,7 +109,7 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
</ProFormRadio.Group>
</ProForm.Group>
<ProForm.Group>
<ProFormText width="md" name="title"
<ProFormText width={proFormItemStyleProps.column2Width} name="title"
label={<FormattedMessage id="system.menu.table.list.title" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.menu.table.list.title', defaultMessage: '$$$'})}`}
required={true}
@ -122,7 +125,7 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
},
]}
/>
<ProFormDigit width="md" fieldProps={{precision: 0}} name="sort"
<ProFormDigit width={proFormItemStyleProps.column2Width} fieldProps={{precision: 0}} name="sort"
label={<FormattedMessage id="system.menu.table.list.sort" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.menu.table.list.sort', defaultMessage: '$$$'})}`}
initialValue={1}
@ -135,7 +138,7 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
if (isShow) {
return (
<ProForm.Group>
<ProFormText width="md" name="name"
<ProFormText width={proFormItemStyleProps.column2Width} name="name"
label={<FormattedMessage id="system.menu.table.list.name" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.menu.table.list.name', defaultMessage: '$$$'})}`}
required={true}
@ -151,7 +154,7 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
},
]}
/>
<ProFormText width="md" name="path"
<ProFormText width={proFormItemStyleProps.column2Width} name="path"
label={<FormattedMessage id="system.menu.table.list.path" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.menu.table.list.path', defaultMessage: '$$$'})}`}
required={true}
@ -167,7 +170,7 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
},
]}
/>
<ProFormText width="md" name="component"
<ProFormText width={proFormItemStyleProps.column2Width} name="component"
label={<FormattedMessage id="system.menu.table.list.component" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.menu.table.list.component', defaultMessage: '$$$'})}`}
required={true}
@ -176,6 +179,7 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
/>
<ProFormSelect
width={proFormItemStyleProps.column2Width}
name="icon"
label={intl.formatMessage({
id: 'system.menu.table.list.icon',
@ -209,7 +213,7 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
{
(record) => {
return (
<ProFormText width="md" name="permission"
<ProFormText width={proFormItemStyleProps.column2Width} name="permission"
label={<FormattedMessage id="system.menu.table.list.permission" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.menu.table.list.permission', defaultMessage: '$$$'})}`}
disabled={record.type === 'M'}
@ -221,11 +225,11 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
</ProFormDependency>
</ProForm.Group>
<ProForm.Group>
<ProFormText width="md" name="remark"
<ProFormText width={proFormItemStyleProps.column2Width} name="remark"
label={<FormattedMessage id="system.menu.table.list.remark" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.menu.table.list.remark', defaultMessage: '$$$'})}`}
required={false}/>
<ProFormSwitch width="md" name="hidden" initialValue={false}
<ProFormSwitch width={proFormItemStyleProps.column2Width} name="hidden" initialValue={false}
label={<FormattedMessage id="system.menu.table.list.hidden" defaultMessage="$$$"/>}
required={false}>

26
src/pages/System/MenuList/component/UpdateForm.tsx
Unescape Escape View File

@ -8,6 +8,8 @@ import {App, Button, Form, message, Modal} from 'antd';
import {putMenuUpdateMenu} from "@/services/system/Menu";
import {createIcon} from "@/utils/IconUtil";
import IconSelector from "@/components/IconSelector";
// 表单宽度 804 两列
import { proFormItemStyleProps, proFormModelWidth } from '../../../../../config/defaultForm';
export type FormValueType = {
target?: string;
template?: string;
@ -37,6 +39,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
return (
<ModalForm<API.Menu>
width={proFormModelWidth}
title={intl.formatMessage({
id: 'common.modal.table.create.title',
defaultMessage: '$$$',
@ -63,8 +66,8 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
>
<ProForm.Group>
<ProFormText width="md" name="id" label="id" disabled={true} initialValue={props.values.id}/>
<ProFormSelect width="md" name="parentId"
<ProFormText width={proFormItemStyleProps.column2Width} name="id" label="id" disabled={true} initialValue={props.values.id}/>
<ProFormSelect width={proFormItemStyleProps.column2Width} name="parentId"
disabled={true}
initialValue={parentId}
request={async () => parentSelectOptions}
@ -73,7 +76,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
/>
</ProForm.Group>
<ProForm.Group>
<ProFormRadio.Group width="md" name="type"
<ProFormRadio.Group width={proFormItemStyleProps.column2Width} name="type"
required={true}
label={<FormattedMessage id="system.menu.table.list.type" defaultMessage="$$$"/>}
initialValue={props.values.type}
@ -100,7 +103,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
</ProFormRadio.Group>
</ProForm.Group>
<ProForm.Group>
<ProFormText width="md" name="title"
<ProFormText width={proFormItemStyleProps.column2Width} name="title"
label={<FormattedMessage id="system.menu.table.list.title" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.menu.table.list.title', defaultMessage: '$$$'})}`}
required={true}
@ -117,7 +120,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
},
]}
/>
<ProFormDigit width="md" fieldProps={{precision: 0}} name="sort"
<ProFormDigit width={proFormItemStyleProps.column2Width} fieldProps={{precision: 0}} name="sort"
label={<FormattedMessage id="system.menu.table.list.sort" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.menu.table.list.sort', defaultMessage: '$$$'})}`}
initialValue={props.values.sort}
@ -130,7 +133,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
if (isShow) {
return (
<ProForm.Group>
<ProFormText width="md" name="name"
<ProFormText width={proFormItemStyleProps.column2Width} name="name"
label={<FormattedMessage id="system.menu.table.list.name" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.menu.table.list.name', defaultMessage: '$$$'})}`}
required={true}
@ -147,7 +150,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
},
]}
/>
<ProFormText width="md" name="path"
<ProFormText width={proFormItemStyleProps.column2Width} name="path"
label={<FormattedMessage id="system.menu.table.list.path" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.menu.table.list.path', defaultMessage: '$$$'})}`}
required={true}
@ -164,7 +167,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
},
]}
/>
<ProFormText width="md" name="component"
<ProFormText width={proFormItemStyleProps.column2Width} name="component"
label={<FormattedMessage id="system.menu.table.list.component" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.menu.table.list.component', defaultMessage: '$$$'})}`}
required={true}
@ -174,6 +177,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
/>
<ProFormSelect
width={proFormItemStyleProps.column2Width}
name="icon"
label={intl.formatMessage({
id: 'system.menu.table.list.icon',
@ -208,7 +212,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
{
(record) => {
return (
<ProFormText width="md" name="permission"
<ProFormText width={proFormItemStyleProps.column2Width} name="permission"
initialValue={props.values.permission}
label={<FormattedMessage id="system.menu.table.list.permission" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.menu.table.list.permission', defaultMessage: '$$$'})}`}
@ -221,12 +225,12 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
</ProFormDependency>
</ProForm.Group>
<ProForm.Group>
<ProFormText width="md" name="remark"
<ProFormText width={proFormItemStyleProps.column2Width} name="remark"
initialValue={props.values.remark}
label={<FormattedMessage id="system.menu.table.list.remark" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.menu.table.list.remark', defaultMessage: '$$$'})}`}
required={false}/>
<ProFormSwitch width="md" name="hidden" initialValue={props.values.hidden}
<ProFormSwitch width={proFormItemStyleProps.column2Width} name="hidden" initialValue={props.values.hidden}
label={<FormattedMessage id="system.menu.table.list.hidden" defaultMessage="$$$"/>}
required={false}>

25
src/pages/System/MenuList/index.tsx
Unescape Escape View File

@ -7,7 +7,7 @@ import {
ProTable,
} from '@ant-design/pro-components';
import { FormattedMessage, useIntl, useAccess, Access, history } from '@umijs/max';
import {App, Button, message} from 'antd';
import {App, Button, Popconfirm, message} from 'antd';
import React, { useRef, useState } from 'react';
import UpdateForm from './component/UpdateForm'
import CreateForm from './component/CreateForm'
@ -212,7 +212,24 @@ const MenuList: React.FC = () => {
>
<FormattedMessage id="pages.searchTable.update" defaultMessage="Update" />
</a>
<a
<Popconfirm
placement="topLeft"
title={intl.formatMessage({ id: 'common.tip.title', defaultMessage: '$$$' })}
description={intl.formatMessage({
id: 'common.modal.table.delete.content',
defaultMessage: '$$$',
})}
okText={intl.formatMessage({ id: 'common.yes', defaultMessage: '$$$' })}
cancelText={intl.formatMessage({ id: 'common.no', defaultMessage: '$$$' })}
onConfirm={() => {
handleDestroy(record).then(() => {});
}}
>
<Button key="destroy" type="link" size="small" danger>
<FormattedMessage id="pages.searchTable.destroy" defaultMessage="Destroy" />
</Button>
</Popconfirm>
{/* <a
key="destroy"
onClick={() => {
handleDestroy(record).then(()=>{})
@ -221,7 +238,7 @@ const MenuList: React.FC = () => {
id="pages.searchTable.destroy"
defaultMessage="Destroy"
/>
</a>
</a> */}
</Access>
],
},];
@ -236,7 +253,7 @@ const MenuList: React.FC = () => {
actionRef={actionRef}
rowKey="key"
search={{
labelWidth: 120,
labelWidth: 'auto',
}}
pagination={{
showSizeChanger: true,

39
src/pages/System/OperationRecordList/components/CreateForm.tsx
Unescape Escape View File

@ -5,6 +5,8 @@ import {FormattedMessage, useIntl} from '@umijs/max';
import React from 'react';
import {postSysOperationRecordCreateOperationRecord} from "@/services/system/OperationRecord";
import {Form, message} from 'antd';
// 表单宽度 804 两列
import { proFormItemStyleProps, proFormModelWidth } from '../../../../../config/defaultForm';
export type CreateFormProps = {
createModalOpen: boolean;
@ -19,6 +21,7 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
return (
<ModalForm<API.OperationRecord>
width={proFormModelWidth}
title={intl.formatMessage({
id: 'common.modal.table.create.title',
defaultMessage: '$$$',
@ -44,51 +47,51 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
>
<ProForm.Group>
<ProFormText width="md" name="name"
label={<FormattedMessage id="system.operation_record.table.list.name" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.operation_record.table.list.name', defaultMessage: '$$$'})}`}
<ProFormText width={proFormItemStyleProps.column2Width} name="ip"
label={<FormattedMessage id="system.operation.table.list.ip" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.operation.table.list.ip', defaultMessage: '$$$'})}`}
required={true}
rules={[
{
required: true,
message: (
<FormattedMessage
id="system.operation_record.table.rule.required.name"
defaultMessage="name is required"
id="system.operation.table.rule.list.ip"
defaultMessage="ip is required"
/>
),
},
]}
/>
<ProFormText width="md" name="code"
label={<FormattedMessage id="system.operation_record.table.list.code" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.operation_record.table.list.code', defaultMessage: '$$$'})}`}
<ProFormText width={proFormItemStyleProps.column2Width} name="path"
label={<FormattedMessage id="system.operation.table.list.path" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.operation.table.list.path', defaultMessage: '$$$'})}`}
required={true}
rules={[
{
required: true,
message: (
<FormattedMessage
id="system.operation_record.table.rule.required.code"
defaultMessage="code is required"
id="system.operation.table.rule.list.path"
defaultMessage="path is required"
/>
),
},
]}
/>
<ProFormDigit width="md" fieldProps={{precision: 0}} name="sort"
label={<FormattedMessage id="system.operation_record.table.list.sort" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.operation_record.table.list.sort', defaultMessage: '$$$'})}`}
<ProFormDigit width={proFormItemStyleProps.column2Width} fieldProps={{precision: 0}} name="sort"
label={<FormattedMessage id="system.operation.table.list.sort" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.operation.table.list.sort', defaultMessage: '$$$'})}`}
initialValue={1}
/>
</ProForm.Group>
<ProForm.Group>
<ProFormText width="md" name="remark"
label={<FormattedMessage id="system.operation_record.table.list.remark" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.operation_record.table.list.remark', defaultMessage: '$$$'})}`}
<ProFormText width={proFormItemStyleProps.column2Width} name="remark"
label={<FormattedMessage id="system.operation.table.list.remark" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.operation.table.list.remark', defaultMessage: '$$$'})}`}
required={false}/>
<ProFormSwitch width="md" name="status" initialValue={true}
label={<FormattedMessage id="system.operation_record.table.list.status" defaultMessage="$$$"/>}
<ProFormSwitch width={proFormItemStyleProps.column2Width} name="status" initialValue={true}
label={<FormattedMessage id="system.operation.table.list.status" defaultMessage="$$$"/>}
required={false}>
</ProFormSwitch>

143
src/pages/System/OperationRecordList/index.tsx
Unescape Escape View File

@ -6,11 +6,12 @@ import {
ProTable,
} from '@ant-design/pro-components';
import {FormattedMessage, useIntl, useAccess, Access, history} from '@umijs/max';
import {Button, message} from 'antd';
import {Button, Popconfirm, message} from 'antd';
import React, {useRef, useState} from 'react';
import CreateForm from "./components/CreateForm";
import {ColumnDrawer} from "./components/ColumnDrawer";
import {getSysOperationRecordGetOperationRecordList} from "@/services/system/OperationRecord";
// import UpdateForm from './components/UpdateForm';
const OperationRecordList: React.FC = () => {
/**
@ -71,11 +72,12 @@ const OperationRecordList: React.FC = () => {
{
title: (<FormattedMessage
id="system.operation_record.table.list.id"
id="system.operation.table.list.id"
defaultMessage="id"/>),
dataIndex: "id",
sorter: true,
valueType: "digit",
filters: true, onFilter: true,
render: (dom, entity) => {
return (
@ -94,30 +96,38 @@ const OperationRecordList: React.FC = () => {
{
sorter: true,
title: (<FormattedMessage
id="system.operation_record.table.list.name"
id="system.operation.table.list.ip"
defaultMessage="$$$"/>),
dataIndex: "name",
dataIndex: "ip",
hideInSearch: true,
},
{
title: (<FormattedMessage
id="system.operation_record.table.list.code"
id="system.operation.table.list.path"
defaultMessage="$$$"/>),
dataIndex: "code",
dataIndex: "path",
hideInSearch: true,
},
{
title: (<FormattedMessage
id="system.operation_record.table.list.sort"
id="system.operation.table.list.method"
defaultMessage="$$$"/>),
dataIndex: "sort",
hideInSearch: true,
dataIndex: "method",
valueEnum: {
'GET': intl.formatMessage({id: 'system.api.enum.GET', defaultMessage: '$$$',}),
'POST': intl.formatMessage({id: 'system.api.enum.POST', defaultMessage: '$$$',}),
'DELETE': intl.formatMessage({id: 'system.api.enum.DELETE', defaultMessage: '$$$',}),
'PUT': intl.formatMessage({id: 'system.api.enum.PUT', defaultMessage: '$$$',}),
'PATCH': intl.formatMessage({id: 'system.api.enum.PATCH', defaultMessage: '$$$',})
},
filters: true, onFilter: true,
// hideInSearch: true,
},
{
title: (<FormattedMessage
id="system.operation_record.table.list.status"
id="system.operation.table.list.status"
defaultMessage="$$$"/>),
dataIndex: "status",
valueEnum: {
@ -135,6 +145,80 @@ const OperationRecordList: React.FC = () => {
}
},
filters: true, onFilter: true,
hideInSearch: true,
},
{
title: (<FormattedMessage
id="system.operation.table.list.latency"
defaultMessage="$$$"/>),
dataIndex: "latency",
valueType: 'time',
hideInSearch: true,
},
{
title: (<FormattedMessage
id="system.operation.table.list.agent"
defaultMessage="$$$"/>),
dataIndex: "agent",
tooltip: true,
ellipsis: true,
hideInSearch: true,
},
{
title: (<FormattedMessage
id="system.operation.table.list.error_message"
defaultMessage="$$$"/>),
dataIndex: "error_message",
hideInSearch: true,
},
{
title: (<FormattedMessage
id="system.operation.table.list.body"
defaultMessage="$$$"/>),
dataIndex: "body",
tooltip: true,
ellipsis: true,
hideInSearch: true,
},
{
title: (<FormattedMessage
id="system.operation.table.list.resp"
defaultMessage="$$$"/>),
dataIndex: "resp",
tooltip: true,
ellipsis: true,
hideInSearch: true,
},
{
title: (<FormattedMessage
id="system.operation.table.list.user_id"
defaultMessage="$$$"/>),
dataIndex: "user_id",
hideInSearch: true,
},
{
title: (<FormattedMessage
id="system.operation.table.list.createTime"
defaultMessage="$$$"/>),
dataIndex: "createTime",
valueType: 'dateTime',
hideInSearch: true,
},
{
title: (<FormattedMessage
id="system.operation.table.list.updateTime"
defaultMessage="$$$"/>),
dataIndex: "updateTime",
valueType: 'dateTime',
hideInSearch: true,
},
{
@ -144,7 +228,7 @@ const OperationRecordList: React.FC = () => {
fixed: 'right',
render: (_, record) => [
<Access accessible={access.canUpdate(history.location.pathname)} key={`${history.location.pathname}-add`}>
<a
{/* <a
key="update"
onClick={() => {
setUpdateModalOpen(true);
@ -152,8 +236,25 @@ const OperationRecordList: React.FC = () => {
}}
>
<FormattedMessage id="pages.searchTable.update" defaultMessage="Update"/>
</a>
<a
</a> */}
<Popconfirm
placement="topLeft"
title={intl.formatMessage({ id: 'common.tip.title', defaultMessage: '$$$' })}
description={intl.formatMessage({
id: 'common.modal.table.delete.content',
defaultMessage: '$$$',
})}
okText={intl.formatMessage({ id: 'common.yes', defaultMessage: '$$$' })}
cancelText={intl.formatMessage({ id: 'common.no', defaultMessage: '$$$' })}
onConfirm={() => {
handleDestroy(record).then(() => {});
}}
>
<Button key="destroy" type="link" size="small" danger>
<FormattedMessage id="pages.searchTable.destroy" defaultMessage="Destroy" />
</Button>
</Popconfirm>
{/* <a
key="destroy"
onClick={() => {
handleDestroy(record).then(() => {
@ -163,7 +264,7 @@ const OperationRecordList: React.FC = () => {
id="pages.searchTable.destroy"
defaultMessage="Destroy"
/>
</a>
</a> */}
</Access>
],
},];
@ -178,7 +279,7 @@ const OperationRecordList: React.FC = () => {
actionRef={actionRef}
rowKey="key"
search={{
labelWidth: 120,
labelWidth: 'auto',
}}
pagination={{
showSizeChanger: true,
@ -263,12 +364,12 @@ const OperationRecordList: React.FC = () => {
handleModal={handleCreateModal}
reload={actionRef.current?.reload}
/>
{/*<UpdateForm*/}
{/* updateModalOpen={updateModalOpen}*/}
{/* values={currentRow || {}}*/}
{/* handleModal={handleUpdateModal}*/}
{/* reload={actionRef.current?.reload}*/}
{/*/>*/}
{/* <UpdateForm
updateModalOpen={updateModalOpen}
values={currentRow || {}}
handleModal={handleUpdateModal}
reload={actionRef.current?.reload}
/> */}
<ColumnDrawer
handleDrawer={handleColumnDrawer}

13
src/pages/System/PostList/components/CreateForm.tsx
Unescape Escape View File

@ -5,6 +5,8 @@ import {FormattedMessage, useIntl} from '@umijs/max';
import React from 'react';
import {postPostCreatePost} from "@/services/system/Post";
import {Form, message} from 'antd';
// 表单宽度 804 两列
import { proFormItemStyleProps, proFormModelWidth } from '../../../../../config/defaultForm';
export type CreateFormProps = {
createModalOpen: boolean;
@ -19,6 +21,7 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
return (
<ModalForm<API.Post>
width={proFormModelWidth}
title={intl.formatMessage({
id: 'common.modal.table.create.title',
defaultMessage: '$$$',
@ -44,7 +47,7 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
>
<ProForm.Group>
<ProFormText width="md" name="name"
<ProFormText width={proFormItemStyleProps.column2Width} name="name"
label={<FormattedMessage id="system.post.table.list.name" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.post.table.list.name', defaultMessage: '$$$'})}`}
required={true}
@ -60,7 +63,7 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
},
]}
/>
<ProFormText width="md" name="code"
<ProFormText width={proFormItemStyleProps.column2Width} name="code"
label={<FormattedMessage id="system.post.table.list.code" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.post.table.list.code', defaultMessage: '$$$'})}`}
required={true}
@ -76,18 +79,18 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
},
]}
/>
<ProFormDigit width="md" fieldProps={{precision: 0}} name="sort"
<ProFormDigit width={proFormItemStyleProps.column2Width} fieldProps={{precision: 0}} name="sort"
label={<FormattedMessage id="system.post.table.list.sort" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.post.table.list.sort', defaultMessage: '$$$'})}`}
initialValue={1}
/>
</ProForm.Group>
<ProForm.Group>
<ProFormText width="md" name="remark"
<ProFormText width={proFormItemStyleProps.column2Width} name="remark"
label={<FormattedMessage id="system.post.table.list.remark" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.post.table.list.remark', defaultMessage: '$$$'})}`}
required={false}/>
<ProFormSwitch width="md" name="status" initialValue={true}
<ProFormSwitch width={proFormItemStyleProps.column2Width} name="status" initialValue={true}
label={<FormattedMessage id="system.post.table.list.status" defaultMessage="$$$"/>}
required={false}>

15
src/pages/System/PostList/components/UpdateForm.tsx
Unescape Escape View File

@ -5,6 +5,8 @@ import {FormattedMessage, useIntl} from '@umijs/max';
import React from 'react';
import {Form, message} from 'antd';
import {putPostUpdatePost} from "@/services/system/Post";
// 表单宽度 804 两列
import { proFormItemStyleProps, proFormModelWidth } from '../../../../../config/defaultForm';
export type UpdateFormProps = {
updateModalOpen: boolean;
@ -19,6 +21,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
return (
<ModalForm<API.Post>
width={proFormModelWidth}
title={intl.formatMessage({
id: 'common.modal.table.update.title',
defaultMessage: '$$$',
@ -45,9 +48,9 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
>
<ProForm.Group>
<ProFormText width="md" name="id" label="id" disabled={true} initialValue={props.values.id}/>
<ProFormText width={proFormItemStyleProps.column2Width} name="id" label="id" disabled={true} initialValue={props.values.id}/>
<ProFormText width="md" name="name"
<ProFormText width={proFormItemStyleProps.column2Width} name="name"
label={<FormattedMessage id="system.post.table.list.name" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.post.table.list.name', defaultMessage: '$$$'})}`}
required={true}
@ -64,7 +67,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
},
]}
/>
<ProFormText width="md" name="code"
<ProFormText width={proFormItemStyleProps.column2Width} name="code"
label={<FormattedMessage id="system.post.table.list.code" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.post.table.list.code', defaultMessage: '$$$'})}`}
required={true}
@ -81,20 +84,20 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
},
]}
/>
<ProFormDigit width="md" fieldProps={{precision: 0}} name="sort"
<ProFormDigit width={proFormItemStyleProps.column2Width} fieldProps={{precision: 0}} name="sort"
label={<FormattedMessage id="system.post.table.list.sort" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.post.table.list.sort', defaultMessage: '$$$'})}`}
initialValue={props.values.sort}
/>
</ProForm.Group>
<ProForm.Group>
<ProFormText width="md" name="remark"
<ProFormText width={proFormItemStyleProps.column2Width} name="remark"
label={<FormattedMessage id="system.post.table.list.remark" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.post.table.list.remark', defaultMessage: '$$$'})}`}
required={false}
initialValue={props.values.remark}
/>
<ProFormSwitch width="md" name="status" initialValue={props.values.status}
<ProFormSwitch width={proFormItemStyleProps.column2Width} name="status" initialValue={props.values.status}
label={<FormattedMessage id="system.post.table.list.status" defaultMessage="$$$"/>}
required={false}>

25
src/pages/System/PostList/index.tsx
Unescape Escape View File

@ -6,7 +6,7 @@ import {
ProTable,
} from '@ant-design/pro-components';
import {FormattedMessage, useIntl, useAccess, Access, history} from '@umijs/max';
import {Button, message} from 'antd';
import {Button, Popconfirm, message} from 'antd';
import React, {useRef, useState} from 'react';
import UpdateForm from './components/UpdateForm';
import CreateForm from "./components/CreateForm";
@ -154,7 +154,24 @@ const PostList: React.FC = () => {
>
<FormattedMessage id="pages.searchTable.update" defaultMessage="Update"/>
</a>
<a
<Popconfirm
placement="topLeft"
title={intl.formatMessage({ id: 'common.tip.title', defaultMessage: '$$$' })}
description={intl.formatMessage({
id: 'common.modal.table.delete.content',
defaultMessage: '$$$',
})}
okText={intl.formatMessage({ id: 'common.yes', defaultMessage: '$$$' })}
cancelText={intl.formatMessage({ id: 'common.no', defaultMessage: '$$$' })}
onConfirm={() => {
handleDestroy(record).then(() => {});
}}
>
<Button key="destroy" type="link" size="small" danger>
<FormattedMessage id="pages.searchTable.destroy" defaultMessage="Destroy" />
</Button>
</Popconfirm>
{/* <a
key="destroy"
onClick={() => {
handleDestroy(record).then(() => {
@ -164,7 +181,7 @@ const PostList: React.FC = () => {
id="pages.searchTable.destroy"
defaultMessage="Destroy"
/>
</a>
</a> */}
</Access>
],
},];
@ -179,7 +196,7 @@ const PostList: React.FC = () => {
actionRef={actionRef}
rowKey="key"
search={{
labelWidth: 120,
labelWidth: 'auto',
}}
pagination={{
showSizeChanger: true,

13
src/pages/System/RoleList/components/CreateForm.tsx
Unescape Escape View File

@ -5,6 +5,8 @@ import {FormattedMessage, useIntl} from '@umijs/max';
import React from 'react';
import {postRoleCreateRole} from "@/services/system/Role";
import {Form, message} from 'antd';
// 表单宽度 804 两列
import { proFormItemStyleProps, proFormModelWidth } from '../../../../../config/defaultForm';
export type CreateFormProps = {
createModalOpen: boolean;
@ -19,6 +21,7 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
return (
<ModalForm<API.Role>
width={proFormModelWidth}
title={intl.formatMessage({
id: 'common.modal.table.create.title',
defaultMessage: '$$$',
@ -44,7 +47,7 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
>
<ProForm.Group>
<ProFormText width="md" name="name"
<ProFormText width={proFormItemStyleProps.column2Width} name="name"
label={<FormattedMessage id="system.role.table.list.name" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.role.table.list.name', defaultMessage: '$$$'})}`}
required={true}
@ -60,7 +63,7 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
},
]}
/>
<ProFormText width="md" name="code"
<ProFormText width={proFormItemStyleProps.column2Width} name="code"
label={<FormattedMessage id="system.role.table.list.code" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.role.table.list.code', defaultMessage: '$$$'})}`}
required={true}
@ -76,18 +79,18 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
},
]}
/>
<ProFormDigit width="md" fieldProps={{precision: 0}} name="sort"
<ProFormDigit width={proFormItemStyleProps.column2Width} fieldProps={{precision: 0}} name="sort"
label={<FormattedMessage id="system.role.table.list.sort" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.role.table.list.sort', defaultMessage: '$$$'})}`}
initialValue={1}
/>
</ProForm.Group>
<ProForm.Group>
<ProFormText width="md" name="remark"
<ProFormText width={proFormItemStyleProps.column2Width} name="remark"
label={<FormattedMessage id="system.role.table.list.remark" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.role.table.list.remark', defaultMessage: '$$$'})}`}
required={false}/>
<ProFormSwitch width="md" name="status" initialValue={true}
<ProFormSwitch width={proFormItemStyleProps.column2Width} name="status" initialValue={true}
label={<FormattedMessage id="system.role.table.list.status" defaultMessage="$$$"/>}
required={false}>

15
src/pages/System/RoleList/components/UpdateForm.tsx
Unescape Escape View File

@ -5,6 +5,8 @@ import {FormattedMessage, useIntl} from '@umijs/max';
import React from 'react';
import {Form, message} from 'antd';
import {putRoleUpdateRole} from "@/services/system/Role";
// 表单宽度 804 两列
import { proFormItemStyleProps, proFormModelWidth } from '../../../../../config/defaultForm';
export type UpdateFormProps = {
updateModalOpen: boolean;
@ -19,6 +21,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
return (
<ModalForm<API.Role>
width={proFormModelWidth}
title={intl.formatMessage({
id: 'common.modal.table.update.title',
defaultMessage: '$$$',
@ -45,9 +48,9 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
>
<ProForm.Group>
<ProFormText width="md" name="id" label="id" disabled={true} initialValue={props.values.id}/>
<ProFormText width={proFormItemStyleProps.column2Width} name="id" label="id" disabled={true} initialValue={props.values.id}/>
<ProFormText width="md" name="name"
<ProFormText width={proFormItemStyleProps.column2Width} name="name"
label={<FormattedMessage id="system.role.table.list.name" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.role.table.list.name', defaultMessage: '$$$'})}`}
required={true}
@ -64,7 +67,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
},
]}
/>
<ProFormText width="md" name="code"
<ProFormText width={proFormItemStyleProps.column2Width} name="code"
label={<FormattedMessage id="system.role.table.list.code" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.role.table.list.code', defaultMessage: '$$$'})}`}
required={true}
@ -81,20 +84,20 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
},
]}
/>
<ProFormDigit width="md" fieldProps={{precision: 0}} name="sort"
<ProFormDigit width={proFormItemStyleProps.column2Width} fieldProps={{precision: 0}} name="sort"
label={<FormattedMessage id="system.role.table.list.sort" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.role.table.list.sort', defaultMessage: '$$$'})}`}
initialValue={props.values.sort}
/>
</ProForm.Group>
<ProForm.Group>
<ProFormText width="md" name="remark"
<ProFormText width={proFormItemStyleProps.column2Width} name="remark"
label={<FormattedMessage id="system.role.table.list.remark" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({id: 'common.please_input', defaultMessage: '$$$'})}${intl.formatMessage({id: 'system.role.table.list.remark', defaultMessage: '$$$'})}`}
required={false}
initialValue={props.values.remark}
/>
<ProFormSwitch width="md" name="status" initialValue={props.values.status}
<ProFormSwitch width={proFormItemStyleProps.column2Width} name="status" initialValue={props.values.status}
label={<FormattedMessage id="system.role.table.list.status" defaultMessage="$$$"/>}
required={false}>

25
src/pages/System/RoleList/index.tsx
Unescape Escape View File

@ -6,7 +6,7 @@ import {
ProTable,
} from '@ant-design/pro-components';
import {FormattedMessage, useIntl, useAccess, Access, history} from '@umijs/max';
import {Button, message} from 'antd';
import {Button, Popconfirm, message} from 'antd';
import React, {useRef, useState} from 'react';
import UpdateForm from './components/UpdateForm';
import CreateForm from "./components/CreateForm";
@ -170,7 +170,24 @@ const RoleList: React.FC = () => {
setCurrentRow(record)
}}
><FormattedMessage id="system.role.table.action.set_permission" defaultMessage="$$$"></FormattedMessage></a>
<a
<Popconfirm
placement="topLeft"
title={intl.formatMessage({ id: 'common.tip.title', defaultMessage: '$$$' })}
description={intl.formatMessage({
id: 'common.modal.table.delete.content',
defaultMessage: '$$$',
})}
okText={intl.formatMessage({ id: 'common.yes', defaultMessage: '$$$' })}
cancelText={intl.formatMessage({ id: 'common.no', defaultMessage: '$$$' })}
onConfirm={() => {
handleDestroy(record).then(() => {});
}}
>
<Button key="destroy" type="link" size="small" danger>
<FormattedMessage id="pages.searchTable.destroy" defaultMessage="Destroy" />
</Button>
</Popconfirm>
{/* <a
key="destroy"
onClick={() => {
handleDestroy(record).then(() => {
@ -180,7 +197,7 @@ const RoleList: React.FC = () => {
id="pages.searchTable.destroy"
defaultMessage="Destroy"
/>
</a>
</a> */}
</Access>
],
},];
@ -195,7 +212,7 @@ const RoleList: React.FC = () => {
actionRef={actionRef}
rowKey="key"
search={{
labelWidth: 120,
labelWidth: 'auto',
}}
pagination={{
showSizeChanger: true,

23
src/pages/System/UserList/components/CreateForm.tsx
Unescape Escape View File

@ -17,6 +17,8 @@ import {Form, message} from 'antd';
import {beforeUploadImage, handleOneFile} from "@/utils/common";
// @ts-ignore
import cookie from 'react-cookies';
// 表单宽度 804 两列
import { proFormItemStyleProps, proFormModelWidth } from '../../../../../config/defaultForm';
export type CreateFormProps = {
createModalOpen: boolean;
@ -31,6 +33,7 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
return (
<ModalForm<API.Register>
width={proFormModelWidth}
title={intl.formatMessage({
id: 'common.modal.table.create.title',
defaultMessage: '$$$',
@ -68,7 +71,7 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
>
<ProForm.Group>
<ProFormText width="md" name="userName"
<ProFormText width={proFormItemStyleProps.column2Width} name="userName"
label={<FormattedMessage id="system.user.table.list.userName" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({
id: 'common.please_input',
@ -87,7 +90,7 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
},
]}
/>
<ProFormText width="md" name="nickName"
<ProFormText width={proFormItemStyleProps.column2Width} name="nickName"
label={<FormattedMessage id="system.user.table.list.nickName" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({
id: 'common.please_input',
@ -106,7 +109,7 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
},
]}
/>
<ProFormText.Password width="md" name="password"
<ProFormText.Password width={proFormItemStyleProps.column2Width} name="password"
label={<FormattedMessage id="system.user.table.list.password" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({
id: 'common.please_input',
@ -129,7 +132,7 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
{
(record) => {
return (
<ProFormText.Password width="md" name="password_re"
<ProFormText.Password width={proFormItemStyleProps.column2Width} name="password_re"
label={<FormattedMessage id="system.user.table.list.password_re"
defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({
@ -168,7 +171,7 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
</ProForm.Group>
<ProForm.Group>
<ProFormSelect width="md" name="roleIds" showSearch
<ProFormSelect width={proFormItemStyleProps.column2Width} name="roleIds" showSearch
fieldProps={{
mode: 'multiple',
}}
@ -192,7 +195,7 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
>
</ProFormSelect>
<ProFormSelect width="md" name="postIds" showSearch
<ProFormSelect width={proFormItemStyleProps.column2Width} name="postIds" showSearch
fieldProps={{
mode: 'multiple',
}}
@ -216,7 +219,7 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
>
</ProFormSelect>
<ProFormTreeSelect width="md" name="deptId"
<ProFormTreeSelect width={proFormItemStyleProps.column2Width} name="deptId"
label={<FormattedMessage id="system.user.table.list.deptId" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({
id: 'common.please_select',
@ -232,7 +235,7 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
</ProFormTreeSelect>
</ProForm.Group>
<ProForm.Group>
<ProFormUploadButton width="md" max={1}
<ProFormUploadButton width={proFormItemStyleProps.column2Width} max={1}
action="/api/v1/file/uploadImage"
name="avatarId"
label={<FormattedMessage id="system.user.table.list.avatarId" defaultMessage="$$$"/>}
@ -245,14 +248,14 @@ const CreateForm: React.FC<CreateFormProps> = (props) => {
</ProForm.Group>
<ProForm.Group>
<ProFormText width="md" name="remark"
<ProFormText width={proFormItemStyleProps.column2Width} name="remark"
label={<FormattedMessage id="system.user.table.list.remark" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({
id: 'common.please_input',
defaultMessage: '$$$'
})}${intl.formatMessage({id: 'system.user.table.list.remark', defaultMessage: '$$$'})}`}
required={false}/>
<ProFormSwitch width="md" name="enable" initialValue={true}
<ProFormSwitch width={proFormItemStyleProps.column2Width} name="enable" initialValue={true}
label={<FormattedMessage id="system.user.table.list.enable" defaultMessage="$$$"/>}
required={false}>

21
src/pages/System/UserList/components/UpdateForm.tsx
Unescape Escape View File

@ -18,6 +18,8 @@ import cookie from 'react-cookies';
import {postRoleGetRoleFkSelect} from "@/services/system/Role";
import {postPostGetPostFkSelect} from "@/services/system/Post";
import {postDepartmentGetDepartmentFkSelect} from "@/services/system/Department";
// 表单宽度 804 两列
import { proFormItemStyleProps, proFormModelWidth } from '../../../../../config/defaultForm';
@ -34,6 +36,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
return (
<ModalForm<API.User>
width={proFormModelWidth}
title={intl.formatMessage({
id: 'common.modal.table.update.title',
defaultMessage: '$$$',
@ -82,8 +85,8 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
>
<ProForm.Group>
<ProFormText width="md" name="id" label="id" disabled={true} initialValue={props.values.id}/>
<ProFormText width="md" name="userName"
<ProFormText width={proFormItemStyleProps.column2Width} name="id" label="id" disabled={true} initialValue={props.values.id}/>
<ProFormText width={proFormItemStyleProps.column2Width} name="userName"
label={<FormattedMessage id="system.user.table.list.userName" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({
id: 'common.please_input',
@ -103,7 +106,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
},
]}
/>
<ProFormText width="md" name="nickName"
<ProFormText width={proFormItemStyleProps.column2Width} name="nickName"
label={<FormattedMessage id="system.user.table.list.nickName" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({
id: 'common.please_input',
@ -127,7 +130,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
</ProForm.Group>
<ProForm.Group>
<ProFormSelect width="md" name="roleIds" showSearch
<ProFormSelect width={proFormItemStyleProps.column2Width} name="roleIds" showSearch
fieldProps={{
mode: 'multiple',
}}
@ -152,7 +155,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
>
</ProFormSelect>
<ProFormSelect width="md" name="postIds" showSearch
<ProFormSelect width={proFormItemStyleProps.column2Width} name="postIds" showSearch
fieldProps={{
mode: 'multiple',
}}
@ -177,7 +180,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
>
</ProFormSelect>
<ProFormTreeSelect width="md" name="deptId"
<ProFormTreeSelect width={proFormItemStyleProps.column2Width} name="deptId"
label={<FormattedMessage id="system.user.table.list.deptId" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({
id: 'common.please_select',
@ -194,7 +197,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
</ProFormTreeSelect>
</ProForm.Group>
<ProForm.Group>
<ProFormUploadButton width="md" max={1}
<ProFormUploadButton width={proFormItemStyleProps.column2Width} max={1}
action="/api/v1/file/uploadImage"
name="avatarId"
label={<FormattedMessage id="system.user.table.list.avatarId" defaultMessage="$$$"/>}
@ -208,7 +211,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
</ProForm.Group>
<ProForm.Group>
<ProFormText width="md" name="remark"
<ProFormText width={proFormItemStyleProps.column2Width} name="remark"
label={<FormattedMessage id="system.user.table.list.remark" defaultMessage="$$$"/>}
placeholder={`${intl.formatMessage({
id: 'common.please_input',
@ -216,7 +219,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
})}${intl.formatMessage({id: 'system.user.table.list.remark', defaultMessage: '$$$'})}`}
initialValue={props.values.remark}
required={false}/>
<ProFormSwitch width="md" name="enable" initialValue={props.values.enable}
<ProFormSwitch width={proFormItemStyleProps.column2Width} name="enable" initialValue={props.values.enable}
label={<FormattedMessage id="system.user.table.list.enable" defaultMessage="$$$"/>}
required={false}>

25
src/pages/System/UserList/index.tsx
Unescape Escape View File

@ -7,7 +7,7 @@ import {
ProCard,
} from '@ant-design/pro-components';
import {FormattedMessage, useIntl, useAccess, Access, history} from '@umijs/max';
import {Button, message} from 'antd';
import {Button, Popconfirm, message} from 'antd';
import React, {useEffect, useRef, useState} from 'react';
import UpdateForm from './components/UpdateForm';
import CreateForm from "./components/CreateForm";
@ -181,7 +181,24 @@ const UserList: React.FC = () => {
>
<FormattedMessage id="pages.searchTable.update" defaultMessage="Update"/>
</a>
<a
<Popconfirm
placement="topLeft"
title={intl.formatMessage({ id: 'common.tip.title', defaultMessage: '$$$' })}
description={intl.formatMessage({
id: 'common.modal.table.delete.content',
defaultMessage: '$$$',
})}
okText={intl.formatMessage({ id: 'common.yes', defaultMessage: '$$$' })}
cancelText={intl.formatMessage({ id: 'common.no', defaultMessage: '$$$' })}
onConfirm={() => {
handleDestroy(record).then(() => {});
}}
>
<Button key="destroy" type="link" size="small" danger>
<FormattedMessage id="pages.searchTable.destroy" defaultMessage="Destroy" />
</Button>
</Popconfirm>
{/* <a
key="destroy"
onClick={() => {
handleDestroy(record).then(() => {
@ -191,7 +208,7 @@ const UserList: React.FC = () => {
id="pages.searchTable.destroy"
defaultMessage="Destroy"
/>
</a>
</a> */}
</Access>
],
},];
@ -224,7 +241,7 @@ const UserList: React.FC = () => {
actionRef={actionRef}
rowKey="id"
search={{
labelWidth: 120,
labelWidth: 'auto',
}}
pagination={{
showSizeChanger: true,

Write Preview
Loading…
Cancel
Save