From 50f4e2c3a3c5c9d4edafab346c58e3862b7610eb Mon Sep 17 00:00:00 2001
From: verou1 <857149855@qq.com>
Date: 星期一, 10 三月 2025 09:53:02 +0800
Subject: [PATCH] fix:编辑规则修改

---
 rsf-admin/src/page/serialRuleItem/SerialRuleItemList.jsx |  354 +++++++++++++++++++++++++++++++++++-----------------------
 1 files changed, 214 insertions(+), 140 deletions(-)

diff --git a/rsf-admin/src/page/serialRuleItem/SerialRuleItemList.jsx b/rsf-admin/src/page/serialRuleItem/SerialRuleItemList.jsx
index 53aee0c..7a79285 100644
--- a/rsf-admin/src/page/serialRuleItem/SerialRuleItemList.jsx
+++ b/rsf-admin/src/page/serialRuleItem/SerialRuleItemList.jsx
@@ -1,162 +1,236 @@
-import React, { useState, useRef, useEffect, useMemo, useCallback } from "react";
-import { useNavigate } from 'react-router-dom';
+import React, {
+  useState,
+  useRef,
+  useEffect,
+  useMemo,
+  useCallback,
+} from "react";
+import { useNavigate, useLocation } from "react-router-dom";
 import {
-    List,
-    DatagridConfigurable,
-    SearchInput,
-    TopToolbar,
-    SelectColumnsButton,
-    EditButton,
-    FilterButton,
-    CreateButton,
-    ExportButton,
-    BulkDeleteButton,
-    WrapperField,
-    useRecordContext,
-    useTranslate,
-    useNotify,
-    useListContext,
-    FunctionField,
-    TextField,
-    NumberField,
-    DateField,
-    BooleanField,
-    ReferenceField,
-    TextInput,
-    DateTimeInput,
-    DateInput,
-    SelectInput,
-    NumberInput,
-    ReferenceInput,
-    ReferenceArrayInput,
-    AutocompleteInput,
-    DeleteButton,
-} from 'react-admin';
-import { Box, Typography, Card, Stack } from '@mui/material';
-import { styled } from '@mui/material/styles';
+  List,
+  DatagridConfigurable,
+  SearchInput,
+  TopToolbar,
+  SelectColumnsButton,
+  EditButton,
+  FilterButton,
+  CreateButton,
+  ExportButton,
+  BulkDeleteButton,
+  WrapperField,
+  useRecordContext,
+  useTranslate,
+  useNotify,
+  useListContext,
+  FunctionField,
+  TextField,
+  NumberField,
+  DateField,
+  BooleanField,
+  ReferenceField,
+  TextInput,
+  DateTimeInput,
+  DateInput,
+  SelectInput,
+  NumberInput,
+  ReferenceInput,
+  ReferenceArrayInput,
+  AutocompleteInput,
+  DeleteButton,
+} from "react-admin";
+import { Box, Typography, Card, Stack } from "@mui/material";
+import { styled } from "@mui/material/styles";
 import SerialRuleItemCreate from "./SerialRuleItemCreate";
 import SerialRuleItemPanel from "./SerialRuleItemPanel";
 import EmptyData from "../components/EmptyData";
 import MyCreateButton from "../components/MyCreateButton";
-import MyExportButton from '../components/MyExportButton';
+import MyExportButton from "../components/MyExportButton";
 import PageDrawer from "../components/PageDrawer";
 import MyField from "../components/MyField";
