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 { MOCK_DETAIL } from "../mockData";
import FilingTabs from "../FilingTabs";

const {router}=tools;



const FilingDetail = (props) => {
   const {  qualReview, fetchQualFilingDetail } = props;
  const {  fetchQualFilingDetailLoading, qualFilingDetail } = qualReview;
  const detail = MOCK_DETAIL;
  const statusConfig = REVIEW_STATUS_MAP[detail.reviewStatus];

  useEffect(() => {
    fetchQualFilingDetail({
      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);