151 lines
2.8 KiB
JavaScript
151 lines
2.8 KiB
JavaScript
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; |