前端项目实战肆佰肆拾肆react-admin和material ui-实现横向等分布局

   <Grid item xs={2} sm={2} md={2} >
                                <ReferenceInput variant='outlined' source="order_id" reference="t_lps_order"  >
                                    <AutocompleteInput filterToQuery={(order_code) => { return { order_code } }} disabled={flag} label="订单信息" />
                                </ReferenceInput>
                            </Grid>
                            <Grid item xs={2} sm={2} md={2} sx={{margin:"8px 0 0 30px"}}>
                                <TextInput disabled={flag} variant='outlined' source="po_code" label="po号" />
                            </Grid>
                            <Grid item xs={2} sm={2} md={2} sx={{margin:"8px 0 0 0px"}}>
                                <TextInput disabled={flag} variant='outlined' source="total_count" label="数量" />
                            </Grid>
                            <Grid item xs={2} sm={2} md={2} sx={{margin:"8px 0 0 0px"}}>
                                <TextInput disabled={flag} variant='outlined' source="description" label="描述" />
                            </Grid>
                            <Grid item xs={2} sm={2} md={2} sx={{margin:"16px 0 0 0px"}}>
                            <SaveButton label='保存' />
                            </Grid>

运行结果