102 lines
2.6 KiB
TypeScript
102 lines
2.6 KiB
TypeScript
import { MyPageContainer, usePageTabs } from '@/common';
|
|
import { Apis } from '@/gen/Apis';
|
|
import { ProCard } from '@ant-design/pro-components';
|
|
import { useParams } from '@umijs/max';
|
|
import { Badge, Tabs } from 'antd';
|
|
import { useEffect, useState } from 'react';
|
|
import HouseInfo from './components/HouseInfo';
|
|
import OccupantsHistory from './components/OccupantsHistory';
|
|
import OccupantsNow from './components/OccupantsNow';
|
|
import RegistersList from './components/RegistersList';
|
|
|
|
export default function Show({ title = '房屋档案' }) {
|
|
const { id } = useParams<{ id: string }>();
|
|
const [data, setShow] = useState<any>({});
|
|
const [pendingCount, setPendingCount] = useState<number>(0);
|
|
|
|
// 注册标签页
|
|
const { addTab } = usePageTabs({
|
|
tabKey: `asset-house-detail-${id}`,
|
|
tabLabel: `${data?.name}档案` || title,
|
|
});
|
|
|
|
const loadShow = () => {
|
|
let paramsId: any = { id: id ?? 0 };
|
|
Apis.Asset.AssetHouses.Show(paramsId).then((res) => {
|
|
setShow(res?.data);
|
|
// 更新标签页标题
|
|
if (res?.data?.full_name) {
|
|
addTab({
|
|
key: `asset-house-detail-${id}`,
|
|
label: title,
|
|
path: `/archive/${id}`,
|
|
});
|
|
}
|
|
});
|
|
};
|
|
|
|
const loadPendingCount = () => {
|
|
Apis.Archive.HouseRegisters.List({
|
|
asset_houses_id: Number(id),
|
|
status: 'Pending',
|
|
}).then((res) => {
|
|
setPendingCount(res?.meta?.total || 0);
|
|
});
|
|
};
|
|
|
|
useEffect(() => {
|
|
loadShow();
|
|
loadPendingCount();
|
|
}, [id]);
|
|
|
|
let items = [
|
|
{
|
|
label: '当前客户',
|
|
key: '1',
|
|
closable: false,
|
|
children: (
|
|
<OccupantsNow
|
|
item={{ ...data, asset_houses_id: id }}
|
|
reload={() => {
|
|
loadShow();
|
|
loadPendingCount();
|
|
}}
|
|
/>
|
|
),
|
|
},
|
|
{
|
|
label: '历史客户',
|
|
key: '2',
|
|
closable: false,
|
|
children: <OccupantsHistory item={{ ...data, asset_houses_id: id }} />,
|
|
},
|
|
{
|
|
label: (
|
|
<div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
|
|
<span>操作记录</span>
|
|
{pendingCount > 0 && (
|
|
<Badge count={pendingCount} size="small" overflowCount={99} />
|
|
)}
|
|
</div>
|
|
),
|
|
key: '3',
|
|
closable: false,
|
|
children: (
|
|
<RegistersList
|
|
item={{ ...data, asset_houses_id: id }}
|
|
reload={loadPendingCount}
|
|
/>
|
|
),
|
|
},
|
|
];
|
|
|
|
return (
|
|
<MyPageContainer title={title}>
|
|
<HouseInfo item={data} reload={loadShow} />
|
|
<ProCard style={{ marginTop: 16 }}>
|
|
<Tabs type="card" items={items} defaultActiveKey="1" size="small" />
|
|
</ProCard>
|
|
</MyPageContainer>
|
|
);
|
|
}
|