import React, { useState, useEffect, useRef } from 'react';
import { Button, Table, Tabs, Space, Progress, Radio, Modal, Menu, Checkbox, Pagination, Input, message, Upload, Spin, Form, Collapse } from 'antd';
import { getTabList, getProgress, getScoreDetail, getRegister, submitDetail, updateJudgesStatus, getMemberInfo, getEval, getUnlock, isStatus, checkShowData, getFile, submitSummary, submQualified } from './service';
import '@/assets/ld_style.less'
import BidPreliminarySpeed from './components/BidPreliminarySpeed';
import BidPreliminarySummary from './components/BidPreliminarySummary';
import FirstTrialTable from '../BidPreliminaryManager/module/FirstTrialTable';
import { getExperts } from '../BidPreliminaryManager/service';
import { getProMethod, getRoomId, getSessionUserData, getUserToken } from '@/utils/session';
import FileDown from '@/utils/Download';
import { getURLInformation, isEmpty } from '@/utils/CommonUtils';
import ExtendUpload from '@/utils/ExtendUpload';
import { btnAuthority } from '@/utils/authority';
import MACAddressPrompt from '../../BidControl/BidControlManager/components/MACAddressPrompt';

const { TabPane } = Tabs;
const { SubMenu } = Menu;
const { TextArea } = Input;
const { Panel } = Collapse;
const layout = {
  labelCol: { span: 2 },
  wrapperCol: { span: 16 },
};
const validateMessages = {
  required: '请填写${label}',
};

let assessRoomId: any, reviewTurnId: any, reviewType: any, bidEvalId: any, reviewStatus: any
let bidEvalDetailDTOList: any = [];
let totalQualified: any = [];

let disabled: any = false;
let endProgress: any = false;

