import React, { PureComponent } from 'react';
import { Divider, Button, Form, Card, Tabs, Table, Tooltip, Input, Select, Row, Col, message, Modal, Popconfirm, Tag, InputNumber } from 'antd';
import { history } from 'umi';
import ProTable from '@ant-design/pro-table';
import { getDictBidMethodDict, getProMethod, getRoomId, getDefId, getQuotationMethodById } from '@/utils/session';
import { saveLeaderId, getJuryData, checkOpenBidSupplier, getPackageList, createReviewRoom, closingReviewRoom } from './components/service';
import './index.less';
import { connect } from "dva";
import { routerRedux } from 'dva/router';
import { getProId, getProSignDict } from '@/utils/session';
import ReviewDevided from '@/pages/BidEvaluation/components/ReviewDevided';
import CreateReviewRoom from '@/pages/BidEvaluation/components/CreateReviewRoom';
import { getURLInformation } from '@/utils/CommonUtils';
import { ExclamationCircleOutlined } from '@ant-design/icons';
import { btnAuthority } from '@/utils/authority';
import SetGroupLeader from './components/SetGroupLeader';
import { finish } from './components/simpleUploadServis';
import UploadReport from './components/UploadReport';
import CloseReasonModal from './components/CloseReasonModal';
import { getUrlRelativePath, isNotEmpty, isEmpty, getUrlParam } from '@/utils/CommonUtils';
//import SetLeader from '@/pages/BidEvaluation/components/SetLeader';


// @Form.create()
const InfId = getRoomId();
const { confirm } = Modal;
const modalHeight = window.innerHeight * 96 / 100;
@connect(({ bidev, loading }) => ({
  ...bidev,
  managerlistLoading: loading.effects['bidev/fetchManagerList'],
}))

class manager extends PureComponent {

  state = {
    pageNo: 1,
    pageSize: 10,
    tpId: getProId(),
    defId: getDefId(),
    ratevisible: false,
    visible: false,
    data: {},
    roomStatus: 1,
    proMethod: getProMethod(),
    createVisible: false,
    sectionName: "采购包",
    sectionType: "评审",
    createIdList: [],
    loading: false,
    closeVisible: false,
    name: '',
    sort: '',
    listParams: '',
  }

  //存储分页参数和查询条件
  savePageAndParams = () => {
    const { listParams } = this.state
    let searchParams = JSON.parse(listParams);
    let params = `${'?roomType=' + getURLInformation("roomType") + '&pageNo=' + searchParams.pageNo}${isEmpty(searchParams.sectionName) ? '' : '&name=' + searchParams.sectionName}${isEmpty(searchParams.roomSort) ? '' : '&sort=' + searchParams.roomSort}`;
    let url = getUrlRelativePath() + params;
    sessionStorage.setItem('roomReturnURL', url);//存储返回url
  }

  // 跳转评审配置
  flowConfig = (record) => {
    sessionStorage.setItem("roomId", record.id)
    this.savePageAndParams();
    this.props.dispatch(routerRedux.push(`/ProjectLayout/FlowConfig`))
  }
  //查询评审室列表
  getManagerList = (params) => {
    const { dispatch } = this.props;
    this.setState({ listParams: JSON.stringify(params) })
    dispatch({
      type: "bidev/fetchManagerList",
      payload: { ...params }
    })
  }

  componentDidMount() {
    //确定显示字段名称
    let sectionName = "采购包";
    let sectionType = "评审";
    let proMethod = getProMethod();
    if (proMethod == "procurement_mode_1" || proMethod == "procurement_mode_2") {
      sectionName = "标段";
      sectionType = "评标";
    } else if (proMethod == "procurement_mode_5" || proMethod == "procurement_mode_6") {
      sectionName = "采购包";
      sectionType = "谈判";
    } else if (proMethod == "procurement_mode_4") {
      sectionName = "包件";
    }
    const pageNo = getURLInformation("pageNo");
    const name = getUrlParam("name");
    const sort = getUrlParam("sort");
    this.setState({
      sectionName,
      sectionType,
      name,
      sort,
      pageNo: Number(pageNo),
    })
    const params = {
      pageNo: isNotEmpty(pageNo) ? Number(pageNo) : 1,
      pageSize: 10,
      roomType: getURLInformation('roomType'),
      tpId: getProId(),//项目id
      sectionName: isNotEmpty(name) ? name : '',
      roomSort: isNotEmpty(sort) ? sort : '',
    }
    this.getManagerList(params)
  }

