更新管道冲洗面板的样式设计

This commit is contained in:
JIANG
2026-03-05 11:33:09 +08:00
parent cd34e511ac
commit b73481d604
2 changed files with 37 additions and 8 deletions
@@ -426,7 +426,7 @@ const AnalysisParameters: React.FC = () => {
</Box>
</Box>
<Box className="mt-2">
<Box className="mt-auto pt-2">
<Button
fullWidth
variant="contained"
@@ -19,7 +19,6 @@ import {
} from "@mui/material";
import {
Info as InfoIcon,
Search as SearchIcon,
LocationOn as LocationIcon,
} from "@mui/icons-material";
import { DatePicker } from "@mui/x-date-pickers/DatePicker";
@@ -333,7 +332,7 @@ const SchemeQuery: React.FC<SchemeQueryProps> = ({
slotProps={{
textField: {
size: "small",
sx: { width: 160 },
sx: { width: 200 },
},
}}
/>
@@ -344,10 +343,10 @@ const SchemeQuery: React.FC<SchemeQueryProps> = ({
onClick={handleQuery}
disabled={loading}
size="small"
startIcon={<SearchIcon />}
className="bg-blue-600 hover:bg-blue-700"
sx={{ minWidth: 80 }}
>
{loading ? "查询中..." : "查询"}
</Button>
</Box>
</Box>
@@ -356,11 +355,41 @@ const SchemeQuery: React.FC<SchemeQueryProps> = ({
<Box className="flex-1 overflow-auto">
{schemes.length === 0 ? (
<Box className="flex flex-col items-center justify-center h-full text-gray-400">
<Typography variant="body2"></Typography>
<Box className="mb-4">
<svg
width="80"
height="80"
viewBox="0 0 80 80"
fill="none"
className="opacity-40"
>
<rect
x="10"
y="20"
width="60"
height="45"
rx="2"
stroke="currentColor"
strokeWidth="2"
/>
<line
x1="10"
y1="30"
x2="70"
y2="30"
stroke="currentColor"
strokeWidth="2"
/>
</svg>
</Box>
<Typography variant="body2"> 0 </Typography>
<Typography variant="body2" className="mt-1">
No data
</Typography>
</Box>
) : (
<Box className="space-y-2 p-1">
<Typography variant="caption" className="text-gray-500 px-1">
<Box className="space-y-2 p-2">
<Typography variant="caption" className="text-gray-500 px-2">
{schemes.length}
</Typography>
{schemes.map((scheme) => (