const Index: React.FC<{}> = () => {
  const [tabList, setTabList] = useState<any>([]); // tab
  const [process, setProcess] = useState<any>(); // 我的进度
  const [typeId, setTypeId] = useState<any>(); // tabId
  const [typeCategory, setTypeCategory] = useState<any>(); // tab类型
  const [totalSupplierColumns, setTotalSupplierColumns] = useState<any>([]); // 总供应商列头
  const [supplierColumns, setSupplierColumns] = useState<any>([]); // 当前显示供应商列头
  const [current, setCurrent] = useState<number>(1); // 当前页码
  const [total, setTotal] = useState<number>(1); // 共多少数据
  const [remarkVisible, setRemarkVisible] = useState<boolean>(false); // 备注
  const [dataSource, setDataSource] = useState<any>([]); // 初审项配置 
  const [detailVisible, setDetailVisible] = useState<boolean>(false); // 初审详情
  const [lockVisible, setLockVisible] = useState<boolean>(false); // 解锁
  const [plainList, setPlainList] = useState([]); // 解锁专家
  const [remarksVal, setRemarksVal] = useState<any>(); // 备注
  const [subId, setSubId] = useState<any>(); // 提交id
  const [spinVisible, setSpinVisible] = useState<boolean>(false); // 加载中
  const [remarkForm] = Form.useForm(); // 备注表单
  const [isDisabled, setIsDisabled] = useState<boolean>(false); // 是否可编辑
  const [unLockArr, setUnLockArr] = useState<any>([]); // 解锁专家数组
  const [dateLength, setDateLength] = useState<any>([]); // tab签长度
  const [isModalVisible, setIsModalVisible] = useState(false); // 全局全部合格弹窗
  const [submitLoading, setSubmitLoading] = useState<boolean>(false); // 提交汇总loading

  //获取数据的参数
  const [findScoreRecordData, setFindScoreRecordData] = useState<any>();
  //所有人员初审表数据
  const [allFirstTrialTableData, setAllFirstTrialTableData] = useState<any>(null);
  //用于显示初审表数据
  const [preliminaryDetails, setPreliminaryDetails] = useState<any>();
  // //当前页面评审汇总显隐
  // const [submitStatus, setSubmitStatus] = useState<boolean>(false);
  // 汇总表进度和汇总表显示
  const [tableDisplay, setTableDisplay] = useState<boolean>(false);
  //上传文件id存储
  const [uploadId, setUploadId] = useState<any>();
  //单选数值存储
  const [radioValue, setRadioValue] = useState<number>();
  //是否显示合格供应商不足三家
  const [isShowFoot, setIsShowFoot] = useState<boolean>(false);
  //动态获取表单
  const [form] = Form.useForm();
  //当前页 初审详情
  const [theCurrent, setTheCurrent] = useState<string>('1');
  const [count, setCount] = useState<any>(0);
  const modalHeight = (innerHeight * 96) / 100;
  const ref = useRef<Array<{}>>();
  const [isEndProgress, setIsEndProgress] = useState<boolean>(false); // 是否可编辑
  const proMethod = getProMethod();//获取采购方式
  let showNameT: any = { tbr: '', pb: '', tb: '' }//投标人供应商
  if (proMethod === 'procurement_mode_1' || proMethod === 'procurement_mode_2') {//招标
    showNameT = { tbr: '投标人', pb: '评标', tb: '投标' };
  } else {
    showNameT = { tbr: '供应商', pb: '评审', tb: '应答' }
  }

  const columns: any[] = [  // 列表数据
    {
      title: '类别名称',
      dataIndex: 'categoryName',
      render: (_: any, record: any, index: number) => {
        return {
          children: _,
          props: {
            rowSpan: record.rowSpan,
          }
        }
      }
    },
    {
      title: '初审项&审查标准',
      dataIndex: 'scoreItem',
      render: (_: any, record: any) => {
        return (
          <>
            <div>{record.scoreItem}</div>
            <div>{record.rvwStandard}</div>
          </>
        )
      }
    },
    {
      title: '操作',
      render: (_: any, record: any) => {
        return (
          <Button type="link" disabled={disabled || endProgress} onClick={() => getQualified(record)} danger>全部合格</Button>
        )
      }
    },
  ];

  const createNewArr = (data: any[], fieldName: string) => {
    return data.reduce((result: any[], item: any) => {
      //首先将name字段作为新数组result取出
      if (result.indexOf(item[fieldName]) < 0) {
        result.push(item[fieldName]);
      }
      return result
    }, []).reduce((result: any[], name: any) => {
      //将name相同的数据作为新数组取出，并在其内部添加新字段**rowSpan**
      const children = data.filter(item => item[fieldName] === name);
      result = result.concat(
        children.map((item: any, index: number) => ({
          ...item,
          rowSpan: index === 0 ? children.length : 0,//将第一行数据添加rowSpan字段
        }))
      )
      return result;
    }, [])
  }

  const saveSorce = () => { // 保存
    if (bidEvalDetailDTOList.length > 0) {
      setSpinVisible(true)
      let date = {
        id: subId,
        bidEvalId: bidEvalId,
        // categoryId: typeId,
        category: typeCategory,
        judgesStatus: '1',
        bidEvalDetailDTOList: bidEvalDetailDTOList,
        assessRoomId: assessRoomId,
      }
      submitDetail({ ...date }).then((res) => {
        if (res.code == 200) {
          bidEvalDetailDTOList = []
          ratingData(typeCategory)
          myProcess(typeCategory)
        } else {
          myProcess(typeCategory)
          ratingData(typeCategory)
          bidEvalDetailDTOList = []
          // setCount(count + 1)
        }
      }).finally(() => {
        setSpinVisible(false)
        bidEvalDetailDTOList = []
      })
    }
  }

  const tabSaveSorce = () => { // tab保存
    if (bidEvalDetailDTOList.length > 0) {
      setSpinVisible(true)
      let date = {
        id: subId,
        bidEvalId: bidEvalId,
        // categoryId: typeId,
        category: typeCategory,
        judgesStatus: '1',
        bidEvalDetailDTOList: bidEvalDetailDTOList,
        assessRoomId: assessRoomId,
      }
      submitDetail({ ...date }).then((res) => {
        if (res.code == 200) {
          bidEvalDetailDTOList = []
        } else {
          bidEvalDetailDTOList = []
        }
      }).finally(() => {
        setSpinVisible(false)
        bidEvalDetailDTOList = []
      })
    }
  }

  const submitApi = () => { // 提交接口
    setSpinVisible(true)
    let date = {
      // categoryId: typeId,
      category: typeCategory,
      judgesStatus: '2',
      bidEvalId: bidEvalId,
    }
    updateJudgesStatus({ ...date }).then((res) => {
      if (res.code == 200) {
        message.success('提交成功！');
        setSpinVisible(false)
        // ratingData(typeId)
        setIsDisabled(true)
        supplierTab(typeCategory) // 防止提交成功禁用按钮不生效
      }
    }).finally(() => {
      setSpinVisible(false)
    })
  }

  const submit = () => { // 提交
    if (bidEvalDetailDTOList.length > 0) {
      let date = {
        id: subId,
        bidEvalId: bidEvalId,
        // categoryId: typeId,
        category: typeCategory,
        judgesStatus: '1',
        bidEvalDetailDTOList: bidEvalDetailDTOList,
        assessRoomId: assessRoomId,
      }
      submitDetail({ ...date }).then((res) => {
        if (res.code == 200) {
          setSpinVisible(false)
          bidEvalDetailDTOList = []

          let date = {
            bidEvalId: bidEvalId,
            reviewTurnId: reviewTurnId,
            category: typeCategory,
            assessRoomId: assessRoomId,
            reviewType: '1'
          }
          getProgress({ ...date }).then((res) => {
            if (res.code == 200) {
              if (res.data == 100) {
                setProcess(res.data)
                submitApi()
              } else {
                message.error("您有未完成的打分项，请完成后再提交！")
              }
            }
          })

        }
      }).finally(() => {
        setSpinVisible(false)
        bidEvalDetailDTOList = []
      })
    } else {
      let date = {
        bidEvalId: bidEvalId,
        reviewTurnId: reviewTurnId,
        category: typeCategory,
        assessRoomId: assessRoomId,
        reviewType: '1'
      }
      getProgress({ ...date }).then((res) => {
        if (res.code == 200) {
          if (res.data == 100) {
            submitApi()
          } else {
            message.error("您有未完成的打分项，请完成后再提交！")
          }
        }
      })
    }
  }

  const onChange = (e: any, val: any, id: any) => { // 单选合格不合格
    let x = false;
    bidEvalDetailDTOList.map((item: any) => {
      if (val.detailId && item.supplierRegisterId == id && item.detailId == val.detailId) {
        item.resultValue = e.target.value
        x = true
      }
    })
    if (!x) {
      if (val.detailId) {
        bidEvalDetailDTOList.push({ 'categoryId': val.categoryId, 'id': val.id, 'supplierRegisterId': val.supplierRegisterId, 'detailId': val.detailId, 'resultValue': e.target.value, 'remarks': val.remarks });
      } else {
        bidEvalDetailDTOList.push({ 'categoryId': val.categoryId, 'id': '', 'supplierRegisterId': id, 'detailId': val.id, 'resultValue': e.target.value, 'remarks': '' });
      }
    }
    totalQualified.map((item: any) => {
      if (val.detailId) {
        if (val.detailId == item.id) {
          for (let i = 0; i < supplierId.length; i++) {
            if (id == supplierId[i] && item.scoreMap[supplierId[i]].resultValue != e.target.value) {
              item.scoreMap[supplierId[i]].resultValue = e.target.value
            }
          }
        }
      } else {
        if (val.id == item.id) {
          for (let i = 0; i < supplierId.length; i++) {
            if (id == supplierId[i]) {
              if (item.scoreMap == null) {
                item.scoreMap = []
              }
              item.scoreMap[supplierId[i]] = { 'categoryId': val.categoryId, 'id': '', 'supplierRegisterId': id, 'detailId': val.id, 'resultValue': e.target.value, 'remarks': '' }
            }
          }
        }
      }
    })
    setDataSource([...totalQualified])
  }

  const openDetail = () => { // 初审详情
    setDetailVisible(true)
    setPreliminaryDetails(theCurrent == '1' ? findScoreRecordData : allFirstTrialTableData);
  }

  const handleClick = (e: any) => { // 初审详情树切换
    setTheCurrent(e.key);
    if (e.key == 1) { // 初审记录表
      setPreliminaryDetails(findScoreRecordData);
    } else if (e.key == 2) { // 专家个人初审表
      setPreliminaryDetails(allFirstTrialTableData);
    }
  }

  /**
   * 获取初审记录表数据
   */
  const getFirstTrialTable = async (findScoreRecordParams: any, supplierData: any) => {
    let data = <FirstTrialTable
      defaultSupplierData={supplierData}
      defaultNumber={3}
      supplierParams={null}
      findScoreRecordParams={{ ...findScoreRecordParams, reviewType: "1" }}
    />;
    let finalData = (
      <div className="right-content">
        {data}
      </div>
    )
    setPreliminaryDetails(finalData);
    setFindScoreRecordData(finalData);
    return data;
  }
  /**
   * 获取所有人员初审记录表数据
   */
  const getAllFirstTrialTable = async (findScoreRecordParams: any, supplierData: any) => {
    //获取专家数据
    getExperts(assessRoomId).then((res: any) => {
      let data = res.data.map((item: any) => {
        return (
          <>
            <Panel className='h45' header={item.name} key={item.id}>
              <FirstTrialTable
                key={item.id}
                findScoreRecordParams={{ ...findScoreRecordParams, reviewType: "1", createBy: item.userId }}
                defaultNumber={3}
                supplierParams={null}
                defaultSupplierData={supplierData}
              />
            </Panel>
          </>
        )
      })
      setAllFirstTrialTableData(
        <>
          <div className="right-content">
            <Collapse>
              {data}
            </Collapse>
          </div>
        </>
      );
    })
  }

  const getTabId = (key: any) => { // tab切换获取当前tab的key
    setCurrent(1)
    if (tabList[key].name == '初审汇总') {
      setCount(count + 1)
    } else {
      if (bidEvalDetailDTOList.length > 0) {
        tabSaveSorce()
        bidEvalDetailDTOList = []
      }
      if (key < tabList.length - 1) {
        changePagination(1, tabList[key].category, totalSupplierColumns)
        // setTypeId(tabList[key].id)
        setTypeCategory(tabList[key].category)
        myProcess(tabList[key].category)
      }
    }
  }

  const myProcess = (category: any) => { // 我的进度
    let date = {
      bidEvalId: bidEvalId,
      reviewTurnId: reviewTurnId,
      category: category,
      assessRoomId: assessRoomId,
      reviewType: '1'
    }
    getProgress({ ...date }).then((res) => {
      if (res.code == 200) {
        setProcess(res.data)
      }
    })
  }

  const supplierTab = (category: any) => {
    let date = {
      assessRoomId: assessRoomId,
      reviewTurnId: reviewTurnId,
      reviewType: "1"
    }
    getRegister({ ...date }).then((res) => { // 供应商列头
      if (res.code == 200) {
        setTotal(res.data.length)
        setTotalSupplierColumns(res.data)
        changePagination(1, category, res.data)
        getAllFirstTrialTable(date, res.data);
        getFirstTrialTable(date, res.data);
      }
    })
  }

  let supplierId: any = [] // 供应商数组id
  const changePagination = (page: any, category: any, totalSupplierColumns: any) => { // 供应商列头分页
    if (bidEvalDetailDTOList.length > 0) {
      saveSorce() // 保存
    }
    setCurrent(page)
    let currentDate = (page - 1) * 3
    let newColumns = [...columns];
    totalSupplierColumns.slice(currentDate, currentDate + 3).map((item: any) => {
      supplierId.push(item.supplierRegisterId)
      newColumns.push({
        title: (
          <>
            {item.supplierRegisterName}
            {item.macConflictStatus && <MACAddressPrompt type='score' />}
          </>
        ),
        dataIndex: item.supplierRegisterId,
        render: (text: any, record: any) => {
          if (record.scoreMap && record.scoreMap[item.supplierRegisterId]) {
            return (
              <div>
                <Radio.Group
                  disabled={disabled || endProgress}
                  value={Number(record.scoreMap[item.supplierRegisterId].resultValue)}
                  onChange={e => onChange(e, record.scoreMap[item.supplierRegisterId], item.supplierRegisterId)}
                >
                  <Radio value={1}>合格</Radio>
                  <Radio value={2}>不合格</Radio>
                </Radio.Group><br />
                <Button type="link" onClick={() => getRemark(record.scoreMap[item.supplierRegisterId], item.supplierRegisterId)} danger>备注</Button>
                <Button hidden={btnAuthority(['ebtp-expert'])} type="link" danger onClick={() => lookFile(record.id, item.supplierRegisterId)}>查看{showNameT.tb}文件</Button>
              </div>
            )
          } else {
            return (
              <div>
                <Radio.Group
                  disabled={disabled || endProgress}
                  value={0}
                  onChange={e => onChange(e, record, item.supplierRegisterId)}
                >
                  <Radio value={1}>合格</Radio>~
                  <Radio value={2}>不合格</Radio>
                </Radio.Group><br />
                <Button type="link" onClick={() => getRemark(record, item.supplierRegisterId)} danger>备注</Button>
                <Button hidden={btnAuthority(['ebtp-expert'])} type="link" danger onClick={() => lookFile(record.id, item.supplierRegisterId)}>查看{showNameT.tb}文件</Button>
              </div>
            )
          }
        },
      })
    })

    setSupplierColumns([...newColumns])
    ratingData(category)
  }

  const lookFile = (id: any, supplierRegisterId: any) => {
    getFile(id).then((res) => { // 查看是否有应答文件
      if (res.code == 200) {
        if (res.data.length > 0) {
          window.open("/viewOfTenderDocumentsSecond?id=" + id + "&supplierId=" + supplierRegisterId);
        } else {
          message.info(`无关联${showNameT.tb}文件`)
        }
      }
    })
  }

  const ratingData = (category: any) => { // 评分数据
    setSpinVisible(true)
    totalQualified = []
    let query = {
      bidEvalId: bidEvalId,
      reviewTurnId: reviewTurnId,
      reviewType: "1",
      assessRoomId: assessRoomId,
      category: category,
      supplierRegisterIds: supplierId
    }
    getScoreDetail({ ...query }).then((res) => { // 评分数据
      if (res.code == 200) {
        // setTypeId(res.data.categoryId) // 设置类别id
        setTypeCategory(res.data.category) // 设置类别
        setSpinVisible(false)
        if (res.data.judgesStatus != '1') {
          disabled = true
          setIsDisabled(true)
        } else {
          disabled = false
          setIsDisabled(false)
        }
        setSubId(res.data.id)
        setDataSource(createNewArr(res.data.detailList, 'categoryName'))
        totalQualified = createNewArr(res.data.detailList, 'categoryName')
      } else {
        setSpinVisible(false)
      }
    }).finally(() => {
      setSpinVisible(false)
    })
  }

  const getRemark = (val: any, id: any) => { // 备注
    if (val.remarks) {
      remarkForm.setFieldsValue({ remarks: val.remarks })
    } else {
      remarkForm.setFieldsValue({ remarks: '' })
    }
    if (val.detailId) {
      setRemarksVal({ 'categoryId': val.categoryId, 'id': val.id, 'supplierRegisterId': id, 'detailId': val.detailId, 'resultValue': val.resultValue, 'remarks': val.remarks })
    } else {
      setRemarksVal({ 'categoryId': val.categoryId, 'id': '', 'supplierRegisterId': id, 'detailId': val.id, 'resultValue': '', 'remarks': '' })
    }
    setRemarkVisible(true)
  }

  const closeRemarks = () => { // 关闭备注
    if (!isDisabled) {
      let x = false;
      bidEvalDetailDTOList.map((item: any) => {
        if (item.supplierRegisterId == remarksVal.supplierRegisterId && item.detailId == remarksVal.detailId) {
          item.remarks = remarkForm.getFieldsValue().remarks
          dataSource.map((item: any) => {
            if (remarksVal.detailId == item.id) {
              item.scoreMap[remarksVal.supplierRegisterId].remarks = remarkForm.getFieldsValue().remarks
            }
          })
          x = true
        }
      })
      if (!x) {
        dataSource.map((item: any) => {
          if (remarksVal.detailId) {
            if (remarksVal.detailId == item.id && item.scoreMap && item.scoreMap[remarksVal.supplierRegisterId] && item.scoreMap[remarksVal.supplierRegisterId].remarks != remarkForm.getFieldsValue().remarks) {
              bidEvalDetailDTOList.push({ 'categoryId': remarksVal.categoryId, 'id': remarksVal.id, 'supplierRegisterId': remarksVal.supplierRegisterId, 'detailId': remarksVal.detailId, 'resultValue': remarksVal.resultValue, 'remarks': remarkForm.getFieldsValue().remarks });
              item.scoreMap[remarksVal.supplierRegisterId].remarks = remarkForm.getFieldsValue().remarks
            } else if (remarksVal.detailId == item.id && remarksVal.id == '') {
              bidEvalDetailDTOList.push({ 'categoryId': remarksVal.categoryId, 'id': remarksVal.id, 'supplierRegisterId': remarksVal.supplierRegisterId, 'detailId': remarksVal.detailId, 'resultValue': remarksVal.resultValue, 'remarks': remarkForm.getFieldsValue().remarks });
              if (item.scoreMap == null) {
                item.scoreMap = []
              }
              item.scoreMap[remarksVal.supplierRegisterId] = { 'categoryId': remarksVal.categoryId, 'id': '', 'supplierRegisterId': remarksVal.supplierRegisterId, 'detailId': remarksVal.detailId, 'resultValue': '', 'remarks': remarkForm.getFieldsValue().remarks }
            } else if (remarksVal.detailId == item.id) {
              bidEvalDetailDTOList.push({ 'categoryId': remarksVal.categoryId, 'id': remarksVal.id, 'supplierRegisterId': remarksVal.supplierRegisterId, 'detailId': remarksVal.detailId, 'resultValue': remarksVal.resultValue, 'remarks': remarkForm.getFieldsValue().remarks });
              item.scoreMap[remarksVal.supplierRegisterId].remarks = remarkForm.getFieldsValue().remarks
            }
          } else {
            if (remarkForm.getFieldsValue().remarks != '') {
              bidEvalDetailDTOList.push({ 'categoryId': remarksVal.categoryId, 'id': '', 'supplierRegisterId': remarksVal.supplierRegisterId, 'detailId': remarksVal.detailId, 'resultValue': remarksVal.resultValue, 'remarks': remarkForm.getFieldsValue().remarks });
              item.scoreMap[remarksVal.supplierRegisterId] = { 'remarks': remarkForm.getFieldsValue().remarks }
            }
          }
        })
        setDataSource([...dataSource])
      }
    }
    setRemarkVisible(false)
  }

  const getQualified = (val: any) => { // 全部合格
    let x = false;
    totalQualified.map((item: any) => {
      if (val.id == item.id) {
        for (let i = 0; i < supplierId.length; i++) {
          if (item.scoreMap && item.scoreMap[supplierId[i]]) {
            item.scoreMap[supplierId[i]].resultValue = '1'

            bidEvalDetailDTOList.map((value: any) => {
              if (value.supplierRegisterId == item.scoreMap[supplierId[i]].supplierRegisterId && value.detailId == item.scoreMap[supplierId[i]].detailId) {
                value.resultValue = '1'
                x = true
              }
            })
            if (!x) {
              bidEvalDetailDTOList.push({ 'categoryId': item.scoreMap[supplierId[i]].categoryId, 'id': item.scoreMap[supplierId[i]].id, 'supplierRegisterId': item.scoreMap[supplierId[i]].supplierRegisterId, 'detailId': item.scoreMap[supplierId[i]].detailId, 'resultValue': '1', 'remarks': item.scoreMap[supplierId[i]].remarks });
            }
          } else {
            if (item.scoreMap == null) {
              item.scoreMap = []
            }
            item.scoreMap[supplierId[i]] = { 'categoryId': val.categoryId, 'id': '', 'supplierRegisterId': supplierId[i], 'detailId': val.id, 'resultValue': '1', 'remarks': '' }
            bidEvalDetailDTOList.push({ 'categoryId': val.categoryId, 'id': '', 'supplierRegisterId': supplierId[i], 'detailId': val.id, 'resultValue': '1', 'remarks': '' });
          }
        }
      }
    })
    setDataSource([...totalQualified])
  }

  const makeQualified = () => { // 确认全部合格
    bidEvalDetailDTOList = []
    setSpinVisible(true)
    let date = {
      id: subId,
      bidEvalId: bidEvalId,
      reviewTurnId: reviewTurnId,
      category: typeCategory,
      assessRoomId: assessRoomId,
      reviewType: '1',
    }
    submQualified(date).then((res) => {
      if (res.code == 200) {
        ratingData(typeCategory)
        myProcess(typeCategory)
        message.success('操作成功！');
        setIsModalVisible(false)
      } else {
        ratingData(typeCategory)
        myProcess(typeCategory)
        setIsModalVisible(false)
      }
    }).finally(() => {
      setSpinVisible(false)
      setIsModalVisible(false)
    })
  }

  const getLock = () => { // 初审解锁
    setLockVisible(true)
    getMemberInfo(assessRoomId).then((res) => {
      let userArr: any = []
      if (res.code == 200) {
        res.data.map((item: any) => {
          userArr.push({ label: item.name, value: item.userId })
        })
      }
      setPlainList(userArr)
    })
  }

  const changeLock = (val: any) => { // 解锁专家
    setUnLockArr(val)
  }

  const handleOk = () => { // 确认解锁
    if (unLockArr != '') {
      let date = {
        bidEvalId: bidEvalId,
        judgesStatus: '1',
        userIds: unLockArr,
        assessRoomId: assessRoomId
      }
      getUnlock({ ...date }).then((res) => {
        if (res.code == 200) {
          setLockVisible(false)
          message.success('专家解锁成功！')
          setCount(count + 1)
        }
      })
    } else {
      message.error('请选择需要解锁的专家')
    }
  }

  const gettabList = () => { // tab
    let date = {
      assessRoomId: assessRoomId,
      reviewTurnId: reviewTurnId,
      rvwType: reviewType
    }
    getTabList({ ...date }).then((res) => {
      if (res.code == 200) {
        res.data.push({ 'name': '初审汇总' })
        setDateLength(res.data.length)
        setTabList(res.data) // tab数据
        supplierTab(res.data[0].category) // 供应商列头
        if (res.data.length > 1) {
          myProcess(res.data[0].category) // 进度
          // setTypeId(res.data[0].id) // 设置类别id
          setTypeCategory(res.data[0].category) // 设置类别
        }
      }
    })
  }

  const finalSubmit = async () => {
    if (isShowFoot == true) {
      form.submit();
    } else {
      const remarkList = getRemarkList(ref.current)
      if (remarkList) {
        let submitData = {
          reviewStatus: '2',
          reviewTurnId: getURLInformation("turnId"),
          reviewType: '1',
          remarkList: remarkList,
        }
        await toSubmit(submitData)
      }
    }
  }

  const toSubmit = async (params: any) => {
    setSubmitLoading(true)
    setSpinVisible(true)
    await submitSummary(params).then(res => { //提交汇总方法
      if (res?.code == 200) {
        message.success('提交成功');
        setCount(count + 1)
      }
    }).finally(() => {
      setSubmitLoading(false)
      setSpinVisible(false)
    })
  }
  //处理汇总表返回的数据
  const getRemarkList = (data: any) => {
    console.log('data', data);
    const List: any[] = []
    for (const item of totalSupplierColumns) {
      const obj = data[data.length - 1][item?.supplierRegisterId]
      if (obj.judgesResult == false) {//判断为不合格情况
        if (isEmpty(obj.remarks)) {
          message.info(`请填写【${item?.supplierRegisterName}】的不合格原因说明`)
          return false;
        }
      }
      if (obj.macConflictStatus && obj.judgesResult) {//mac地址重复供应商选为合格
        message.info(`${item?.supplierRegisterName}与其他供应商MAC地址重复，不可选为初审合格`);
        return false;
      }
      List.push({
        supplierRegisterId: item?.supplierRegisterId,
        qualifiedStatus: obj?.judgesResult ? '1' : '2',
        remarks: obj?.judgesResult ? null : obj?.remarks,
        originalResult: obj?.originalResult ? '1' : '2',
        modifyResultStatus: obj?.judgesResult != obj?.originalResult,
      })
    }
    return List
  }

  let JwtToken = getSessionUserData().userId
  const props = { // 初审摘录表导入
    name: 'file',
    data: {
      // reviewTurnId: getURLInformation("turnId"),
      assessRoomId: getRoomId(),
      reviewType: '1'
    },
    showUploadList: false,
    accept: 'application/vnd.ms-application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
    action: '/api/biz-service-ebtp-rsms/v1/abstract/upload',
    headers: {
      Authorization: getUserToken(),
      JwtToken: JwtToken
    },
    onChange(info: any) {
      setSpinVisible(true)
      bidEvalDetailDTOList = []
      if (info.file.status !== 'uploading') {
      }
      if (info.file.status === 'done') {
        if (info.file.response.code == 200) {
          message.success('初审摘录表导入成功');
          myProcess(typeCategory)
          changePagination(1, typeCategory, totalSupplierColumns)
          setSpinVisible(false)
        } else {
          message.error(info.file.response.message);
          myProcess(typeCategory)
          changePagination(1, typeCategory, totalSupplierColumns)
          setSpinVisible(false)
        }
      } else if (info.file.status === 'error') {
        message.error('初审摘录表导入失败');
        setSpinVisible(false)
      }
    },
  };
  //radio单选onChange方法
  const radioOnChange = (e: any) => {
    setRadioValue(e.target.value);
  };
  //表单提交
  const onFinish = async (values: any) => {
    let data = {
      continueStatus: radioValue
    }
    if (radioValue == 1) {
      data["remarks"] = values.remarks
      data["fileId"] = values.fileId
    }
    const remarkList = getRemarkList(ref.current)
    if (remarkList) {
      let submitData = {
        reviewStatus: '2',
        reviewTurnId: getURLInformation("turnId"),
        reviewType: '1',
        earlyWarn: { ...data },
        remarkList: remarkList,
      }
      await toSubmit(submitData)
    }
  };

  useEffect(() => {
    bidEvalDetailDTOList = []
    let date = {
      reviewTurnId: getURLInformation("turnId"),
      reviewType: '1',
    }
    getEval({ ...date }).then(async (res) => {
      if (res?.code == 200) {
        assessRoomId = res.data.assessRoomId
        reviewTurnId = res.data.reviewTurnId
        reviewType = res.data.reviewType
        bidEvalId = res.data.id
        reviewStatus = res.data.reviewStatus
        if (res.data.reviewStatus != 1) {
          endProgress = true
          setIsEndProgress(true)
        } else {
          endProgress = false
          setIsEndProgress(false)
        }
        gettabList()
        let statusProps = {
          assessRoomId: res.data.assessRoomId,
          reviewType: 1,
          reviewTurnId: getURLInformation("turnId"),
          createBy: 101
        }
        //初始化汇总表显示状态
        await isStatus(statusProps).then(async res => {
          if (res?.code == 200) {
            setTableDisplay(res.data)
            //初始化三家供应商判断数据
            await checkShowData(assessRoomId).then(response => {
              if (response?.code == 200) {
                setUploadId(response?.data?.fileId)
                setRadioValue(response?.data?.continueStatus == undefined ? 1 : response?.data?.continueStatus)
                form.setFieldsValue({
                  remarks: response.data?.remarks
                })
              }
            })
          }
        })
      }
    })
  }, [count]);

  return (
    <>
      <Spin spinning={spinVisible || submitLoading}>
        <div className="bidContent pl0">
          <div>
            {
              dateLength > 1 && !isDisabled && !isEndProgress ?
                <div hidden={btnAuthority(['ebtp-expert'])}>
                  <Space>
                    <FileDown apiUrl={`/api/biz-service-ebtp-rsms/v1/abstract/getJuryAbstracet?reviewTurnId=${getURLInformation("turnId")}&reviewType=1`} fileName='11' type='xlsx' method='GET' btnName='初审摘录表导出' />
                    <Upload {...props}>
                      <Button type="primary">初审摘录表导入</Button>
                    </Upload>
                  </Space>
                </div> : null
            }
          </div>
          <Tabs defaultActiveKey="0" className="tab-mb10" onChange={getTabId}>
            {
              tabList.map((item: any, index: any) => {
                if (item.name == '初审汇总') {
                  return (
                    <TabPane tab={item.name} key={index}>
                      {reviewStatus == 2 || reviewStatus == 3 ? null : (
                        <div>
                          {tableDisplay == true ? (
                            <Button hidden={btnAuthority(['ebtp-expert'])} type="primary" size="small" className="fr ml10 mb10" onClick={() => finalSubmit()} loading={submitLoading}>提交汇总</Button>
                          ) : null}
                          <Button hidden={btnAuthority(['ebtp-expert'])} onClick={getLock} type="primary" size="small" className="fr mb10">评审解锁</Button>
                        </div>
                      )}
                      {tableDisplay == true ? (
                        <>
                          <p className="red mb0">初审结果汇总表</p>
                          <BidPreliminarySummary readOnly={reviewStatus == 2 || reviewStatus == 3} summaryRef={ref} reload={count} totalSupplier={totalSupplierColumns} onSubmit={(value) => {
                            setIsShowFoot(value)
                          }} />
                          {isShowFoot ? (
                            <div>
                              <div style={{ margin: '8px 0px' }}>
                                <span style={{ color: '#b30000' }}>合格供应商不足三家，是否继续进行详审：</span>
                                <Radio.Group onChange={radioOnChange} value={radioValue} disabled={reviewStatus == 2 || reviewStatus == 3}>
                                  <Radio value={1}>是，继续进行</Radio>
                                  <Radio value={0}>否，终止评审</Radio>
                                </Radio.Group>
                              </div>
                              <Form
                                {...layout}
                                form={form}
                                name="control-hooks"
                                onFinish={onFinish}
                                validateMessages={validateMessages}
                              >
                                <Form.Item
                                  name="remarks"
                                  label="说明"
                                  rules={[{ required: !(reviewStatus == 2 || reviewStatus == 3) && radioValue == 1 }]}
                                  hidden={radioValue == 0}
                                >
                                  <TextArea maxLength={500} disabled={reviewStatus == 2 || reviewStatus == 3} placeholder="请填写说明" style={{ resize: reviewStatus == 2 || reviewStatus == 3 ? 'none' : 'vertical' }} />
                                </Form.Item>
                                {reviewStatus == 2 || reviewStatus == 3 ? (
                                  <Form.Item
                                    name="fileId"
                                    label="说明文件"
                                    hidden={radioValue == 0}
                                  >
                                    <ExtendUpload bid={uploadId} uploadProps={{ disabled: true }} />
                                  </Form.Item>
                                ) : (

                                  <Form.Item
                                    name="fileId"
                                    label="说明文件"
                                    hidden={radioValue == 0}
                                    extra="最多上传一个文件，每个最大30MB"
                                  >
                                    <ExtendUpload maxSize={30} bid={uploadId} uploadProps={{}} maxCount={1}></ExtendUpload>
                                  </Form.Item>
                                )}
                              </Form>
                            </div>
                          ) : null}
                        </>
                      ) : (
                        <>
                          <p className="red">初审进度表</p>
                          <BidPreliminarySpeed reload={count} />
                        </>
                      )}
                    </TabPane>
                  )
                } else {
                  return (
                    <TabPane tab={item.name} key={index}>
                      <div>
                        <div className="mb10">
                          <div className="process">我的进度：<Progress percent={process} /></div>
                          <div className="block">
                            <Space>
                              {
                                isDisabled || isEndProgress ? null : <Button hidden={btnAuthority(['ebtp-expert'])} onClick={() => setIsModalVisible(true)} type="primary">全部合格</Button>
                              }
                              {
                                isDisabled || isEndProgress ? null : <Button hidden={btnAuthority(['ebtp-expert'])} onClick={() => saveSorce()} type="primary">保存</Button>
                              }
                              {
                                (process > 100 || process == 100) && !isDisabled && !isEndProgress ? <Button hidden={btnAuthority(['ebtp-expert'])} onClick={() => submit()} type="primary">提交</Button> : null
                              }
                              <Button onClick={openDetail} type="primary">初审详情</Button>
                            </Space>
                          </div>
                        </div>
                        <div>
                          <Pagination
                            current={current}
                            total={total}
                            defaultPageSize={3}
                            showSizeChanger={false}
                            onChange={(e) => changePagination(e, typeCategory, totalSupplierColumns)}
                            size="small"
                            className="mb8"
                          />
                          <Table pagination={false} columns={supplierColumns} dataSource={dataSource} />
                        </div>
                      </div>
                    </TabPane>
                  )
                }
              })
            }
          </Tabs>
        </div>
        <Modal // 初审详情
          width={1000}
          title="初审详情"
          visible={detailVisible}
          onCancel={() => setDetailVisible(false)}
          footer={null}
          className="tableTop"
          centered
          style={{ maxHeight: modalHeight }}
          bodyStyle={{ maxHeight: modalHeight - 107, overflowY: 'auto' }}
        >
          <Menu
            onClick={handleClick}
            style={{ width: 180 }}
            defaultSelectedKeys={['1']}
            defaultOpenKeys={['sub1']}
            mode="inline"
            className="left-menu"
          >
            <SubMenu key="sub1" title="评审记录表">
              <Menu.Item key="1">初审记录表</Menu.Item>
              <Menu.Item key="2">专家个人初审表</Menu.Item>
            </SubMenu>
          </Menu>
          {preliminaryDetails}
        </Modal>
        <Modal // 初审解锁
          title="初审解锁"
          width={600}
          visible={lockVisible}
          onCancel={() => setLockVisible(false)}
          onOk={handleOk}
          centered
        >
          <label>解锁专家：</label>
          <Checkbox.Group options={plainList} onChange={changeLock} />
        </Modal>
        <Modal // 备注
          title="备注"
          width={600}
          visible={remarkVisible}
          destroyOnClose
          onCancel={() => setRemarkVisible(false)}
          onOk={() => closeRemarks()}
          centered
        >
          <Form form={remarkForm}>
            <Form.Item name='remarks'>
              <TextArea maxLength={500} disabled={isDisabled || isEndProgress} rows={4} />
            </Form.Item>
          </Form>
        </Modal>
        <Modal title="全部合格" visible={isModalVisible} onOk={() => makeQualified()} onCancel={() => setIsModalVisible(false)}>
          <p>此操作会删除原有数据，是否继续？</p>
        </Modal>
      </Spin>
    </>
  )
}
export default Index