From 8e058ad522772460a6964a4ba49002363e1e4d1a Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期五, 08 十一月 2024 13:23:23 +0800
Subject: [PATCH] #
---
zy-acs-flow/src/page/loc/BulkUpdateButton.jsx | 129 ++++++++++++++++++++++++++++--------------
1 files changed, 86 insertions(+), 43 deletions(-)
diff --git a/zy-acs-flow/src/page/loc/BulkUpdateButton.jsx b/zy-acs-flow/src/page/loc/BulkUpdateButton.jsx
index 15cf7f9..bfe5f0e 100644
--- a/zy-acs-flow/src/page/loc/BulkUpdateButton.jsx
+++ b/zy-acs-flow/src/page/loc/BulkUpdateButton.jsx
@@ -1,19 +1,33 @@
-// src/components/BulkUpdateButton.js
import React, { useState } from 'react';
-import { useUpdateMany, useRefresh, useNotify, useUnselectAll, Button as RaButton } from 'react-admin';
-import { Dialog, DialogActions, DialogContent, DialogTitle, TextField, Select, MenuItem } from '@mui/material';
+import {
+ useUpdateMany,
+ useRefresh,
+ useNotify,
+ useListContext,
+ useUnselectAll,
+ Button as RaButton,
+ Form,
+ ReferenceInput,
+ AutocompleteInput,
+ NumberInput,
+ TextInput,
+ useTranslate,
+} from 'react-admin';
+import { Dialog, DialogActions, DialogContent, DialogTitle, Grid, Stack, Divider } from '@mui/material';
import UpdateIcon from '@mui/icons-material/Update';
+import MemoInput from "../components/MemoInput";
+import ContentSave from '@mui/icons-material/Save';
+import CloseIcon from '@mui/icons-material/Close';
-const BulkUpdateButton = ({ selectedIds, resource, label }) => {
- console.log('BulkUpdateButton rendered with selectedIds:', selectedIds);
-
+const BulkUpdateButton = ({ resource, label = 'ra.action.update', ...rest }) => {
const [open, setOpen] = useState(false);
const [formData, setFormData] = useState({});
- // Hooks 璋冪敤椤哄簭璋冩暣
const refresh = useRefresh();
const notify = useNotify();
+ const translate = useTranslate();
const unselectAll = useUnselectAll(resource);
+ const { selectedIds, onUnselectItems } = useListContext();
const [updateMany, { loading }] = useUpdateMany(
resource,
@@ -22,11 +36,11 @@
onSuccess: () => {
setOpen(false);
refresh();
- notify('鎵归噺鏇存柊鎴愬姛', { type: 'success' });
+ notify('common.response.success', { type: 'info' });
unselectAll();
},
onError: (error) => {
- notify(`鎵归噺鏇存柊澶辫触: ${error.message}`, { type: 'warning' });
+ notify(error.msg || 'common.response.fail', { type: 'error' });
}
}
);
@@ -43,49 +57,78 @@
};
const handleSubmit = () => {
+ console.log(formData);
updateMany();
};
return (
<>
- <RaButton onClick={handleOpen} startIcon={<UpdateIcon />} label={label || '鎵归噺淇敼'}>
- {/* 濡傛灉浣跨敤 React-Admin 鐨� Button锛屽彲浠ョ渷鐣ュ瓙鑺傜偣 */}
- </RaButton>
+ <RaButton onClick={handleOpen} startIcon={<UpdateIcon />} label={label} />
<Dialog open={open} onClose={handleClose}>
- <DialogTitle>鎵归噺淇敼</DialogTitle>
+ <DialogTitle>{translate('ra.action.update')}</DialogTitle>
<DialogContent>
- {/* 浣跨敤 Select 缁勪欢闄愬埗鐘舵�佸�� */}
- <Select
- margin="dense"
- name="status"
- label="鐘舵��"
- fullWidth
- variant="standard"
- onChange={handleChange}
- defaultValue=""
- >
- <MenuItem value="">
- <em>鏃�</em>
- </MenuItem>
- <MenuItem value="1">鍚敤</MenuItem>
- <MenuItem value="0">绂佺敤</MenuItem>
- </Select>
- <TextField
- margin="dense"
- name="memo"
- label="澶囨敞"
- type="text"
- fullWidth
- variant="standard"
- onChange={handleChange}
- />
+ <Form>
+ <Grid container rowSpacing={2} columnSpacing={2}>
+ <Grid item xs={6} display="flex" gap={1}>
+ <ReferenceInput
+ source="code"
+ reference="code"
+ >
+ <AutocompleteInput
+ label="table.field.loc.code"
+ optionText="data"
+ filterToQuery={(val) => ({ data: val })}
+ />
+ </ReferenceInput>
+ </Grid>
+ <Grid item xs={6} display="flex" gap={1}>
+ <ReferenceInput
+ source="locSts"
+ reference="locSts"
+ >
+ <AutocompleteInput
+ label="table.field.loc.locSts"
+ optionText="name"
+ filterToQuery={(val) => ({ name: val })}
+ />
+ </ReferenceInput>
+ </Grid>
+ <Grid item xs={6} display="flex" gap={1}>
+ <NumberInput
+ label="table.field.loc.offset"
+ source="offset"
+ />
+ </Grid>
+ <Grid item xs={12} display="flex" gap={1}>
+ <Stack direction="column" spacing={1} width={'100%'}>
+ <MemoInput />
+ </Stack>
+ </Grid>
+ </Grid>
+ </Form>
</DialogContent>
- <DialogActions>
- <RaButton onClick={handleClose} color="primary">
- 鍙栨秷
+ <Divider sx={{ mb: 1 }} />
+ <DialogActions sx={{ mb: 1 }}>
+ <RaButton
+ onClick={handleClose}
+ variant="contained"
+ color="inherit"
+ size='large'
+ label='ra.action.cancel'
+ sx={{ mr: 1 }}
+ >
+ <CloseIcon />
</RaButton>
- <RaButton onClick={handleSubmit} color="primary" disabled={loading}>
- 纭
+ <RaButton
+ onClick={handleSubmit}
+ variant="contained"
+ color="primary"
+ size='large'
+ label='ra.action.save'
+ disabled={loading}
+ sx={{ mr: 1 }}
+ >
+ <ContentSave />
</RaButton>
</DialogActions>
</Dialog>
--
Gitblit v1.9.1