  handleRedirect = async (record) => {
    sessionStorage.setItem("roomId", record.id)
    sessionStorage.setItem("roomStatus", record.status)
    sessionStorage.setItem("groupId", record.chatGroupId)
    sessionStorage.setItem("expertGroupId", record.expertChatGroupId)
    sessionStorage.setItem("roomTypeByEva", getURLInformation("roomType"))
    this.setState({ loading: true })
    await getQuotationMethodById(record.id)
    // this.props.dispatch(routerRedux.push('/ProjectLayout/EvaRoom'))
    this.setState({ loading: false })
    window.open(`/EvaRoom`)
  }
  //评委会设置
  onJurySet = (record) => {
    this.savePageAndParams();
    history.push({ pathname: '/ProjectLayout/JudgingPanel', state: { roomId: record.id, secId: record.sectionId, openTime: record.openTime } });
    // this.props.dispatch(routerRedux.push(`/ProjectLayout/JudgingPanel?roomId=${record.id}&secId=${record.sectionId}&openTime=${record.openTime}`));
  }
  //创建评审室
  onCreateClick = async () => {
    const { tpId, createIdList } = this.state
    await getPackageList(tpId).then(res => {
      if (res.code == 200) {
        if (res.data.length == 0) {
          message.info("当前项目无可选包件，无法创建评审室")
        } else {
          this.setState({
            createIdList: res.data,
            createVisible: true
          })
        }
      }
    })
  }
  //关闭评审室（多轮招募）
  onCloseClick = (record) => {
    this.setState({
      data: record,
      closeVisible: true
    })
  }

  //关闭评审室关闭onOk
  closeReasonOk = () => {
    const { pageNo, pageSize, tpId, name, sort } = this.state;
    this.setState({ closeVisible: false, data: {} });
    const params = {
      pageNo: pageNo,
      pageSize: pageSize,
      roomType: getURLInformation('roomType'),
      tpId: tpId,//项目id
      sectionName: name,
      roomSort: sort,
    }
    this.getManagerList(params)
  }

  //关闭评审室关闭onCancel
  closeReasonCancel = () => {
    this.setState({ closeVisible: false, data: {} });
  }

  onCreateOut = () => {
    this.setState({
      createVisible: false
    })
  }

