| | |
| | | const icon = <CheckBoxOutlineBlankIcon fontSize="small" />; |
| | | const checkedIcon = <CheckBoxIcon fontSize="small" />; |
| | | |
| | | const getOptionLabel = (option) => { |
| | | return option?.uuid ?? ''; |
| | | }; |
| | | |
| | | const checkoutAgvNo = (agvId) => { |
| | | if (agvId == null) { |
| | | const normalizeAgvId = (agv) => { |
| | | if (agv == null) { |
| | | return ''; |
| | | } |
| | | const match = (agvOptions || []).find((item) => item.id === agvId); |
| | | return match?.uuid ?? ''; |
| | | if (typeof agv === 'object') { |
| | | return String(agv.id ?? ''); |
| | | } |
| | | return String(agv); |
| | | }; |
| | | |
| | | const getOptionId = (option) => { |
| | | return option?.id; |
| | | return normalizeAgvId(option) |
| | | }; |
| | | |
| | | const getOptionLabel = (option) => { |
| | | return option?.uuid ?? ''; |
| | | }; |
| | | |
| | | const handleSaveClick = () => { |
| | |
| | | value={agvList || []} |
| | | getOptionLabel={getOptionLabel} |
| | | isOptionEqualToValue={(option, value) => { |
| | | return getOptionId(option) === value; |
| | | return getOptionId(option) === getOptionId(value); |
| | | }} |
| | | onChange={(event, newValue) => { |
| | | setAgvList(newValue); |
| | |
| | | value.map((option, index) => ( |
| | | <Chip |
| | | {...getTagProps({ index })} |
| | | key={index} |
| | | label={checkoutAgvNo(option)} |
| | | key={getOptionId(option) || index} |
| | | label={normalizeAgvId(option)} |
| | | size="small" |
| | | sx={{ mr: 0.5, fontWeight: 'bold' }} |
| | | /> |