import { PageContainer, ProTable } from '@ant-design/pro-components';
|
import { buildProTableDataSource, sendRequest, showDelConfirm } from '@/utils/antdUtils';
|
import { Button, message, Space } from 'antd';
|
import { useRef, useState } from 'react';
|
import { Access, history, useAccess } from 'umi';
|
import { getList, updateStatus, deleteBanner } from './service'
|
const Banner = () => {
|
|
const actionRef = useRef();
|
const access = useAccess();
|
|
const columns = [
|
{
|
title: 'banner名称',
|
dataIndex: 'bannerName'
|
},
|
// {
|
// title: '添加时间',
|
// dataIndex: 'createTime',
|
// hideInSearch: true,
|
// },
|
// {
|
// title: '排序',
|
// dataIndex: 'sortNum',
|
// hideInSearch: true,
|
// },
|
// {
|
// title: '状态',
|
// dataIndex: 'listingStatus',
|
// valueEnum: {
|
// '上架中': { text: '上架中' },
|
// '已下架' : { text: '已下架' },
|
// }
|
// },
|
{
|
title: '操作',
|
hideInSearch: true,
|
render: (text, record) => {
|
return (
|
<Space>
|
<Access accessible={access['/work_order_transaction_management/banner_management/edit']}>
|
<Button
|
type="link"
|
onClick={() => {
|
history.push(`/marketing/banner/add?id=${record.id}&edit=true`);
|
}}
|
>
|
编辑
|
</Button>
|
</Access>
|
<Access accessible={access['/work_order_transaction_management/banner_management/del']}>
|
<Button
|
type="link"
|
onClick={() => {
|
showDelConfirm(async () => {
|
let status = await sendRequest(deleteBanner, record.id)
|
if (status) {
|
actionRef.current.reload();
|
}
|
}, '确认删除所选信息吗？');
|
}}
|
>
|
删除
|
</Button>
|
</Access>
|
{/* <Button
|
type="link"
|
onClick={() => {
|
history.push( `/marketing/banner/add?id=${record.id}&detail=true`);
|
}}
|
>
|
查看详情
|
</Button>
|
{
|
record.listingStatus == '已下架' &&
|
<Button
|
type="link"
|
onClick={() => {
|
showDelConfirm(async () => {
|
let status = await sendRequest(updateStatus, { id: record.id, listingStatus: '上架中' })
|
if (status) {
|
actionRef.current.reload();
|
}
|
}, '确认上架所选信息吗？');
|
}}
|
>
|
上架
|
</Button>
|
}
|
{
|
record.listingStatus == '上架中' &&
|
<Button
|
type="link"
|
onClick={async () => {
|
showDelConfirm(async () => {
|
let status = await sendRequest(updateStatus, { id: record.id, listingStatus: '已下架' })
|
if (status) {
|
actionRef.current.reload();
|
}
|
}, '确认下架所选信息吗？');
|
}}
|
>
|
下架
|
</Button>
|
} */}
|
</Space >
|
);
|
},
|
},
|
]
|
|
return <div>
|
<PageContainer title='banner管理'>
|
<ProTable
|
rowKey='id'
|
actionRef={actionRef}
|
columns={columns}
|
pagination={{
|
showSizeChanger: true,
|
showQuickJumper: true,
|
defaultPageSize: 10,
|
}}
|
request={(params) => {
|
params.bannerType = Number(params.bannerType)
|
return buildProTableDataSource(getList, params)
|
}}
|
toolBarRender={(action, selectRows) => [
|
<Space>
|
<Access accessible={access['/work_order_transaction_management/banner_management/add']}>
|
<Button
|
type="primary"
|
onClick={() => {
|
history.push({
|
pathname: `/marketing/banner/add`,
|
});
|
}}
|
>
|
添加
|
</Button>
|
</Access>
|
</Space>
|
]}
|
/>
|
</PageContainer>
|
</div>;
|
};
|
|
export default Banner;
|
