import { FC } from "react";
import { Table } from "antd";
import style from "../../index.module.scss";

const dataSource = [
  {
    key: "1",
    name: "胡彦斌",
    age: 32,
    address: "西湖区湖底公园1号",
  },
  {
    key: "2",
    name: "胡彦祖",
    age: 42,
    address: "西湖区湖底公园1号",
  },
];

export const Container: FC = () => {
  return (
    <div className={style.container}>
      <h4 className={style.containerTitle}>指标详情</h4>

      <div className={style.tableItem}>
        <p className={style.tableItemLabel}>指标名称</p>
        <div className={style.tableItemInner}>0-0-0-0</div>
      </div>
      <div className={style.tableItem}>
        <p className={style.tableItemLabel}>指标编号</p>
        <div className={style.tableItemInner}>0-0-0-0</div>
      </div>
      <div className={style.tableItem}>
        <p className={style.tableItemLabel}>指标说明</p>
        <div className={style.tableItemInner}>
          善良和谦虚是永远不应令人厌恶的两种品德。 —— 斯蒂文生
        </div>
      </div>
      <div className={style.tableItem}>
        <p className={style.tableItemLabel}>是否为打分点</p>
        <div className={style.tableItemInner}>是</div>
      </div>
      <div className={style.tableItem}>
        <p className={style.tableItemLabel}>数据API</p>
        <div className={style.tableItemInner}>数据API</div>
      </div>
      <div className={style.tableItem}>
        <p className={style.tableItemLabel}>是否为加分项</p>
        <div className={style.tableItemInner}>是</div>
      </div>
      <div className={style.tableItem}>
        <p className={style.tableItemLabel}>告警阈值</p>
        <div className={style.tableItemInner}>
          {">"}50 或 {"<"}20
        </div>
      </div>
      <div className={style.tableItem}>
        <p className={style.tableItemLabel}>分值</p>
        <div className={style.tableItemInner}>100</div>
      </div>
      <div className={style.tableItem}>
        <p className={style.tableItemLabel}>需上传资料</p>
        <div className={style.tableItemInner}>
          <Table
            className="cus-table"
            dataSource={dataSource}
            columns={[
              {
                title: "资料名称",
                dataIndex: "name",
                key: "name",
                align: "center",
              },
              {
                title: "必须上传",
                dataIndex: "age",
                key: "age",
                align: "center",
              },
              {
                title: "模板",
                dataIndex: "address",
                key: "address",
                align: "center",
              },
            ]}
          />
        </div>
      </div>
      <div className={style.tableItem}>
        <p className={style.tableItemLabel}>排序值</p>
        <div className={style.tableItemInner}>88</div>
      </div>
      <div className={style.tableItem}>
        <p className={style.tableItemLabel}>编辑时间</p>
        <div className={style.tableItemInner}>2020-02-02 12:12</div>
      </div>
      <div className={style.tableItem}>
        <p className={style.tableItemLabel}>编辑人</p>
        <div className={style.tableItemInner}>张三</div>
      </div>
    </div>
  );
};