  methodStatus() {
    const { proMethod } = this.state
    const biddingSignDict = getProSignDict();
    let procurementMethod;
    switch (proMethod) {
      case 'procurement_mode_1':
        procurementMethod = { visible: false, name: '评审' };
        break;
      case 'procurement_mode_2':
        procurementMethod = { visible: false, name: '评审' };
        break;
      case 'procurement_mode_3':
        switch (biddingSignDict) {
          case 'selection_method_1':
            procurementMethod = { visible: false, name: '评审' };
            break;
          case 'selection_method_2':
            procurementMethod = { visible: true, name: '评审' };
            break
          default:
        }
        break;
      case 'procurement_mode_4':
        procurementMethod = { visible: true, name: '评审' };
        break;
      case 'procurement_mode_5':
        procurementMethod = { visible: true, name: '谈判' };
        break;
      case 'procurement_mode_6':
        procurementMethod = { visible: true, name: '谈判' };
        break;
      case 'procurement_mode_7':
        procurementMethod = { visible: true, name: '评审' };
        break;
      case 'procurement_mode_8':
        procurementMethod = { visible: false, name: '评审' };
        break;
      case 'procurement_mode_9':
        procurementMethod = { visible: true, name: '谈判' };
        break;
      default:
    }
    return procurementMethod;
  }
  onOpenBizassessroom = async (record) => {
    // const {checkOpenList} = this.props
    const { onOpenRoom } = this
    const { proMethod } = this.state
    const params = {
      id: record.id
    }
    this.props.dispatch({
      type: "bidev/checkOpenBidSupplier",
      payload: params.id,
      callback: (response) => {
        let checkOpenList = response.data
        let methodDict = proMethod == null ? "procurement_mode_1" : proMethod
        if (checkOpenList?.length == 0) {
          message.error("应答的供应商为0家，不能开启评审！")
        } else {
          if (methodDict == "procurement_mode_5" && checkOpenList?.length < 2) {
            confirm({
              title: '确认开启评审室？',
              icon: <ExclamationCircleOutlined />,
              content: <span style={{ color: "#b30000" }}>注意：应答的供应商少于2家</span>,
              centered: true,
              onOk() {
                onOpenRoom(params)
              },
              onCancel() { },
            });
          } else if (methodDict == "procurement_mode_3" && checkOpenList?.length < 3) {
            confirm({
              title: '确认开启评审室？',
              icon: <ExclamationCircleOutlined />,
              content: <span style={{ color: "#b30000" }}>注意：应答的供应商少于3家</span>,
              centered: true,
              onOk() {
                onOpenRoom(params)
              },
              onCancel() { },
            });
          } else {
            confirm({
              title: '确认开启评审室？',
              icon: <ExclamationCircleOutlined />,
              centered: true,
              onOk() {
                onOpenRoom(params)
              },
              onCancel() { },
            });
          }
        }
      }
    })
  }
  onOpenRoom = (params) => {
    const { defId } = this.state
    this.setState({
      loading: true
    })
    if (defId == "recruit_multi") {
      this.props.dispatch({
        type: "bidev/zmmultiOpenBizassessroom",
        payload: { ...params },
        callback: () => {
          this.setState({
            loading: false
          })
        }
      })
    } else {
      this.props.dispatch({
        type: "bidev/openBizassessroom",
        payload: { ...params },
        callback: () => {
          this.setState({
            loading: false
          })
        }
      })
    }
  }
  onResetVerificationCode = (record) => {
    const { pageNo, pageSize, tpId } = this.state;
    const params = {
      id: record.id,
      pageNo: pageNo,
      pageSize: pageSize,
      tpId: tpId
    }
    this.props.dispatch({
      type: "bidev/resetVerificationCode",
      payload: { ...params }
    })
  }
  // 跳转组建评委会
  onRedirectRate = () => {
    this.props.dispatch(routerRedux.push('/JudgingPanel/list'))
  }

