import React, {useEffect, useState} from 'react';
import {Descriptions} from "antd";
import {plan} from "../../../../../service/sssq";


function Fxya({record}) {

  const [data, setData] = useState({})
  const getData = async (params) => {
    let obj = await plan(params)
    if(obj.lenght){
      setData(obj[0])
    }
  }
  useEffect(() => {
    getData({resCode: record.resCode})
  }, [record]);

  return (
    <>
      <Descriptions column={3} bordered >
        <Descriptions.Item label="是否编制"
                           style={{width: "16.5%"}}>{data.preparation == 1 ? "是" : data.preparation == 0 ? "否" : ""}</Descriptions.Item>
        <Descriptions.Item label="是否批复"
                           style={{width: "16.5%"}}>{data.approval == 1 ? "是" : data.approval == 0 ? "否" : ""}</Descriptions.Item>
        <Descriptions.Item label="编制时间" style={{width: "16.5%"}}>{data.prepTime}</Descriptions.Item>
        <Descriptions.Item label="批复时间">{data.apprTime}</Descriptions.Item>
        <Descriptions.Item label="编制单位">{data.prepOrg}</Descriptions.Item>
        <Descriptions.Item label="批复部门">{data.apprOrg}</Descriptions.Item>
        <Descriptions.Item label="预案文件" span={1.5}>
          <span style={{color: "#689FFF"}}>{data.apprName}</span>
        </Descriptions.Item>
        <Descriptions.Item label="批复文件" span={1.5}>
          <span style={{color: "#689FFF"}}>{data.planName}</span>
        </Descriptions.Item>
      </Descriptions>

    </>
  )
}

export default Fxya;