97 lines
4.2 KiB
JavaScript
97 lines
4.2 KiB
JavaScript
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
import { Badge, Table, Typography } from 'antd';
|
|
import dayjs from 'dayjs';
|
|
import Style from './web.module.less';
|
|
import ActionBtnPanel from 'oak-frontend-base/es/components/actionBtnPanel';
|
|
const MessageType = {
|
|
adminNotification: '系统通知',
|
|
conversationMessage: '客服消息',
|
|
};
|
|
export default function Render(props) {
|
|
const { data, methods } = props;
|
|
const { t, setPageSize, setCurrentPage, goDetailById } = methods;
|
|
const { messages, oakFullpath, oakLoading, oakPagination } = data;
|
|
const { pageSize, total, currentPage } = oakPagination || {};
|
|
return (_jsx("div", { className: Style.container, children: _jsx(Table, { loading: oakLoading, dataSource: messages || [], rowKey: "id",
|
|
// scroll={{ x: 1200 }}
|
|
columns: [
|
|
// {
|
|
// dataIndex: 'serial-number',
|
|
// title: '序号',
|
|
// render: (value, record, index) => {
|
|
// return index + 1;
|
|
// },
|
|
// },
|
|
{
|
|
dataIndex: 'title',
|
|
title: '消息内容',
|
|
render: (value, record, index) => {
|
|
if (record.visitState === 'unvisited') {
|
|
return (_jsxs(_Fragment, { children: [_jsx(Badge, { style: { marginRight: 5 }, status: "processing" }), _jsx(Typography.Link, { onClick: () => {
|
|
goDetailById(record.id);
|
|
}, children: value })] }));
|
|
}
|
|
return (_jsx(Typography.Text, { onClick: () => {
|
|
goDetailById(record.id);
|
|
}, children: value }));
|
|
},
|
|
},
|
|
{
|
|
dataIndex: 'type',
|
|
title: '类型',
|
|
render: (value, record, index) => {
|
|
return MessageType[value];
|
|
},
|
|
},
|
|
{
|
|
dataIndex: 'visitState',
|
|
title: '是否已读',
|
|
render: (value, record, index) => {
|
|
return value === 'unvisited' ? '未读' : '已读';
|
|
},
|
|
},
|
|
{
|
|
dataIndex: '$$createAt$$',
|
|
title: '接收时间',
|
|
render: (value, record, index) => {
|
|
return (_jsx("div", { children: dayjs(value).format('YYYY-MM-DD HH:mm:ss') }));
|
|
},
|
|
},
|
|
{
|
|
dataIndex: 'op',
|
|
width: 300,
|
|
title: '操作',
|
|
align: 'center',
|
|
render: (value, record, index) => {
|
|
return (_jsx(ActionBtnPanel, { mode: "table-cell", entity: "message", items: [
|
|
{
|
|
label: '详情',
|
|
onClick: () => {
|
|
goDetailById(record.id);
|
|
},
|
|
},
|
|
{
|
|
action: 'visit',
|
|
show: record['#oakLegalActions']?.includes('visit'),
|
|
onClick: async () => {
|
|
methods.updateItem({}, record.id, 'visit');
|
|
await methods.execute();
|
|
},
|
|
},
|
|
] }));
|
|
},
|
|
fixed: 'right',
|
|
},
|
|
], pagination: {
|
|
total: total,
|
|
pageSize: pageSize,
|
|
current: currentPage,
|
|
onShowSizeChange: (current, pageSize) => {
|
|
setPageSize(pageSize);
|
|
},
|
|
onChange: (page, pageSize) => {
|
|
setCurrentPage(page);
|
|
},
|
|
} }) }));
|
|
}
|