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);