0
点赞
收藏
分享

微信扫一扫

前端项目实战肆佰零壹react-admin和material ui-label行内编辑代码下拉框


const StepEdit = ({ id, record, resource }: { id: Identifier, record: any, resource: string }) => {
  const redirect = useRedirect()
  const [expand, toggleExpanded] = useExpandAll(resource, [id])
  console.log(record,"record")
  return (
    <Edit resource={resource} id={id}>
      <SimpleForm toolbar={false}>
        <Stack>
          <Paper elevation={0} sx={{ display: "flex", flexWrap: "warp" }}>
            <ReferenceInput source='proc_solution_id' reference='t_prod_proc_solution'>
              <AutocompleteInput variant='outlined' label="解决方案" sx={{ mr: 1 }}  disabled />
            </ReferenceInput>
            <ReferenceInput source='machine_type_id' reference='t_prod_machine_type'>
              <AutocompleteInput variant='outlined' label="机器类型" sx={{ mr: 1 }}
              />
            </ReferenceInput>

            <ReferenceInput source='step_level_id' reference='t_prod_step_level'>
              <AutocompleteInput variant='outlined' label="工序等级" sx={{ mr: 1 }}
              />
            </ReferenceInput>
            <ReferenceInput source='part_id' reference='t_prod_part'>
              <AutocompleteInput variant='outlined' label="部位" sx={{ mr: 1 }}
              />
            </ReferenceInput>
          </Paper>
          <Paper elevation={0} sx={{ display: "flex", flexWrap: "warp" }}>
            <TextInput variant='outlined' sx={{ mr: 1 }} source='step_no' label='编号' />
            <TextInput variant='outlined' sx={{ mr: 1 }} source='stand_time' label='工时' />
            <TextInput variant='outlined' sx={{ mr: 1 }} source='stand_price' label='工价' />
            <TextInput variant='outlined' sx={{ mr: 1 }} source='step_desc' label='说明' />
          </Paper>
        </Stack>
        <SaveButton sx={{ height: "36px", mt: '9px', mj: 2 }}
          type='button' mutationOptions={{
            onSuccess: () => {
              redirect(false)
              if (expand) {
                toggleExpanded()
              }
            }
          }}
        >
        </SaveButton>
        <Button variant='contained' sx={{ height: "36px", mt: '9px', mj: 2 }} onClick={() => toggleExpanded()}>
          取消
        </Button>
      </SimpleForm>
    </Edit>
  )
}

运行结果

前端项目实战肆佰零壹react-admin和material ui-label行内编辑代码下拉框_react.js

举报

相关推荐

0 条评论