React 表格

Posted 2021-02-28 zhanglanzuopin

this.dataSourcesa = [
{
score_name: "业务系统",
score_image_url: (
<Select
// defaultValue={this.state.applyFloatIPServiceSystem}
value={this.state.applyFloatIPServiceSystem}
className="placeSelectDataCenter"
id="select"
onChange={e => {
this.setState({ applyFloatIPServiceSystem: e });
}}
>
{this.state.serviceSystemList.map((item, key) => {
return (
<Option value={item.name} key={key}>
{item.name}
</Option>
);
})}
</Select>
)
},
{
score_name: "集群",
score_image_url: (
<Select
// defaultValue={this.state.applyFloatIPColony}
value={this.state.applyFloatIPColony}
className="placeSelectDataCenter"
id="select"
onChange={e => {
this.setState({ applyFloatIPColony: e });
}}
>
<Option value={1}>主集群</Option>
<Option value={2}>备集群</Option>
</Select>
)
},
{
score_name: "数量",
score_image_url: (
<Input
defaultValue="请输入数量"
value={this.state.applyFloatIPNum}
onChange={e => {
this.setState({ applyFloatIPNum: e.target.value });
}}
onClick={() => {
if (this.state.applyFloatIPNum == "请输入数量") {
this.setState({ applyFloatIPNum: "" });
} else {
return;
}
}}
></Input>
)
}
];

 

----------------------------------------------------------------------------------------------------------------------------------------------------------------

render: text => {
if (text === "Created") {
return <span className="color_blue">已创建</span>;
} else if (text === "Designing") {
return <span>设计中</span>;
} else if (text === "Training") {
return <span>训练中</span>;
} else if (text === "Trained") {
return <span>训练完成</span>;
} else if (text === "Testing") {
return <span>测试中</span>;
} else if (text === "Tested") {
return <span>测试完成</span>;
} else if (text === "Scored") {
return <span>打分完成</span>;
}
}
},