更新管道冲洗面板的样式设计
This commit is contained in:
@@ -426,7 +426,7 @@ const AnalysisParameters: React.FC = () => {
|
|||||||
</Box>
|
</Box>
|
||||||
</Box>
|
</Box>
|
||||||
|
|
||||||
<Box className="mt-2">
|
<Box className="mt-auto pt-2">
|
||||||
<Button
|
<Button
|
||||||
fullWidth
|
fullWidth
|
||||||
variant="contained"
|
variant="contained"
|
||||||
|
|||||||
@@ -19,7 +19,6 @@ import {
|
|||||||
} from "@mui/material";
|
} from "@mui/material";
|
||||||
import {
|
import {
|
||||||
Info as InfoIcon,
|
Info as InfoIcon,
|
||||||
Search as SearchIcon,
|
|
||||||
LocationOn as LocationIcon,
|
LocationOn as LocationIcon,
|
||||||
} from "@mui/icons-material";
|
} from "@mui/icons-material";
|
||||||
import { DatePicker } from "@mui/x-date-pickers/DatePicker";
|
import { DatePicker } from "@mui/x-date-pickers/DatePicker";
|
||||||
@@ -333,7 +332,7 @@ const SchemeQuery: React.FC<SchemeQueryProps> = ({
|
|||||||
slotProps={{
|
slotProps={{
|
||||||
textField: {
|
textField: {
|
||||||
size: "small",
|
size: "small",
|
||||||
sx: { width: 160 },
|
sx: { width: 200 },
|
||||||
},
|
},
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
@@ -344,10 +343,10 @@ const SchemeQuery: React.FC<SchemeQueryProps> = ({
|
|||||||
onClick={handleQuery}
|
onClick={handleQuery}
|
||||||
disabled={loading}
|
disabled={loading}
|
||||||
size="small"
|
size="small"
|
||||||
startIcon={<SearchIcon />}
|
|
||||||
className="bg-blue-600 hover:bg-blue-700"
|
className="bg-blue-600 hover:bg-blue-700"
|
||||||
|
sx={{ minWidth: 80 }}
|
||||||
>
|
>
|
||||||
查询
|
{loading ? "查询中..." : "查询"}
|
||||||
</Button>
|
</Button>
|
||||||
</Box>
|
</Box>
|
||||||
</Box>
|
</Box>
|
||||||
@@ -356,11 +355,41 @@ const SchemeQuery: React.FC<SchemeQueryProps> = ({
|
|||||||
<Box className="flex-1 overflow-auto">
|
<Box className="flex-1 overflow-auto">
|
||||||
{schemes.length === 0 ? (
|
{schemes.length === 0 ? (
|
||||||
<Box className="flex flex-col items-center justify-center h-full text-gray-400">
|
<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>
|
||||||
) : (
|
) : (
|
||||||
<Box className="space-y-2 p-1">
|
<Box className="space-y-2 p-2">
|
||||||
<Typography variant="caption" className="text-gray-500 px-1">
|
<Typography variant="caption" className="text-gray-500 px-2">
|
||||||
共 {schemes.length} 条记录
|
共 {schemes.length} 条记录
|
||||||
</Typography>
|
</Typography>
|
||||||
{schemes.map((scheme) => (
|
{schemes.map((scheme) => (
|
||||||
|
|||||||
Reference in New Issue
Block a user