116 lines
4.1 KiB
TypeScript
116 lines
4.1 KiB
TypeScript
import {
|
||
MyBetaModalFormProps,
|
||
MyColumns,
|
||
MyProTableProps,
|
||
renderTextHelper,
|
||
} from '@/common';
|
||
import { MyModal } from '@/components/MyModal';
|
||
|
||
import {
|
||
HouseBillsTypeEnum,
|
||
HouseOrdersAuditStatusEnum,
|
||
HouseOrdersPaymentMethodEnum,
|
||
} from '@/gen/Enums';
|
||
import { ProCard, ProDescriptions, ProTable } from '@ant-design/pro-components';
|
||
import { Space } from 'antd';
|
||
|
||
export default function Show(props: MyBetaModalFormProps) {
|
||
return (
|
||
<MyModal
|
||
title={props.title || '查看'}
|
||
width={800}
|
||
// onOpen={() => getShow()}
|
||
node={
|
||
<Space direction="vertical" style={{ width: '100%' }}>
|
||
<ProCard size="small">
|
||
<ProDescriptions bordered size="small" column={2}>
|
||
<ProDescriptions.Item label="房屋名称" span={2}>
|
||
<Space>
|
||
{props?.item?.house_order_items?.[0].asset_house?.full_name ||
|
||
'-'}
|
||
<renderTextHelper.Tag
|
||
Enums={HouseOrdersAuditStatusEnum}
|
||
value={props?.item?.audit_status}
|
||
/>
|
||
</Space>
|
||
</ProDescriptions.Item>
|
||
<ProDescriptions.Item label="收款账号" span={2}>
|
||
{props?.item?.receipt_account?.company_name} ；
|
||
{props?.item?.receipt_account?.company_bank} ；
|
||
{props?.item?.receipt_account?.company_account}
|
||
</ProDescriptions.Item>
|
||
<ProDescriptions.Item label="关联流水" span={2}>
|
||
{props?.item?.accept_serial_number || '-'}
|
||
</ProDescriptions.Item>
|
||
<ProDescriptions.Item label="收款方式">
|
||
{Object.values(HouseOrdersPaymentMethodEnum).find(
|
||
(item) => item.value === props?.item?.payment_method,
|
||
)?.text || '-'}
|
||
</ProDescriptions.Item>
|
||
<ProDescriptions.Item label="收款日期">
|
||
{props?.item?.paid_time || '-'}
|
||
</ProDescriptions.Item>
|
||
|
||
<ProDescriptions.Item label="收款金额">
|
||
{props?.item?.actual_paid_amount || '-'}
|
||
</ProDescriptions.Item>
|
||
<ProDescriptions.Item label="录入人">
|
||
{props?.item?.creator || '-'}-
|
||
{props?.item?.creator_phone || '-'}
|
||
</ProDescriptions.Item>
|
||
<ProDescriptions.Item label="录入时间">
|
||
{props?.item?.created_at || '-'}
|
||
</ProDescriptions.Item>
|
||
<ProDescriptions.Item label="审核状态" span={2}>
|
||
<renderTextHelper.Tag
|
||
Enums={HouseOrdersAuditStatusEnum}
|
||
value={props?.item?.audit_status}
|
||
/>
|
||
</ProDescriptions.Item>
|
||
<ProDescriptions.Item label="驳回原因" span={2}>
|
||
{props?.item?.reason || '-'}
|
||
</ProDescriptions.Item>
|
||
</ProDescriptions>
|
||
</ProCard>
|
||
<ProCard size="small">
|
||
<ProTable
|
||
{...MyProTableProps.props}
|
||
search={false}
|
||
toolBarRender={false}
|
||
pagination={false}
|
||
dataSource={props?.item?.house_order_items}
|
||
rowKey={(record, index) => record?.id || index}
|
||
size="small"
|
||
columns={[
|
||
{
|
||
title: '关联账单',
|
||
render: (_, record) => {
|
||
return `${record.house_bill.year}-${String(
|
||
record.house_bill.month,
|
||
).padStart(2, '0')}`;
|
||
},
|
||
},
|
||
MyColumns.EnumTag({
|
||
title: '类型',
|
||
dataIndex: ['house_bill', 'type'],
|
||
valueEnum: HouseBillsTypeEnum,
|
||
}),
|
||
{
|
||
title: '未收金额',
|
||
dataIndex: 'amount',
|
||
search: false,
|
||
},
|
||
{
|
||
title: '本次收取金额',
|
||
dataIndex: 'paid_amount',
|
||
search: false,
|
||
},
|
||
]}
|
||
/>
|
||
</ProCard>
|
||
</Space>
|
||
}
|
||
/>
|
||
);
|
||
}
|