lookup属性:用于查找渲染数据的键值对;
const columns = [
{
title: '单据类型',
field: 'documentType',
lookup: {
travel_train: '差旅/培训费报销单',
labour: '劳务费报销单',
dailyExpenses: '日常支出报销单',
meeting: '会议费报销单',
maintenance: '维修维保费报销单',
abroad: '出国报销单',
},
editable: 'never',
},
{
title: '审批流',
field: 'approvalType',
lookup: { 0: '填报人-项目负责人', 1: '填报人-项目负责人-主管部门负责人', 2: '填报人-项目负责人-主管部门负责人-主管院领导' },
},
];
return (
<div className={classes.root}>
<MaterialTable
title="报销单审批信息"
columns={columns}
data={approvalProcessList}
icons={materialTableIcons}
localization={materialTableLocalization}
options={{
draggable: false,
paging: false,
search: false,
sorting: false,
actionsColumnIndex: columns.length,
}}
editable={{
onRowUpdate: (newData, oldData) => new Promise((resolve) => {
setTimeout(() => {
const dataUpdate = [...approvalProcessList];
const index = oldData.tableData.id;
dataUpdate[index] = newData;
dispatch({
type: PROJECT_FORM_CHANGE,
payload: {
values: {
approvalProcessList: [...dataUpdate],
},
},
});
resolve(newData);
}, 100);
}),
}}
/>
</div>
);