49 lines
1.3 KiB
JavaScript
49 lines
1.3 KiB
JavaScript
import React, { useEffect } from "react";
|
|
import { Tag, Space, Spin } from "antd";
|
|
import PageLayout from "@cqsjjb/jjb-react-admin-component/PageLayout";
|
|
import { REVIEW_STATUS_MAP } from "~/enumerate/constant";
|
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
|
import { NS_QUAL_REVIEW } from "~/enumerate/namespace";
|
|
import { tools } from "@cqsjjb/jjb-common-lib";
|
|
import FilingTabs from "../FilingTabs";
|
|
|
|
const {router}=tools;
|
|
|
|
|
|
|
|
const FilingDetail = (props) => {
|
|
const { qualReview, fetchQualFilingDetail, fetchQualChangeDetail } = props;
|
|
const { fetchQualFilingDetailLoading, qualFilingDetail } = qualReview;
|
|
const isChange = router.query.mode === "change";
|
|
|
|
const statusConfig = REVIEW_STATUS_MAP[qualFilingDetail.filingStatusCode];
|
|
|
|
useEffect(() => {
|
|
const action = isChange ? fetchQualChangeDetail : fetchQualFilingDetail;
|
|
action({ id: router.query.id });
|
|
}, []);
|
|
|
|
return (
|
|
<PageLayout
|
|
title={
|
|
<Space>
|
|
<span>备案申请详情</span>
|
|
{statusConfig && <Tag color={statusConfig.color}>{statusConfig.label}</Tag>}
|
|
</Space>
|
|
}
|
|
history={props.history}
|
|
previous
|
|
>
|
|
<Spin spinning={fetchQualFilingDetailLoading}>
|
|
<FilingTabs detail={qualFilingDetail} />
|
|
</Spin>
|
|
</PageLayout>
|
|
);
|
|
};
|
|
|
|
|
|
export default Connect(
|
|
[NS_QUAL_REVIEW],
|
|
true,
|
|
)(FilingDetail);
|