105 lines
3.5 KiB
TypeScript
105 lines
3.5 KiB
TypeScript
|
import { MyBetaModalFormProps, renderTextHelper } from '@/common';
|
|||
|
|
import { MyModal } from '@/components/MyModal';
|
|||
|
|
import { Apis } from '@/gen/Apis';
|
|||
|
|
import {
|
|||
|
|
ApprovalTemplateNodesNodeTypeEnum,
|
|||
|
|
ApprovalTemplatesTypeEnum,
|
|||
|
|
} from '@/gen/Enums';
|
|||
|
|
import { ProCard, ProDescriptions, ProTable } from '@ant-design/pro-components';
|
|||
|
|
import { Space, Spin } from 'antd';
|
|||
|
|
import { useState } from 'react';
|
|||
|
|
|
|||
|
|
export default function Show(props: MyBetaModalFormProps) {
|
|||
|
|
const [loading, setLoading] = useState(true);
|
|||
|
|
const [data, setData] = useState<any>({});
|
|||
|
|
|
|||
|
|
return (
|
|||
|
|
<MyModal
|
|||
|
|
title={props.title || '查看'}
|
|||
|
|
type={'primary'}
|
|||
|
|
width="800px"
|
|||
|
|
onOpen={() => {
|
|||
|
|
if (props?.item?.id) {
|
|||
|
|
setLoading(true);
|
|||
|
|
Apis.Approval.ApprovalTemplates.Show({ id: props.item.id })
|
|||
|
|
.then((res) => {
|
|||
|
|
setData(res?.data || {});
|
|||
|
|
})
|
|||
|
|
.finally(() => {
|
|||
|
|
setLoading(false);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}}
|
|||
|
|
node={
|
|||
|
|
<Space direction="vertical" style={{ width: '100%' }}>
|
|||
|
|
<ProCard extra={props.extra} title="基础信息">
|
|||
|
|
<Spin spinning={loading}>
|
|||
|
|
<ProDescriptions column={2}>
|
|||
|
|
<ProDescriptions.Item label="业务类型">
|
|||
|
|
<renderTextHelper.Tag
|
|||
|
|
Enums={ApprovalTemplatesTypeEnum}
|
|||
|
|
value={data?.type}
|
|||
|
|
/>
|
|||
|
|
</ProDescriptions.Item>
|
|||
|
|
<ProDescriptions.Item label="模板名称">
|
|||
|
|
{data?.name}
|
|||
|
|
</ProDescriptions.Item>
|
|||
|
|
<ProDescriptions.Item label="模板编码">
|
|||
|
|
{data?.code}
|
|||
|
|
</ProDescriptions.Item>
|
|||
|
|
<ProDescriptions.Item label="备注" span={2}>
|
|||
|
|
{data?.description || '-'}
|
|||
|
|
</ProDescriptions.Item>
|
|||
|
|
</ProDescriptions>
|
|||
|
|
</Spin>
|
|||
|
|
</ProCard>
|
|||
|
|
<ProCard title="审批节点">
|
|||
|
|
<Spin spinning={loading}>
|
|||
|
|
<ProTable
|
|||
|
|
search={false}
|
|||
|
|
toolBarRender={false}
|
|||
|
|
pagination={false}
|
|||
|
|
dataSource={data?.approval_template_nodes || []}
|
|||
|
|
rowKey="id"
|
|||
|
|
columns={[
|
|||
|
|
{
|
|||
|
|
title: '类型',
|
|||
|
|
dataIndex: 'node_type',
|
|||
|
|
render: (_, record) => (
|
|||
|
|
<renderTextHelper.Tag
|
|||
|
|
Enums={ApprovalTemplateNodesNodeTypeEnum}
|
|||
|
|
value={record?.node_type}
|
|||
|
|
/>
|
|||
|
|
),
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: '节点名称',
|
|||
|
|
dataIndex: 'name',
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: '审批人员',
|
|||
|
|
dataIndex: 'members',
|
|||
|
|
render: (_, record) => {
|
|||
|
|
if (
|
|||
|
|
record?.approval_template_node_members &&
|
|||
|
|
record?.approval_template_node_members.length > 0
|
|||
|
|
) {
|
|||
|
|
return record.approval_template_node_members
|
|||
|
|
.map(
|
|||
|
|
(m: any) => m?.company_employee?.name || '未知人员',
|
|||
|
|
)
|
|||
|
|
.join('，');
|
|||
|
|
}
|
|||
|
|
return '-';
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
]}
|
|||
|
|
/>
|
|||
|
|
</Spin>
|
|||
|
|
</ProCard>
|
|||
|
|
</Space>
|
|||
|
|
}
|
|||
|
|
/>
|
|||
|
|
);
|
|||
|
|
}
|