!2211 优化:排钻配置选择排钻类型UI统一

pull/2214/head
林三 1 year ago committed by ChenX
parent 9c243e918c
commit 18dbecc0df

@ -1,4 +1,4 @@
import { Button, Card, Checkbox, Classes, HTMLSelect, Intent, IOptionProps, Popover, Position, Radio, RadioGroup } from '@blueprintjs/core'; import { Button, Card, Checkbox, Classes, HTMLSelect, Intent, IOptionProps, Popover, Position } from '@blueprintjs/core';
import { action, observable } from 'mobx'; import { action, observable } from 'mobx';
import { observer } from 'mobx-react'; import { observer } from 'mobx-react';
import * as React from 'react'; import * as React from 'react';
@ -107,21 +107,6 @@ export class DrillTypeCom extends React.Component<{ store: DrillStore; }, { type
observable(store.rules).replace(store.drillConfig.get(store.currentConfigTypeName)); observable(store.rules).replace(store.drillConfig.get(store.currentConfigTypeName));
store.ChangeRules(0); store.ChangeRules(0);
}); });
private renderRadiosType = () =>
{
const store = this.props.store;
return (
<RadioGroup
inline={true}
selectedValue={store.currentConfigTypeName}
onChange={this.handleOnChange}
>
{
[...store.drillConfig.keys()].map(type => <Radio label={type} value={type} key={type} />)
}
</RadioGroup>
);
};
private renderSelectType = () => private renderSelectType = () =>
{ {
const store = this.props.store; const store = this.props.store;
@ -200,7 +185,7 @@ export class DrillTypeCom extends React.Component<{ store: DrillStore; }, { type
return ( return (
<div className="flex drill-type"> <div className="flex drill-type">
{ {
store.drillConfig.size > 7 ? this.renderSelectType() : this.renderRadiosType() this.renderSelectType()
} }
<div style={{ display: "flex" }}> <div style={{ display: "flex" }}>
<Popover <Popover

Loading…
Cancel
Save