|
|
|
@ -33,7 +33,8 @@ export interface IBoardProps
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@observer
|
|
|
|
|
export class BoardFindItem extends React.Component<IBoardProps, {}> {
|
|
|
|
|
export class BoardFindItem extends React.Component<IBoardProps, {}>
|
|
|
|
|
{
|
|
|
|
|
public render()
|
|
|
|
|
{
|
|
|
|
|
const { k, useKey, option, uiOption,
|
|
|
|
@ -103,7 +104,8 @@ export interface IFindSelectItem
|
|
|
|
|
checkChange?();
|
|
|
|
|
}
|
|
|
|
|
@observer
|
|
|
|
|
export class BoardFindSelectItem extends React.Component<IFindSelectItem, {}> {
|
|
|
|
|
export class BoardFindSelectItem extends React.Component<IFindSelectItem, {}>
|
|
|
|
|
{
|
|
|
|
|
public render()
|
|
|
|
|
{
|
|
|
|
|
const { k, useKey, option,
|
|
|
|
@ -167,31 +169,41 @@ export class MatColorCom extends React.Component<IMatColorComProps>
|
|
|
|
|
<div>
|
|
|
|
|
<span>板材</span>
|
|
|
|
|
{
|
|
|
|
|
hasCompare &&
|
|
|
|
|
<HTMLSelect
|
|
|
|
|
value={(option as IBoardFindOption).compareType[EBoardKeyList.BrMat]}
|
|
|
|
|
options={SimpleOption}
|
|
|
|
|
onChange={(e) =>
|
|
|
|
|
{
|
|
|
|
|
(option as IBoardFindOption).compareType[EBoardKeyList.BrMat] = e.target.value as ECompareType;
|
|
|
|
|
}}
|
|
|
|
|
/>
|
|
|
|
|
}
|
|
|
|
|
<div>
|
|
|
|
|
<Tooltip
|
|
|
|
|
content={option[EBoardKeyList.BrMat]}
|
|
|
|
|
>
|
|
|
|
|
hasCompare ?
|
|
|
|
|
<>
|
|
|
|
|
<HTMLSelect
|
|
|
|
|
value={(option as IBoardFindOption).compareType[EBoardKeyList.BrMat]}
|
|
|
|
|
options={SimpleOption}
|
|
|
|
|
onChange={(e) =>
|
|
|
|
|
{
|
|
|
|
|
(option as IBoardFindOption).compareType[EBoardKeyList.BrMat] = e.target.value as ECompareType;
|
|
|
|
|
}}
|
|
|
|
|
/>
|
|
|
|
|
<div>
|
|
|
|
|
<Tooltip
|
|
|
|
|
content={option[EBoardKeyList.BrMat]}
|
|
|
|
|
>
|
|
|
|
|
<input
|
|
|
|
|
style={{
|
|
|
|
|
margin: "0 5px",
|
|
|
|
|
width: "75px",
|
|
|
|
|
}}
|
|
|
|
|
tabIndex={1}
|
|
|
|
|
className={Classes.INPUT}
|
|
|
|
|
value={option[EBoardKeyList.BrMat]}
|
|
|
|
|
onChange={e => option[EBoardKeyList.BrMat] = e.target.value}
|
|
|
|
|
/>
|
|
|
|
|
</Tooltip>
|
|
|
|
|
</div>
|
|
|
|
|
</>
|
|
|
|
|
:
|
|
|
|
|
<input
|
|
|
|
|
style={{
|
|
|
|
|
margin: "0 5px",
|
|
|
|
|
width: "75px",
|
|
|
|
|
}}
|
|
|
|
|
tabIndex={1}
|
|
|
|
|
className={Classes.INPUT}
|
|
|
|
|
value={option[EBoardKeyList.BrMat]}
|
|
|
|
|
onChange={e => option[EBoardKeyList.BrMat] = e.target.value} />
|
|
|
|
|
</Tooltip>
|
|
|
|
|
</div>
|
|
|
|
|
onChange={e => option[EBoardKeyList.BrMat] = e.target.value}
|
|
|
|
|
/>
|
|
|
|
|
}
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<Checkbox
|
|
|
|
@ -206,60 +218,80 @@ export class MatColorCom extends React.Component<IMatColorComProps>
|
|
|
|
|
}}
|
|
|
|
|
/>
|
|
|
|
|
{
|
|
|
|
|
hasCompare &&
|
|
|
|
|
<HTMLSelect
|
|
|
|
|
value={(option as IBoardFindOption).compareType[EBoardKeyList.Mat]}
|
|
|
|
|
options={SimpleOption}
|
|
|
|
|
onChange={(e) =>
|
|
|
|
|
{
|
|
|
|
|
(option as IBoardFindOption).compareType[EBoardKeyList.Mat] = e.target.value as ECompareType;
|
|
|
|
|
}}
|
|
|
|
|
/>
|
|
|
|
|
}
|
|
|
|
|
<div>
|
|
|
|
|
<Tooltip
|
|
|
|
|
content={option[EBoardKeyList.Mat]}
|
|
|
|
|
>
|
|
|
|
|
hasCompare ?
|
|
|
|
|
<>
|
|
|
|
|
<HTMLSelect
|
|
|
|
|
value={(option as IBoardFindOption).compareType[EBoardKeyList.Mat]}
|
|
|
|
|
options={SimpleOption}
|
|
|
|
|
onChange={(e) =>
|
|
|
|
|
{
|
|
|
|
|
(option as IBoardFindOption).compareType[EBoardKeyList.Mat] = e.target.value as ECompareType;
|
|
|
|
|
}}
|
|
|
|
|
/>
|
|
|
|
|
<div>
|
|
|
|
|
<Tooltip
|
|
|
|
|
content={option[EBoardKeyList.Mat]}
|
|
|
|
|
>
|
|
|
|
|
<input
|
|
|
|
|
style={{
|
|
|
|
|
margin: "0 5px",
|
|
|
|
|
width: "75px",
|
|
|
|
|
}}
|
|
|
|
|
tabIndex={1}
|
|
|
|
|
className={Classes.INPUT}
|
|
|
|
|
value={option[EBoardKeyList.Mat]}
|
|
|
|
|
onChange={e => option[EBoardKeyList.Mat] = e.target.value}
|
|
|
|
|
/>
|
|
|
|
|
</Tooltip>
|
|
|
|
|
</div>
|
|
|
|
|
</>
|
|
|
|
|
:
|
|
|
|
|
<input
|
|
|
|
|
style={{
|
|
|
|
|
margin: "0 5px",
|
|
|
|
|
width: "75px",
|
|
|
|
|
}}
|
|
|
|
|
tabIndex={1}
|
|
|
|
|
className={Classes.INPUT}
|
|
|
|
|
value={option[EBoardKeyList.Mat]}
|
|
|
|
|
onChange={e => option[EBoardKeyList.Mat] = e.target.value} />
|
|
|
|
|
</Tooltip>
|
|
|
|
|
</div>
|
|
|
|
|
onChange={e => option[EBoardKeyList.Mat] = e.target.value}
|
|
|
|
|
/>
|
|
|
|
|
}
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<span>颜色</span>
|
|
|
|
|
{
|
|
|
|
|
hasCompare &&
|
|
|
|
|
<HTMLSelect
|
|
|
|
|
value={(option as IBoardFindOption).compareType[EBoardKeyList.Color]}
|
|
|
|
|
options={SimpleOption}
|
|
|
|
|
onChange={(e) =>
|
|
|
|
|
{
|
|
|
|
|
(option as IBoardFindOption).compareType[EBoardKeyList.Color] = e.target.value as ECompareType;
|
|
|
|
|
}}
|
|
|
|
|
/>
|
|
|
|
|
}
|
|
|
|
|
<div>
|
|
|
|
|
<Tooltip
|
|
|
|
|
content={option[EBoardKeyList.Color]}
|
|
|
|
|
>
|
|
|
|
|
hasCompare ?
|
|
|
|
|
<>
|
|
|
|
|
<HTMLSelect
|
|
|
|
|
value={(option as IBoardFindOption).compareType[EBoardKeyList.Color]}
|
|
|
|
|
options={SimpleOption}
|
|
|
|
|
onChange={(e) =>
|
|
|
|
|
{
|
|
|
|
|
(option as IBoardFindOption).compareType[EBoardKeyList.Color] = e.target.value as ECompareType;
|
|
|
|
|
}}
|
|
|
|
|
/>
|
|
|
|
|
<div>
|
|
|
|
|
<Tooltip
|
|
|
|
|
content={option[EBoardKeyList.Color]}
|
|
|
|
|
>
|
|
|
|
|
<input
|
|
|
|
|
style={{
|
|
|
|
|
margin: "0 5px",
|
|
|
|
|
width: "75px",
|
|
|
|
|
}}
|
|
|
|
|
tabIndex={1}
|
|
|
|
|
className={Classes.INPUT}
|
|
|
|
|
value={option[EBoardKeyList.Color]}
|
|
|
|
|
onChange={e => option[EBoardKeyList.Color] = e.target.value}
|
|
|
|
|
/>
|
|
|
|
|
</Tooltip>
|
|
|
|
|
</div>
|
|
|
|
|
</>
|
|
|
|
|
:
|
|
|
|
|
<input
|
|
|
|
|
style={{
|
|
|
|
|
margin: "0 5px",
|
|
|
|
|
width: "75px",
|
|
|
|
|
}}
|
|
|
|
|
tabIndex={1}
|
|
|
|
|
className={Classes.INPUT}
|
|
|
|
|
value={option[EBoardKeyList.Color]}
|
|
|
|
|
onChange={e => option[EBoardKeyList.Color] = e.target.value} />
|
|
|
|
|
</Tooltip>
|
|
|
|
|
</div>
|
|
|
|
|
onChange={e => option[EBoardKeyList.Color] = e.target.value}
|
|
|
|
|
/>
|
|
|
|
|
}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="flex">
|
|
|
|
|