12-23-上传master
This commit is contained in:
151
src/components/BiddingRoom/index.js
Normal file
151
src/components/BiddingRoom/index.js
Normal file
@ -0,0 +1,151 @@
|
||||
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;
|
Reference in New Issue
Block a user