import { FC } from "react";
import { Tabs } from "antd";
import { PageContainer } from "@/components";
import { OverallAssessment } from "./components/OverallAssessment";
import style from "./index.module.scss";

const AssessmentDetailPage: FC = () => {
  return (
    <>
      <PageContainer
        title="考核标题"
        style={{
          background: "white",
          borderRadius: 5,
          padding: "0 25px",
          boxShadow: "0px 0px 10px 0px rgba(0,0,0,0.05)",
        }}
      >
        <div className={style.topContent}>
          <div className={style.topContentLeft}>
            <div className={style.topContentItem}>
              <label>总分值</label>
              <span>432</span>
            </div>
          </div>

          <div className={style.topContentRight}>
            <div className={style.topContentItem}>
              <label>考核周期</label>
              <span>2020.1.1~2021.1.1</span>
            </div>
            <div className={style.topContentItem}>
              <label>钱桂英</label>
              <span style={{ fontWeight: "normal" }}>2024-09-22 21:19:20</span>
            </div>
          </div>
        </div>
      </PageContainer>

      <div className={style.pane}>
        <Tabs
          size="large"
          tabBarGutter={60}
          className={style.tabs}
          indicator={{
            size: 75,
          }}
          items={[
            {
              key: "1",
              label: "总体考核",
              children: <OverallAssessment />,
            },
            {
              key: "2",
              label: "指标考核",
            },
          ]}
        />
      </div>
    </>
  );
};

export default AssessmentDetailPage;
