fe_service_ebtp_frontend/src/components/BiddingRoom/index.js

import {Divider,Button,Form,Card,Tabs,Table,Tooltip,Input,Select,Row,Col,message,Modal} from 'antd';
import './index.less';
import { connect } from "dva";
import { routerRedux } from 'dva/router';
import React, { useState, useEffect, useReducer } from 'react';
// @Form.create()
// @connect(({ bidev,loading }) => ({
//     ...bidev,
//     managerlistLoading:loading.effects['bidev/fetchManagerList'],
// }))
function BiddingRoom(props) {
  const [list, setList] = useState();
  const [width, setWidth] = useState();
  useEffect(()=>{
    setList(() => {
      return managerList
    })
    setWidth(() => {
      return 100/managerList.length*100
    })
  },[])
  const managerList=[{
    id:1,
    path:"",
    text:"基本信息"
  },
  {
    id:2,
    path:"",
    text:"评标进展"
  },
  {
    id:3,
    path:"",
    text:"风险点展示"
  },
  {
    id:4,
    path:"",
    text:"投标文件查看"
  },
  {
    id:5,
    path:"",
    text:"评标异常"
  },
  {
    id:6,
    path:"",
    text:"澄清说明"
  },
  {
    id:7,
    path:"",
    text:"报表打印"
  },
  {
    id:8,
    path:"",
    text:"评审结果"
  }]
  const JuryList=[{
    id:1,
    path:"",
    text:"评标"
  },
  {
    id:2,
    path:"",
    text:"投标文件查看"
  },
  {
    id:3,
    path:"",
    text:"风险点展示"
  },
  {
    id:4,
    path:"",
    text:"辅助评标"
  },
  {
    id:5,
    path:"",
    text:"澄清说明"
  },
  {
    id:6,
    path:"",
    text:"算数错误调整"
  },
  {
    id:7,
    path:"",
    text:"评审结果"
  }]
  const supplierList=[{
    id:1,
    path:"",
    text:"基本信息"
  },
  {
    id:2,
    path:"",
    text:"项目评审"
  },
  {
    id:3,
    path:"",
    text:"标中质询"
  }]
  const onChange=(e)=>{
    switch(e){
      case '1': setList(() => {
        return managerList
      })
      break;
      case '2': setList(() => {
        return JuryList
      })
      break;
      case '3': setList(() => {
        return supplierList
      })
      break;
    }
    setWidth(() => {
      return 100/list.length*100
    })
  }
  return (
    <>
    切换角色：<Select placeholder="请选择角色" onChange={onChange} className="sel" defaultValue="1">
      <Option value="1">项目经理</Option>
      <Option value="2">专家</Option>
      <Option value="3">供应商</Option>
    </Select>
    <div className="tablist">
      {list!=undefined && list.map(item=>{
        if(props.selectedId && props.selectedId!=""){
          return<div className="tab" style={{width:width+"px",
          color:props.selectedId==item.id?"#FFFFFF":"#F62A2B",background:props.selectedId==item.id?"#F62A2B":"#FFFFFF"}}>{item.text}</div>
        }else{
          return<div className="tab" style={{width:width+"px"}}>{item.text}</div>
        }
      })}
    </div>
    </>
  );
}
export default BiddingRoom;