  render() {
    const { managerList, managerlistLoading, dispatch } = this.props;
    const { pageNo, pageSize, tpId, ratevisible, visible, data, createVisible, sectionName, sectionType, createIdList, proMethod, defId, loading, closeVisible, name, sort } = this.state;
    const pagination = {
      current: pageNo,
      total: managerList && managerList.total,
      showSizeChanger: false,
      // showQuickJumper: true,
      defaultPageSize: 10,
      // showTotal: (total,range) => `共 ${total} 条记录，第${range.slice(',')[0]}-${range.slice(',')[1]}条`,
      onChange: (page, pageSize) => {
        this.setState({
          pageNo: page,
          pageSize: pageSize,
        });
        const params = {
          pageNo: page,
          pageSize: pageSize,
          roomType: getURLInformation('roomType'),
          tpId: tpId,//项目id
          sectionName: name,
          roomSort: sort,
        }
        this.getManagerList(params)
      },
    }

    const columns = [
      {
        title: '序号', dataIndex: 'id', width: '5%',
        render: (text, record, index) => {
          return (index + 1)
        }
      },
      { title: `${sectionName}名称`, dataIndex: 'sectionName', width: '10%' },
      { title: `${sectionName}编号`, dataIndex: 'sectionNum', width: '10%' },
      {
        title: defId == "recruit_multi" ? "轮次" : `${sectionType}次数`, hideInTable: proMethod == 'procurement_mode_9',
        dataIndex: 'roomSort',
        width: '10%',
        render: (text, record, index) => {
          return defId == "recruit_multi" ? <>第{text}轮</> : record.reviewMark == 1 ? <>第{text + record.reviewSort}次{sectionType}</> : <>第{text}次{sectionType}</>
        }
      },
      { title: '评委信息', dataIndex: 'juryMember', width: '10%' },
      { title: '应答截止时间', dataIndex: 'responseEndTime', width: '10%', hideInTable: defId != "recruit_multi" },
      { title: `${sectionType}开始时间`, dataIndex: 'openTime', width: '10%' },
      {
        title: '校验码', dataIndex: 'verificationCode', width: '10%', hideInTable: proMethod == 'procurement_mode_9',
      },
      {
        title: '状态', dataIndex: 'status', width: '10%', hideInTable: proMethod == 'procurement_mode_9',
        render: (text, record, index) => {
          let txt = record.status
          return record.sectionStatus == 9 ? "异常处理" : txt == 0 || txt == 1 ? `准备${sectionType}` : (txt == 2 ? `正在${sectionType}` : (txt == 3 ? `${sectionType}结束` : null))
        }
      },
      {
        title: '操作', dataIndex: 'operation', width: '10%',
        render: (text, record, index) => {
          let status = record.status;
          return (
            <>
              {
                record.sectionStatus == 9 ? null :
                  status == 0 || status == 1 &&
                  <Button type="text" key="1"
                    onClick={() => { this.onOpenBizassessroom(record) }}
                    hidden={btnAuthority(["ebtp-agency-project-manager", "ebtp-purchase"]) || proMethod == 'procurement_mode_9'}
                  >
                    开启{sectionType}
                  </Button>
              }
              {
                (status == 2 || (status == 3 && record?.closeReson == null)) &&
                <Button
                  type="text"
                  key="2"
                  hidden={proMethod == 'procurement_mode_9'}
                  onClick={() => { this.handleRedirect(record) }}
                >
                  进入{sectionType}室
                </Button>
              }
              {
                defId == "recruit_multi" &&
                <Button type="text" key="8" onClick={() => { this.onJurySet(record) }}>评委会设置</Button>
              }
              <Popconfirm
                title="您确定要重置吗？"
                onConfirm={() => { this.onResetVerificationCode(record) }}
                okText="确定"
                cancelText="取消"
              >
                <Button
                  type="text" key="5"
                  hidden={btnAuthority(["ebtp-agency-project-manager", "ebtp-purchase"]) || proMethod == 'procurement_mode_9'}
                >
                  重置校验码
                </Button>
              </Popconfirm>
              {
                this.methodStatus().visible &&
                <Button type="text" key="7"
                  onClick={() => { this.flowConfig(record) }}
                  hidden={btnAuthority(["ebtp-agency-project-manager", "ebtp-purchase"]) || proMethod == 'procurement_mode_9'}>
                  {this.methodStatus().name}配置
                </Button>
              }
              {
                defId == "recruit_multi" && (status == 1 || (status == 3 && record?.closeReson != null)) &&
                <Button
                  type="text"
                  key="9"
                  style={{ margin: '0 20px 3px 0' }}
                  hidden={btnAuthority(["ebtp-agency-project-manager", "ebtp-purchase"])}
                  onClick={() => { this.onCloseClick(record) }}
                >
                  {record?.closeReson == null ? '关闭评审室' : '查看关闭原因'}
                </Button>
              }
              {/* 单一来源简化按钮 */}
              {
                proMethod == 'procurement_mode_9' &&
                <>
                  <Button
                    type="text" key="simplify_1"
                    onClick={() => { history.push(`/ProjectLayout/SimpleUpload?roomId=${record.id}&bsId=${record.sectionId}&tpId=${this.state.tpId}&dis=${status}`) }}
                    hidden={btnAuthority(["ebtp-agency-project-manager", "ebtp-purchase"])}
                  >
                    {status == 3 ? '查看应答文件' : '上传应答文件'}
                  </Button>
                  <UploadReport assessId={record.id} tpId={this.state.tpId} sectionId={record.sectionId} dis={status == 3} />
                  <Popconfirm
                    title="您确定要提交吗？"
                    onConfirm={async () => {
                      this.setState({ loading: true });
                      await finish(record.id).then((res) => {
                        if (res.success) {
                          message.success('提交成功！');
                          const params = {
                            pageNo: pageNo,
                            pageSize: pageSize,
                            roomType: getURLInformation('roomType'),
                            tpId: tpId,//项目id
                            sectionName: name,
                            roomSort: sort,
                          }
                          this.getManagerList(params)
                        }
                      });
                      this.setState({ loading: false });
                    }}
                    okText="确定"
                    cancelText="取消"
                  >
                    <Button
                      type="text" key="simplify_2"
                      hidden={btnAuthority(["ebtp-agency-project-manager", "ebtp-purchase"]) || status == '3'}
                    >提交</Button>
                  </Popconfirm>
                </>
              }

            </>
          )
        }
      }
    ]
    return (
      <>
        <Card bodyStyle={{ padding: '0px 24px' }} style={{ borderRadius: 6 }} bordered={false}>
          <ProTable
            options={false}
            search={false}
            size="small"
            loading={managerlistLoading || loading}
            columns={columns}
            dataSource={managerList != "" && managerList.records}
            pagination={pagination}
            toolBarRender={() => [
              <>
                <Input type="text" placeholder={`${sectionName}名称`} value={name} onChange={(event) => this.setState({ name: event.target.value })} />
                {defId == "recruit_multi" ? <Input type="number" placeholder='轮次' value={sort} onChange={(event) => this.setState({ sort: event.target.value })} /> : null}
                <Button type="primary" key='c' onClick={() => {
                  const params = {
                    pageNo: 1,
                    pageSize: 10,
                    roomType: getURLInformation('roomType'),
                    tpId: tpId,//项目id
                    sectionName: name,
                    roomSort: sort,
                  }
                  this.getManagerList(params)
                }}>查询</Button>
                <Button key='reload' onClick={() => {
                  this.setState({ name: '', sort: '' })
                  const params = {
                    pageNo: 1,
                    pageSize: 10,
                    roomType: getURLInformation('roomType'),
                    tpId: tpId,//项目id
                    sectionName: '',
                    roomSort: '',
                  }
                  this.getManagerList(params)
                }}>重置</Button>
                {defId == "recruit_multi" ? <Button type="primary" key="create" onClick={() => this.onCreateClick()} loading={managerlistLoading || loading} hidden={btnAuthority(["ebtp-agency-project-manager", "ebtp-purchase"])}>创建评审室</Button> : null}
              </>
            ]}
          />
        </Card>
        <CreateReviewRoom
          modalVisible={createVisible}
          onCancel={() => { this.onCreateOut() }}
          onSubmit={async (value) =>
            await createReviewRoom(value).then(res => {
              if (res.code == 200) {
                message.success("创建评审室成功")
                this.onCreateOut()
                const params = {
                  pageNo: pageNo,
                  pageSize: pageSize,
                  roomType: getURLInformation('roomType'),
                  tpId: tpId,//项目id
                  sectionName: name,
                  roomSort: sort,
                }
                this.getManagerList(params)
                return true
              } else {
                return false
              }
            })
          }
          roomIdList={createIdList}
        />
        {closeVisible && <CloseReasonModal modalVisible={closeVisible} onCancel={() => { this.closeReasonCancel() }} onOk={() => { this.closeReasonOk() }} recordData={data} />}
      </>
    )
  }
}
export default manager;