import {Connect} from "@cqsjjb/jjb-dva-runtime";
import {Button, Form, Space} from "antd";
import {useEffect, useState} from "react";
import Search from "zy-react-library/components/Search";
import Table from "zy-react-library/components/Table";
import useTable from "zy-react-library/hooks/useTable";
import {NS_ACCIDENT} from "~/enumerate/namespace";
import useDictionary from "zy-react-library/hooks/useDictionary";
import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
import useUrlQueryCriteria from "zy-react-library/hooks/useUrlQueryCriteria";


const TYPE = [
  {name: "事件", bianma: "1"},
  {name: "事故", bianma: "2"},
]

function SuperviseAccident(props) {
  const [selectedRowKeys, setSelectedRowKeys] = useState([]);
  const [form] = Form.useForm();
  const {getDictionary} = useDictionary();
  const [accidentType, setAccidentType] = useState([]);
  const {getUrlCriteriaQuery} = useUrlQueryCriteria();
  const [accidentCountByCorpinfoAndType, setAccidentCountByCorpinfoAndType] = useState([]);
  useEffect(() => {
    getDictionary({dictValue: "accidentType"}).then(res => {
      setAccidentType(res);
    });
  }, []);

  const getAccidentCountByCorpinfoAndType=async (corpinfoIds,type)=>{
    const {data} = await props["accidentCountByCorpinfoAndType"]({corpinfoIds,eqAccidentType:type})
    setAccidentCountByCorpinfoAndType(data)
  }

  const {tableProps, getData} = useTable(props["getCorpInfoList"], {
    form,
    onSuccess: ({data}) => {
      getAccidentCountByCorpinfoAndType(data.map(item => item.id),form.getFieldValue("eqAccidentType"))
    },
  });
  const getAccidentCount=(id,type)=>{
    return accidentCountByCorpinfoAndType.find(item => item.corpinfoId === id && item.incidentType === type)?.[`count`] || 0;
  }
  const searchType = getUrlCriteriaQuery("searchFormKeys","searchFormValues").eqAccidentType;

  return (
    <div style={{padding: 10}}>
      <Search
        form={form}
        values={{
          eqAccidentType: "1",
        }}
        onFinish={getData}
        options={[
          {name: "likecorpName", label: `公司名称`},
          {name: "eqAccidentType", label: `类型`, render: FORM_ITEM_RENDER_ENUM.SELECT, items: TYPE,componentProps: {allowClear: false }},
        ]}
      />
      <Table
        rowSelection={{
          selectedRowKeys,
          onChange: selectedRowKeys => setSelectedRowKeys(selectedRowKeys),
        }}
        columns={[
          {dataIndex: "corpName", title: `所属公司`},
          ...accidentType.map(item => ({
            dataIndex: `countByCorpinfoAndType_${item.dictValue}`,
            title: `${item.dictLabel}`,
            render: (_, record) => (
                getAccidentCount(record.id,item.dictValue)
            ),
          })),
          {
            title: "操作",
            width: 160,
            fixed: "right",
            render: (_, record) => (
              <Space>
                <Button
                  type="link"
                  onClick={() => {
                    props.history.push(`./info?corpinfoId=${record.id}&eqAccidentType=${searchType}`)
                  }}
                >
                  查看
                </Button>
              </Space>
            ),
          },
        ]}
        {...tableProps}
      />
    </div>
  );
}

export default Connect([NS_ACCIDENT], true)(SuperviseAccident);