-import { PAGE_DRAWER_WIDTH, OPERATE_MODE, DEFAULT_PAGE_SIZE } from '@/config/setting';
-import * as Common from '@/utils/common';
+import {
+  PAGE_DRAWER_WIDTH,
+  OPERATE_MODE,
+  DEFAULT_PAGE_SIZE,
+} from "@/config/setting";
+import * as Common from "@/utils/common";
+import CustomerTopToolBar from "../components/EditTopToolBar";
 
 const StyledDatagrid = styled(DatagridConfigurable)(({ theme }) => ({
-    '& .css-1vooibu-MuiSvgIcon-root': {
-        height: '.9em'
-    },
-    '& .RaDatagrid-row': {
-        cursor: 'auto'
-    },
-    '& .column-name': {
-    },
-    '& .opt': {
-        width: 200
-    },
+  "& .css-1vooibu-MuiSvgIcon-root": {
+    height: ".9em",
+  },
+  "& .RaDatagrid-row": {
+    cursor: "auto",
+  },
+  "& .column-name": {},
+  "& .opt": {
+    width: 200,
+  },
 }));
 
 const filters = [
-    <SearchInput source="condition" alwaysOn />,
-    <DateInput label='common.time.after' source="timeStart" alwaysOn />,
-    <DateInput label='common.time.before' source="timeEnd" alwaysOn />,
+  <SearchInput source="condition" alwaysOn />,
+  <DateInput label="common.time.after" source="timeStart" alwaysOn />,
+  <DateInput label="common.time.before" source="timeEnd" alwaysOn />,
 
-    <NumberInput source="ruleId" label="table.field.serialRuleItem.ruleId" />,
-    <TextInput source="wkType" label="table.field.serialRuleItem.wkType" />,
-    <TextInput source="feildValue" label="table.field.serialRuleItem.feildValue" />,
-    <NumberInput source="len" label="table.field.serialRuleItem.len" />,
-    <NumberInput source="lenStr" label="table.field.serialRuleItem.lenStr" />,
-    <NumberInput source="sort" label="table.field.serialRuleItem.sort" />,
+  <NumberInput source="ruleId" label="table.field.serialRuleItem.ruleId" />,
+  <TextInput source="wkType" label="table.field.serialRuleItem.wkType" />,
+  <TextInput
+    source="feildValue"
+    label="table.field.serialRuleItem.feildValue"
+  />,
+  <NumberInput source="len" label="table.field.serialRuleItem.len" />,
+  <NumberInput source="lenStr" label="table.field.serialRuleItem.lenStr" />,
+  <NumberInput source="sort" label="table.field.serialRuleItem.sort" />,
 
-    <TextInput label="common.field.memo" source="memo" />,
-    <SelectInput
-        label="common.field.status"
-        source="status"
-        choices={[
-            { id: '1', name: 'common.enums.statusTrue' },
-            { id: '0', name: 'common.enums.statusFalse' },
-        ]}
-        resettable
-    />,
-]
+  <TextInput label="common.field.memo" source="memo" />,
+  <SelectInput
+    label="common.field.status"
+    source="status"
+    choices={[
+      { id: "1", name: "common.enums.statusTrue" },
+      { id: "0", name: "common.enums.statusFalse" },
+    ]}
+    resettable
+  />,
+];
 
 const SerialRuleItemList = () => {
-    const translate = useTranslate();
+  const translate = useTranslate();
+  const [createDialog, setCreateDialog] = useState(false);
+  const [drawerVal, setDrawerVal] = useState(false);
 
-    const [createDialog, setCreateDialog] = useState(false);
-    const [drawerVal, setDrawerVal] = useState(false);
+  const location = useLocation();
+  const queryParams = new URLSearchParams(location.search);
+  const ruleId = queryParams.get("ruleId");
 
-    return (
-        <Box display="flex">
-            <List
-                sx={{
-                    flexGrow: 1,
-                    transition: (theme) =>
-                        theme.transitions.create(['all'], {
-                            duration: theme.transitions.duration.enteringScreen,
-                        }),
-                    marginRight: !!drawerVal ? `${PAGE_DRAWER_WIDTH}px` : 0,
-                }}
-                title={"menu.serialRuleItem"}
-                empty={<EmptyData onClick={() => { setCreateDialog(true) }} />}
-                filters={filters}
-                sort={{ field: "create_time", order: "desc" }}
-                actions={(
-                    <TopToolbar>
-                        <FilterButton />
-                        <MyCreateButton onClick={() => { setCreateDialog(true) }} />
-                        <SelectColumnsButton preferenceKey='serialRuleItem' />
-                        <MyExportButton />
-                    </TopToolbar>
-                )}
-                perPage={DEFAULT_PAGE_SIZE}
-            >
-                <StyledDatagrid
-                    preferenceKey='serialRuleItem'
-                    bulkActionButtons={() => <BulkDeleteButton mutationMode={OPERATE_MODE} />}
-                    rowClick={(id, resource, record) => false}
-                    expand={() => <SerialRuleItemPanel />}
-                    expandSingle={true}
-                    omit={['id', 'createTime', 'createBy', 'memo']}
-                >
-                    <NumberField source="id" />
-                    <NumberField source="ruleId" label="table.field.serialRuleItem.ruleId" />
-                    <TextField source="wkType" label="table.field.serialRuleItem.wkType" />
-                    <TextField source="feildValue" label="table.field.serialRuleItem.feildValue" />
-                    <NumberField source="len" label="table.field.serialRuleItem.len" />
-                    <NumberField source="lenStr" label="table.field.serialRuleItem.lenStr" />
-                    <NumberField source="sort" label="table.field.serialRuleItem.sort" />
-
-                    <ReferenceField source="updateBy" label="common.field.updateBy" reference="user" link={false} sortable={false}>
-                        <TextField source="nickname" />
-                    </ReferenceField>
-                    <DateField source="updateTime" label="common.field.updateTime" showTime />
-                    <ReferenceField source="createBy" label="common.field.createBy" reference="user" link={false} sortable={false}>
-                        <TextField source="nickname" />
-                    </ReferenceField>
-                    <DateField source="createTime" label="common.field.createTime" showTime />
-                    <BooleanField source="statusBool" label="common.field.status" sortable={false} />
-                    <TextField source="memo" label="common.field.memo" sortable={false} />
-                    <WrapperField cellClassName="opt" label="common.field.opt">
-                        <EditButton sx={{ padding: '1px', fontSize: '.75rem' }} />
-                        <DeleteButton sx={{ padding: '1px', fontSize: '.75rem' }} mutationMode={OPERATE_MODE} />
-                    </WrapperField>
-                </StyledDatagrid>
-            </List>
-            <SerialRuleItemCreate
-                open={createDialog}
-                setOpen={setCreateDialog}
+  return (
+    <>
+      {ruleId && <CustomerTopToolBar backPrevious={true} />}
+      <Box display="flex">
+        <List
+          sx={{
+            flexGrow: 1,
+            transition: (theme) =>
+              theme.transitions.create(["all"], {
+                duration: theme.transitions.duration.enteringScreen,
+              }),
+            marginRight: drawerVal ? `${PAGE_DRAWER_WIDTH}px` : 0,
+          }}
+          title={"menu.serialRuleItem"}
+          empty={
+            <EmptyData
+              onClick={() => {
+                setCreateDialog(true);
+              }}
             />
-            <PageDrawer
-                title='SerialRuleItem Detail'
-                drawerVal={drawerVal}
-                setDrawerVal={setDrawerVal}
+          }
+          filters={filters}
+          filter={ruleId ? { ruleId } : undefined}
+          sort={{ field: "create_time", order: "desc" }}
+          actions={
+            <TopToolbar>
+              <FilterButton />
+              <MyCreateButton
+                onClick={() => {
+                  setCreateDialog(true);
+                }}
+              />
+              <SelectColumnsButton preferenceKey="serialRuleItem" />
+              <MyExportButton />
+            </TopToolbar>
+          }
+          perPage={DEFAULT_PAGE_SIZE}
+        >
+          <StyledDatagrid
+            preferenceKey="serialRuleItem"
+            bulkActionButtons={() => (
+              <BulkDeleteButton mutationMode={OPERATE_MODE} />
+            )}
+            rowClick={(id, resource, record) => false}
+            expand={() => <SerialRuleItemPanel />}
+            expandSingle={true}
+            omit={["id", "createTime", "createBy", "memo"]}
+          >
+            <NumberField source="id" />
+            <NumberField
+              source="ruleId"
+              label="table.field.serialRuleItem.ruleId"
+            />
+            <TextField
+              source="wkType"
+              label="table.field.serialRuleItem.wkType"
+            />
+            <TextField
+              source="feildValue"
+              label="table.field.serialRuleItem.feildValue"
+            />
+            <NumberField source="len" label="table.field.serialRuleItem.len" />
+            <NumberField
+              source="lenStr"
+              label="table.field.serialRuleItem.lenStr"
+            />
+            <NumberField
+              source="sort"
+              label="table.field.serialRuleItem.sort"
+            />
+
+            <ReferenceField
+              source="updateBy"
+              label="common.field.updateBy"
+              reference="user"
+              link={false}
+              sortable={false}
             >
-            </PageDrawer>
-        </Box>
-    )
-}
+              <TextField source="nickname" />
+            </ReferenceField>
+            <DateField
+              source="updateTime"
+              label="common.field.updateTime"
+              showTime
+            />
+            <ReferenceField
+              source="createBy"
+              label="common.field.createBy"
+              reference="user"
+              link={false}
+              sortable={false}
+            >
+              <TextField source="nickname" />
+            </ReferenceField>
+            <DateField
+              source="createTime"
+              label="common.field.createTime"
+              showTime
+            />
+            <BooleanField
+              source="statusBool"
+              label="common.field.status"
+              sortable={false}
+            />
+            <TextField
+              source="memo"
+              label="common.field.memo"
+              sortable={false}
+            />
+            <WrapperField cellClassName="opt" label="common.field.opt">
+              <EditButton sx={{ padding: "1px", fontSize: ".75rem" }} />
+              <DeleteButton
+                sx={{ padding: "1px", fontSize: ".75rem" }}
+                mutationMode={OPERATE_MODE}
+              />
+            </WrapperField>
+          </StyledDatagrid>
+        </List>
+        <SerialRuleItemCreate open={createDialog} setOpen={setCreateDialog} />
+        <PageDrawer
+          title="SerialRuleItem Detail"
+          drawerVal={drawerVal}
+          setDrawerVal={setDrawerVal}
+        ></PageDrawer>
+      </Box>
+    </>
+  );
+};
 
 export default SerialRuleItemList;

--
Gitblit v1.9.1