62 lines
2.1 KiB
TypeScript
62 lines
2.1 KiB
TypeScript
|
import React, {Fragment, useRef, useState} from "react";
|
||
|
|
import { useIntl, FormattedMessage, useAccess, history } from '@umijs/max';
|
||
|
|
import { Dropdown, FormInstance, Space, Button, message, Modal } from 'antd';
|
||
|
|
import { ActionType, FooterToolbar, PageContainer, ProColumns, ProTable } from '@ant-design/pro-components';
|
||
|
|
import { PlusOutlined, DeleteOutlined, ExclamationCircleOutlined, DownOutlined, EditOutlined } from '@ant-design/icons';
|
||
|
|
import {getCmsAreaList} from "@/services/area/business";
|
||
|
|
function ManagementList() {
|
||
|
|
const access = useAccess();
|
||
|
|
|
||
|
|
const formTableRef = useRef<FormInstance>();
|
||
|
|
const actionRef = useRef<ActionType>();
|
||
|
|
|
||
|
|
const [currentRow, setCurrentRow] = useState<API.AreaBusiness.Circle>()
|
||
|
|
const [modalVisible, setModalVisible] = useState<boolean>(false)
|
||
|
|
|
||
|
|
const columns: ProColumns<API.AreaBusiness.Circle>[] = [
|
||
|
|
{
|
||
|
|
title: '商圈名称',
|
||
|
|
dataIndex: 'commercialAreaName',
|
||
|
|
valueType: 'text',
|
||
|
|
hideInSearch: true,
|
||
|
|
},
|
||
|
|
]
|
||
|
|
return (
|
||
|
|
<Fragment>
|
||
|
|
<div style={{ width: '100%', float: 'right' }}>
|
||
|
|
<ProTable<API.AreaBusiness.Circle>
|
||
|
|
// params 是需要自带的参数
|
||
|
|
// 这个参数优先级更高，会覆盖查询表单的参数
|
||
|
|
actionRef={actionRef}
|
||
|
|
formRef={formTableRef}
|
||
|
|
columns={columns}
|
||
|
|
request={(params) =>
|
||
|
|
getCmsAreaList({ ...params } as API.AreaBusiness.CircleParams).then((res) => {
|
||
|
|
const result = {
|
||
|
|
data: res.rows,
|
||
|
|
total: res.total,
|
||
|
|
success: true,
|
||
|
|
};
|
||
|
|
return result;
|
||
|
|
})
|
||
|
|
}
|
||
|
|
toolBarRender={() => [
|
||
|
|
<Button
|
||
|
|
type="primary"
|
||
|
|
key="add"
|
||
|
|
hidden={!access.hasPerms('manage:list:add')}
|
||
|
|
onClick={async () => {
|
||
|
|
setCurrentRow(undefined);
|
||
|
|
setModalVisible(true);
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<PlusOutlined /> 新建
|
||
|
|
</Button>,
|
||
|
|
]}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</Fragment>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
export default ManagementList
|