From 496c047fdb5b1637f5bd8ac92dcbeb5f8f6d27d4 Mon Sep 17 00:00:00 2001
From: verou <857149855@qq.com>
Date: 星期一, 31 三月 2025 10:39:03 +0800
Subject: [PATCH] feat:质检单
---
rsf-admin/src/page/qlyInspect/QlyInspectPanel.jsx | 183 +++++++++++++++++++++---------------
rsf-admin/src/page/qlyInspect/QlyInspectList.jsx | 87 +++++++++++++++++
rsf-admin/src/i18n/zh.js | 3
rsf-admin/src/i18n/en.js | 3
rsf-admin/.env | 3
5 files changed, 201 insertions(+), 78 deletions(-)
diff --git a/rsf-admin/.env b/rsf-admin/.env
new file mode 100644
index 0000000..a8ce658
--- /dev/null
+++ b/rsf-admin/.env
@@ -0,0 +1,3 @@
+VITE_BASE_IP=192.168.4.24
+# VITE_BASE_IP=47.76.147.249
+VITE_BASE_PORT=8080
diff --git a/rsf-admin/src/i18n/en.js b/rsf-admin/src/i18n/en.js
index dd973ab..7e0e0da 100644
--- a/rsf-admin/src/i18n/en.js
+++ b/rsf-admin/src/i18n/en.js
@@ -756,6 +756,9 @@
batchWarehouseAreas: "batchWarehouseAreas",
batchLocType: "batchLocType",
batchPrint: "batch print",
+ quality: "quality",
+ complete: "complete",
+ close: "close",
},
};
diff --git a/rsf-admin/src/i18n/zh.js b/rsf-admin/src/i18n/zh.js
index b33bf85..52ad769 100644
--- a/rsf-admin/src/i18n/zh.js
+++ b/rsf-admin/src/i18n/zh.js
@@ -769,6 +769,9 @@
batchWarehouseAreas: "鎵归噺搴撳尯",
batchLocType: "鎵归噺搴撲綅绫诲瀷",
batchPrint: "鎵归噺鎵撳嵃",
+ quality: "璐ㄦ",
+ complete: "瀹屾垚",
+ close: "鍏抽棴",
},
};
diff --git a/rsf-admin/src/page/qlyInspect/QlyInspectList.jsx b/rsf-admin/src/page/qlyInspect/QlyInspectList.jsx
index 7da510e..3bc69b4 100644
--- a/rsf-admin/src/page/qlyInspect/QlyInspectList.jsx
+++ b/rsf-admin/src/page/qlyInspect/QlyInspectList.jsx
@@ -31,6 +31,8 @@
ReferenceArrayInput,
AutocompleteInput,
DeleteButton,
+ Button,
+ useRefresh,
} from 'react-admin';
import { Box, Typography, Card, Stack } from '@mui/material';
import { styled } from '@mui/material/styles';
@@ -43,6 +45,10 @@
import MyField from "../components/MyField";
import { PAGE_DRAWER_WIDTH, OPERATE_MODE, DEFAULT_PAGE_SIZE } from '@/config/setting';
import * as Common from '@/utils/common';
+import ConstructionIcon from "@mui/icons-material/Construction";
+import CloseIcon from "@mui/icons-material/Close";
+import TaskIcon from '@mui/icons-material/Task';
+import request from '@/utils/request';
const StyledDatagrid = styled(DatagridConfigurable)(({ theme }) => ({
'& .css-1vooibu-MuiSvgIcon-root': {
@@ -113,7 +119,7 @@
>
<StyledDatagrid
preferenceKey='qlyInspect'
- bulkActionButtons={() => <BulkDeleteButton mutationMode={OPERATE_MODE} />}
+ bulkActionButtons={<BulkDeleteButton mutationMode={OPERATE_MODE} />}
rowClick={(id, resource, record) => false}
expand={() => <QlyInspectPanel />}
expandSingle={true}
@@ -139,7 +145,10 @@
<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">
- <DeleteButton sx={{ padding: '1px', fontSize: '.75rem' }} mutationMode={OPERATE_MODE} />
+ {/* <DeleteButton sx={{ padding: '1px', fontSize: '.75rem' }} mutationMode={OPERATE_MODE} /> */}
+ <InspectionButton />
+ <CompleteButton />
+ <CloseButton />
</WrapperField>
</StyledDatagrid>
</List>
@@ -158,3 +167,77 @@
}
export default QlyInspectList;
+
+const InspectionButton = () => {
+ const record = useRecordContext();
+ const notify = useNotify();
+ const refresh = useRefresh();
+ const inspection = () => {
+ // requestInspect([record])
+ };
+
+ // const requestInspect = async (rows) => {
+ // const { data: { code, data, msg } } = await request.post(`/asnOrder/inspect`, rows);
+
+ // if (code === 200) {
+ // notify(msg);
+ // refresh()
+ // } else {
+ // notify(msg);
+ // }
+ // }
+
+
+ return (
+ <Button onClick={inspection} label={"toolbar.quality"}>
+ <ConstructionIcon />
+ </Button>
+ )
+}
+
+const CompleteButton = () => {
+ const record = useRecordContext();
+ const notify = useNotify();
+ const refresh = useRefresh();
+ const requestComplete = async () => {
+ const { data: { code, data, msg } } = await request.post(`/qlyInspect/update`, { ...record, code: '222222' });
+
+ if (code === 200) {
+ notify(msg);
+ refresh()
+ } else {
+ notify(msg);
+ }
+ }
+
+
+ return (
+ <Button onClick={requestComplete} label={"toolbar.complete"}>
+ <TaskIcon />
+ </Button>
+ )
+}
+
+const CloseButton = () => {
+ const record = useRecordContext();
+ const notify = useNotify();
+ const refresh = useRefresh();
+
+ const requestClose = async () => {
+ const { data: { code, data, msg } } = await request.post(`/qlyInspect/update`, { ...record, code: '222222' });
+
+ if (code === 200) {
+ notify(msg);
+ refresh()
+ } else {
+ notify(msg);
+ }
+ }
+
+
+ return (
+ <Button onClick={requestClose} label={"toolbar.close"}>
+ <CloseIcon />
+ </Button>
+ )
+}
diff --git a/rsf-admin/src/page/qlyInspect/QlyInspectPanel.jsx b/rsf-admin/src/page/qlyInspect/QlyInspectPanel.jsx
index 6d78dcc..8f56bfa 100644
--- a/rsf-admin/src/page/qlyInspect/QlyInspectPanel.jsx
+++ b/rsf-admin/src/page/qlyInspect/QlyInspectPanel.jsx
@@ -1,92 +1,123 @@
import React, { useState, useRef, useEffect, useMemo } from "react";
-import { Box, Card, CardContent, Grid, Typography, Tooltip } from '@mui/material';
+import { Box, Card, CardContent, Grid, Typography, Button, TextField, Tooltip, Paper, TableContainer, Table, TableBody, TableCell, TableHead, TableRow } from '@mui/material';
import {
useTranslate,
useRecordContext,
+ useNotify,
+ useRefresh,
+ useListContext,
} from 'react-admin';
import PanelTypography from "../components/PanelTypography";
import * as Common from '@/utils/common'
+import { styled } from "@mui/material/styles";
+import request from '@/utils/request';
+import debounce from 'lodash/debounce';
+import { DataGrid } from '@mui/x-data-grid';
const QlyInspectPanel = () => {
const record = useRecordContext();
if (!record) return null;
const translate = useTranslate();
- return (
- <>
- <Card sx={{ width: { xs: 300, sm: 500, md: 600, lg: 800 }, margin: 'auto' }}>
- <CardContent>
- <Grid container spacing={2}>
- <Grid item xs={12} sx={{ display: 'flex', justifyContent: 'space-between' }}>
- <Typography variant="h6" gutterBottom align="left" sx={{
- maxWidth: { xs: '100px', sm: '180px', md: '260px', lg: '360px' },
- whiteSpace: 'nowrap',
- overflow: 'hidden',
- textOverflow: 'ellipsis',
- }}>
- {Common.camelToPascalWithSpaces(translate('table.field.qlyInspect.id'))}: {record.id}
- </Typography>
- {/* inherit, primary, secondary, textPrimary, textSecondary, error */}
- <Typography variant="h6" gutterBottom align="right" >
- ID: {record.id}
- </Typography>
- </Grid>
- </Grid>
- <Grid container spacing={2}>
- <Grid item xs={12} container alignContent="flex-end">
- <Typography variant="caption" color="textSecondary" sx={{ wordWrap: 'break-word', wordBreak: 'break-all' }}>
- {Common.camelToPascalWithSpaces(translate('common.field.memo'))}:{record.memo}
- </Typography>
- </Grid>
- </Grid>
- <Box height={20}> </Box>
- <Grid container spacing={2}>
- <Grid item xs={6}>
- <PanelTypography
- title="table.field.qlyInspect.asnItemId"
- property={record.asnItemId}
- />
- </Grid>
- <Grid item xs={6}>
- <PanelTypography
- title="table.field.qlyInspect.code"
- property={record.code}
- />
- </Grid>
- <Grid item xs={6}>
- <PanelTypography
- title="table.field.qlyInspect.wkType"
- property={record.wkType}
- />
- </Grid>
- <Grid item xs={6}>
- <PanelTypography
- title="table.field.qlyInspect.safeQty"
- property={record.safeQty}
- />
- </Grid>
- <Grid item xs={6}>
- <PanelTypography
- title="table.field.qlyInspect.dlyQty"
- property={record.dlyQty}
- />
- </Grid>
- <Grid item xs={6}>
- <PanelTypography
- title="table.field.qlyInspect.rcptQty"
- property={record.rcptQty}
- />
- </Grid>
- <Grid item xs={6}>
- <PanelTypography
- title="table.field.qlyInspect.isptQty"
- property={record.isptQty}
- />
- </Grid>
+ const notify = useNotify();
+ const [rows, setRows] = useState([]);
+ const [maktx, setMaktx] = useState('');
+ const ispectId = record.id;
- </Grid>
- </CardContent>
- </Card >
- </>
+ useEffect(() => {
+ debouncedHttp({ maktx });
+ }, [ispectId, maktx]);
+
+
+ const http = async (parmas) => {
+ const res = await request.post('/qlyIsptItem/page', { ...parmas, ispectId });
+ if (res?.data?.code === 200) {
+ setRows(res.data.data.records)
+ } else {
+ notify(res.data.msg);
+ }
+ }
+
+ const debouncedHttp = useMemo(() => debounce(http, 300), []);
+
+ const columns = [
+ {
+ field: 'ispectId',
+ headerName: translate('table.field.qlyIsptItem.ispectId')
+ },
+ {
+ field: 'matnrCode',
+ headerName: translate('table.field.qlyIsptItem.matnrCode')
+ },
+ {
+ field: 'maktx',
+ headerName: translate('table.field.qlyIsptItem.maktx')
+ },
+ {
+ field: 'label',
+ headerName: translate('table.field.qlyIsptItem.label')
+ },
+ {
+ field: 'splrName',
+ headerName: translate('table.field.qlyIsptItem.splrName')
+ },
+ {
+ field: 'splrBatch',
+ headerName: translate('table.field.qlyIsptItem.splrBatch')
+ },
+ {
+ field: 'stockBatch',
+ headerName: translate('table.field.qlyIsptItem.stockBatch')
+ },
+ {
+ field: 'rcptQty',
+ headerName: translate('table.field.qlyIsptItem.rcptQty')
+ },
+ {
+ field: 'dlyQty',
+ headerName: translate('table.field.qlyIsptItem.dlyQty')
+ },
+ {
+ field: 'disQty',
+ headerName: translate('table.field.qlyIsptItem.disQty')
+ },
+ {
+ field: 'safeQty',
+ headerName: translate('table.field.qlyIsptItem.safeQty')
+ },
+ {
+ field: 'picPath',
+ headerName: translate('table.field.qlyIsptItem.picPath')
+ }
+ ];
+
+ const maktxChange = (value) => {
+ setMaktx(value)
+ }
+
+ return (
+ <Box sx={{
+ position: 'relative',
+ padding: '5px 10px'
+ }}>
+
+ <div style={{ display: 'flex', justifyContent: 'space-between', marginBottom: '4px', alignItems: 'center' }}>
+ <TextField value={maktx} onChange={(e) => maktxChange(e.target.value)} label="鎼滅储鐗╂枡" variant="outlined" sx={{ width: '300px' }} />
+
+ <div style={{ display: 'flex', gap: '10px' }}>
+ </div>
+ </div>
+
+
+ <DataGrid
+ size="small"
+ rows={rows}
+ columns={columns}
+ disableRowSelectionOnClick
+ disableColumnMenu={true}
+ disableColumnSorting
+ disableMultipleColumnsSorting
+ />
+ </Box >
);
};
--
Gitblit v1.9.1